@moontra/moonui-pro 2.37.0 → 2.37.1
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/cdn/index.global.js +149 -149
- package/dist/cdn/index.global.js.map +1 -1
- package/dist/index.d.ts +51 -22
- package/dist/index.mjs +856 -638
- package/package.json +1 -1
- package/templates/validate-pro-route.ts +88 -4
package/dist/index.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { clsx } from 'clsx';
|
|
3
3
|
import { twMerge } from 'tailwind-merge';
|
|
4
|
-
import * as
|
|
5
|
-
import
|
|
4
|
+
import * as React69 from 'react';
|
|
5
|
+
import React69__default, { createContext, useState, useMemo, useCallback, useRef, useEffect, forwardRef, useImperativeHandle, useContext, useLayoutEffect, useDebugValue, useId, Children, isValidElement, cloneElement, Component } from 'react';
|
|
6
6
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
7
7
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
8
8
|
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, Grid, MousePointer, Layers, Waves as Waves$1, Cpu, Focus, Monitor, Activity, Blend, Droplets, CircleDot, GripVertical, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, Code as Code$1, Type, Heading1, Heading2, Heading3, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, CheckSquare, Quote, Highlighter, Link2, Table as Table$1, Undo, Redo, Edit, Wand2, Maximize, FileText, Briefcase, MessageSquare, Heart, GraduationCap, Languages, Lightbulb, MoreVertical, TrendingUp, 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, Wind, Shapes, Move3D, Repeat, Move, EyeOff, Timer, Square, GitBranch, Package, Trash, ArrowRight, MessageCircle, Paperclip, Printer, Grip, Unlock, Github, Server, MemoryStick, HardDrive, Network, Columns, PlusCircle, Pin, Sun, Moon, Home, Send, Tag, Flag, Trophy, ShoppingBag, Wifi, WifiOff, Thermometer, GitFork, PoundSterling, Euro, Database, ShoppingCart } from 'lucide-react';
|
|
@@ -2114,6 +2114,192 @@ var AUTH_CONFIG = {
|
|
|
2114
2114
|
session: "x-moonui-session-id"
|
|
2115
2115
|
}
|
|
2116
2116
|
};
|
|
2117
|
+
var AuthContext = createContext(void 0);
|
|
2118
|
+
var authPromise = null;
|
|
2119
|
+
var lastFetchTime = 0;
|
|
2120
|
+
var FETCH_COOLDOWN = 5e3;
|
|
2121
|
+
function MoonUIAuthProvider({ children }) {
|
|
2122
|
+
const [state, setState] = useState({
|
|
2123
|
+
isLoading: true,
|
|
2124
|
+
hasProAccess: false,
|
|
2125
|
+
isAuthenticated: false,
|
|
2126
|
+
subscriptionPlan: "free",
|
|
2127
|
+
subscription: {
|
|
2128
|
+
status: "inactive",
|
|
2129
|
+
plan: "free"
|
|
2130
|
+
},
|
|
2131
|
+
isAdmin: false
|
|
2132
|
+
});
|
|
2133
|
+
const isMounted = useRef(true);
|
|
2134
|
+
const readValidationFromCookie = () => {
|
|
2135
|
+
if (typeof document === "undefined")
|
|
2136
|
+
return null;
|
|
2137
|
+
try {
|
|
2138
|
+
const cookies = document.cookie.split(";");
|
|
2139
|
+
const statusCookie = cookies.find(
|
|
2140
|
+
(c2) => c2.trim().startsWith("moonui_pro_status=")
|
|
2141
|
+
);
|
|
2142
|
+
if (statusCookie) {
|
|
2143
|
+
const value2 = statusCookie.split("=")[1];
|
|
2144
|
+
const decoded = decodeURIComponent(value2);
|
|
2145
|
+
return JSON.parse(decoded);
|
|
2146
|
+
}
|
|
2147
|
+
} catch (error) {
|
|
2148
|
+
console.error("[MoonUI Auth] Error reading cookie:", error);
|
|
2149
|
+
}
|
|
2150
|
+
return null;
|
|
2151
|
+
};
|
|
2152
|
+
const validateAuth = async (forceRefresh2 = false) => {
|
|
2153
|
+
const now = Date.now();
|
|
2154
|
+
if (!forceRefresh2 && now - lastFetchTime < FETCH_COOLDOWN) {
|
|
2155
|
+
console.log("[MoonUI Auth] Cooldown active, using cached state");
|
|
2156
|
+
return state;
|
|
2157
|
+
}
|
|
2158
|
+
if (authPromise && !forceRefresh2) {
|
|
2159
|
+
console.log("[MoonUI Auth] Using ongoing request");
|
|
2160
|
+
return authPromise;
|
|
2161
|
+
}
|
|
2162
|
+
if (!forceRefresh2) {
|
|
2163
|
+
const cached = readValidationFromCookie();
|
|
2164
|
+
if (cached && cached.valid) {
|
|
2165
|
+
const age = now - cached.timestamp;
|
|
2166
|
+
const maxAge = AUTH_CONFIG.cache.serverCacheDuration;
|
|
2167
|
+
if (age < maxAge) {
|
|
2168
|
+
console.log("[MoonUI Auth] Using cookie cache");
|
|
2169
|
+
const cachedState2 = {
|
|
2170
|
+
isLoading: false,
|
|
2171
|
+
hasProAccess: cached.hasProAccess,
|
|
2172
|
+
isAuthenticated: cached.valid,
|
|
2173
|
+
subscriptionPlan: cached.hasProAccess ? "lifetime" : "free",
|
|
2174
|
+
subscription: {
|
|
2175
|
+
status: cached.hasProAccess ? "active" : "inactive",
|
|
2176
|
+
plan: cached.hasProAccess ? "lifetime" : "free"
|
|
2177
|
+
},
|
|
2178
|
+
isAdmin: false
|
|
2179
|
+
};
|
|
2180
|
+
setState(cachedState2);
|
|
2181
|
+
return cachedState2;
|
|
2182
|
+
}
|
|
2183
|
+
}
|
|
2184
|
+
}
|
|
2185
|
+
authPromise = (async () => {
|
|
2186
|
+
try {
|
|
2187
|
+
console.log("[MoonUI Auth] Making API call to validate-pro...");
|
|
2188
|
+
lastFetchTime = now;
|
|
2189
|
+
const response = await fetch(AUTH_CONFIG.internalEndpoint, {
|
|
2190
|
+
method: "GET",
|
|
2191
|
+
credentials: "include",
|
|
2192
|
+
headers: {
|
|
2193
|
+
"Content-Type": "application/json",
|
|
2194
|
+
// Add request ID for tracking
|
|
2195
|
+
"X-Request-ID": `auth-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`
|
|
2196
|
+
}
|
|
2197
|
+
});
|
|
2198
|
+
if (!response.ok) {
|
|
2199
|
+
console.error("[MoonUI Auth] Validation failed:", response.status);
|
|
2200
|
+
throw new Error(`Validation failed: ${response.status}`);
|
|
2201
|
+
}
|
|
2202
|
+
const data = await response.json();
|
|
2203
|
+
const newState = {
|
|
2204
|
+
isLoading: false,
|
|
2205
|
+
hasProAccess: data.hasProAccess || false,
|
|
2206
|
+
isAuthenticated: data.valid || false,
|
|
2207
|
+
subscriptionPlan: data.hasProAccess ? "lifetime" : "free",
|
|
2208
|
+
subscription: {
|
|
2209
|
+
status: data.hasProAccess ? "active" : "inactive",
|
|
2210
|
+
plan: data.hasProAccess ? "lifetime" : "free"
|
|
2211
|
+
},
|
|
2212
|
+
isAdmin: data.isAdmin || false
|
|
2213
|
+
};
|
|
2214
|
+
if (isMounted.current) {
|
|
2215
|
+
setState(newState);
|
|
2216
|
+
}
|
|
2217
|
+
console.log("[MoonUI Auth] Validation complete:", {
|
|
2218
|
+
hasProAccess: newState.hasProAccess,
|
|
2219
|
+
cached: data.cached
|
|
2220
|
+
});
|
|
2221
|
+
return newState;
|
|
2222
|
+
} catch (error) {
|
|
2223
|
+
console.error("[MoonUI Auth] Validation error:", error);
|
|
2224
|
+
const errorState = {
|
|
2225
|
+
isLoading: false,
|
|
2226
|
+
hasProAccess: false,
|
|
2227
|
+
isAuthenticated: false,
|
|
2228
|
+
subscriptionPlan: "free",
|
|
2229
|
+
subscription: {
|
|
2230
|
+
status: "inactive",
|
|
2231
|
+
plan: "free"
|
|
2232
|
+
},
|
|
2233
|
+
isAdmin: false
|
|
2234
|
+
};
|
|
2235
|
+
if (isMounted.current) {
|
|
2236
|
+
setState(errorState);
|
|
2237
|
+
}
|
|
2238
|
+
return errorState;
|
|
2239
|
+
} finally {
|
|
2240
|
+
authPromise = null;
|
|
2241
|
+
}
|
|
2242
|
+
})();
|
|
2243
|
+
return authPromise;
|
|
2244
|
+
};
|
|
2245
|
+
useEffect(() => {
|
|
2246
|
+
isMounted.current = true;
|
|
2247
|
+
validateAuth();
|
|
2248
|
+
return () => {
|
|
2249
|
+
isMounted.current = false;
|
|
2250
|
+
};
|
|
2251
|
+
}, []);
|
|
2252
|
+
const refreshAuth = async () => {
|
|
2253
|
+
console.log("[MoonUI Auth] Manual refresh requested");
|
|
2254
|
+
await validateAuth(true);
|
|
2255
|
+
};
|
|
2256
|
+
const clearAuth2 = () => {
|
|
2257
|
+
console.log("[MoonUI Auth] Clearing auth");
|
|
2258
|
+
document.cookie = "moonui_pro_status=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT";
|
|
2259
|
+
document.cookie = "moonui_auth_token=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT";
|
|
2260
|
+
setState({
|
|
2261
|
+
isLoading: false,
|
|
2262
|
+
hasProAccess: false,
|
|
2263
|
+
isAuthenticated: false,
|
|
2264
|
+
subscriptionPlan: "free",
|
|
2265
|
+
subscription: {
|
|
2266
|
+
status: "inactive",
|
|
2267
|
+
plan: "free"
|
|
2268
|
+
},
|
|
2269
|
+
isAdmin: false
|
|
2270
|
+
});
|
|
2271
|
+
lastFetchTime = 0;
|
|
2272
|
+
authPromise = null;
|
|
2273
|
+
};
|
|
2274
|
+
const value = {
|
|
2275
|
+
...state,
|
|
2276
|
+
refreshAuth,
|
|
2277
|
+
clearAuth: clearAuth2
|
|
2278
|
+
};
|
|
2279
|
+
return /* @__PURE__ */ jsx(AuthContext.Provider, { value, children });
|
|
2280
|
+
}
|
|
2281
|
+
function useMoonUIAuth() {
|
|
2282
|
+
const context = useContext(AuthContext);
|
|
2283
|
+
if (!context) {
|
|
2284
|
+
console.warn("[MoonUI Auth] No AuthProvider found, components will make individual API calls");
|
|
2285
|
+
return {
|
|
2286
|
+
isLoading: false,
|
|
2287
|
+
hasProAccess: false,
|
|
2288
|
+
isAuthenticated: false,
|
|
2289
|
+
subscriptionPlan: "free",
|
|
2290
|
+
subscription: {
|
|
2291
|
+
status: "inactive",
|
|
2292
|
+
plan: "free"
|
|
2293
|
+
},
|
|
2294
|
+
isAdmin: false,
|
|
2295
|
+
refreshAuth: async () => {
|
|
2296
|
+
},
|
|
2297
|
+
clearAuth: () => {
|
|
2298
|
+
}
|
|
2299
|
+
};
|
|
2300
|
+
}
|
|
2301
|
+
return context;
|
|
2302
|
+
}
|
|
2117
2303
|
|
|
2118
2304
|
// src/hooks/use-subscription-v2.ts
|
|
2119
2305
|
var INITIAL_STATE = {
|
|
@@ -2128,6 +2314,21 @@ var INITIAL_STATE = {
|
|
|
2128
2314
|
isAdmin: false
|
|
2129
2315
|
};
|
|
2130
2316
|
function useSubscription() {
|
|
2317
|
+
try {
|
|
2318
|
+
const authContext = useMoonUIAuth();
|
|
2319
|
+
if (authContext) {
|
|
2320
|
+
return {
|
|
2321
|
+
isLoading: authContext.isLoading,
|
|
2322
|
+
hasProAccess: authContext.hasProAccess,
|
|
2323
|
+
isAuthenticated: authContext.isAuthenticated,
|
|
2324
|
+
subscriptionPlan: authContext.subscriptionPlan,
|
|
2325
|
+
subscription: authContext.subscription,
|
|
2326
|
+
isAdmin: authContext.isAdmin
|
|
2327
|
+
};
|
|
2328
|
+
}
|
|
2329
|
+
} catch (error) {
|
|
2330
|
+
console.log("[useSubscription] No context available, using direct API");
|
|
2331
|
+
}
|
|
2131
2332
|
const [state, setState] = useState(INITIAL_STATE);
|
|
2132
2333
|
const readValidationFromCookie = useCallback(() => {
|
|
2133
2334
|
if (typeof document === "undefined")
|
|
@@ -2248,13 +2449,30 @@ function useSubscription() {
|
|
|
2248
2449
|
}, [validateWithInternalAPI]);
|
|
2249
2450
|
return state;
|
|
2250
2451
|
}
|
|
2251
|
-
function forceRefresh() {
|
|
2452
|
+
async function forceRefresh() {
|
|
2453
|
+
try {
|
|
2454
|
+
const { refreshAuth } = useMoonUIAuth();
|
|
2455
|
+
if (refreshAuth) {
|
|
2456
|
+
await refreshAuth();
|
|
2457
|
+
return;
|
|
2458
|
+
}
|
|
2459
|
+
} catch (error) {
|
|
2460
|
+
}
|
|
2252
2461
|
if (typeof window !== "undefined") {
|
|
2253
2462
|
localStorage.setItem("moonui_pro_refresh", Date.now().toString());
|
|
2254
2463
|
window.location.reload();
|
|
2255
2464
|
}
|
|
2256
2465
|
}
|
|
2257
2466
|
function clearAuth() {
|
|
2467
|
+
try {
|
|
2468
|
+
const { clearAuth: contextClearAuth } = useMoonUIAuth();
|
|
2469
|
+
if (contextClearAuth) {
|
|
2470
|
+
contextClearAuth();
|
|
2471
|
+
window.location.reload();
|
|
2472
|
+
return;
|
|
2473
|
+
}
|
|
2474
|
+
} catch (error) {
|
|
2475
|
+
}
|
|
2258
2476
|
if (typeof window !== "undefined") {
|
|
2259
2477
|
fetch(AUTH_CONFIG.internalEndpoint, {
|
|
2260
2478
|
method: "DELETE",
|
|
@@ -2622,7 +2840,7 @@ var accordionTriggerVariants = cva(
|
|
|
2622
2840
|
}
|
|
2623
2841
|
}
|
|
2624
2842
|
);
|
|
2625
|
-
var MoonUIAccordionPro =
|
|
2843
|
+
var MoonUIAccordionPro = React69.forwardRef((props, ref) => {
|
|
2626
2844
|
const {
|
|
2627
2845
|
className,
|
|
2628
2846
|
size: size4 = "md",
|
|
@@ -2642,7 +2860,7 @@ var MoonUIAccordionPro = React68.forwardRef((props, ref) => {
|
|
|
2642
2860
|
...rest
|
|
2643
2861
|
} = props;
|
|
2644
2862
|
const collapsible = props.type === "single" ? props.collapsible ?? true : void 0;
|
|
2645
|
-
|
|
2863
|
+
React69.useEffect(() => {
|
|
2646
2864
|
if (autoExpandFromHash && typeof window !== "undefined") {
|
|
2647
2865
|
const hash = window.location.hash.replace("#", "");
|
|
2648
2866
|
if (hash) {
|
|
@@ -2659,7 +2877,7 @@ var MoonUIAccordionPro = React68.forwardRef((props, ref) => {
|
|
|
2659
2877
|
}
|
|
2660
2878
|
}
|
|
2661
2879
|
}, [autoExpandFromHash]);
|
|
2662
|
-
const handleValueChange =
|
|
2880
|
+
const handleValueChange = React69.useCallback((newValue) => {
|
|
2663
2881
|
if (onItemToggle && newValue) {
|
|
2664
2882
|
if (Array.isArray(newValue)) {
|
|
2665
2883
|
newValue.forEach((v) => onItemToggle(v, true));
|
|
@@ -2703,12 +2921,12 @@ var MoonUIAccordionPro = React68.forwardRef((props, ref) => {
|
|
|
2703
2921
|
);
|
|
2704
2922
|
});
|
|
2705
2923
|
MoonUIAccordionPro.displayName = "MoonUIAccordionPro";
|
|
2706
|
-
var AccordionContext =
|
|
2707
|
-
var MoonUIAccordionItemPro =
|
|
2708
|
-
const { size: size4, variant, onItemToggle } =
|
|
2709
|
-
const [hasBeenOpened, setHasBeenOpened] =
|
|
2924
|
+
var AccordionContext = React69.createContext({});
|
|
2925
|
+
var MoonUIAccordionItemPro = React69.forwardRef(({ className, loading, progress, badge, badgeVariant = "default", completed, lazy, children, ...props }, ref) => {
|
|
2926
|
+
const { size: size4, variant, onItemToggle } = React69.useContext(AccordionContext);
|
|
2927
|
+
const [hasBeenOpened, setHasBeenOpened] = React69.useState(!lazy);
|
|
2710
2928
|
const progressOffset = progress ? 188.4 - 188.4 * progress / 100 : 188.4;
|
|
2711
|
-
|
|
2929
|
+
React69.useEffect(() => {
|
|
2712
2930
|
if (lazy && !hasBeenOpened) {
|
|
2713
2931
|
const item = document.querySelector(`[data-state="open"][value="${props.value}"]`);
|
|
2714
2932
|
if (item) {
|
|
@@ -2781,7 +2999,7 @@ var MoonUIAccordionItemPro = React68.forwardRef(({ className, loading, progress,
|
|
|
2781
2999
|
);
|
|
2782
3000
|
});
|
|
2783
3001
|
MoonUIAccordionItemPro.displayName = "MoonUIAccordionItemPro";
|
|
2784
|
-
var MoonUIAccordionTriggerPro =
|
|
3002
|
+
var MoonUIAccordionTriggerPro = React69.forwardRef(({
|
|
2785
3003
|
className,
|
|
2786
3004
|
children,
|
|
2787
3005
|
leftIcon,
|
|
@@ -2793,7 +3011,7 @@ var MoonUIAccordionTriggerPro = React68.forwardRef(({
|
|
|
2793
3011
|
hideChevron,
|
|
2794
3012
|
...props
|
|
2795
3013
|
}, ref) => {
|
|
2796
|
-
const { size: size4, variant, searchTerm } =
|
|
3014
|
+
const { size: size4, variant, searchTerm } = React69.useContext(AccordionContext);
|
|
2797
3015
|
const highlightText = (text, searchTerm2) => {
|
|
2798
3016
|
if (!searchTerm2 || typeof text !== "string")
|
|
2799
3017
|
return text;
|
|
@@ -2833,11 +3051,11 @@ var MoonUIAccordionTriggerPro = React68.forwardRef(({
|
|
|
2833
3051
|
) });
|
|
2834
3052
|
});
|
|
2835
3053
|
MoonUIAccordionTriggerPro.displayName = "MoonUIAccordionTriggerPro";
|
|
2836
|
-
var MoonUIAccordionContentPro =
|
|
2837
|
-
const { size: size4, variant, animationMode } =
|
|
2838
|
-
const [dynamicContent, setDynamicContent] =
|
|
2839
|
-
const [isLoading, setIsLoading] =
|
|
2840
|
-
|
|
3054
|
+
var MoonUIAccordionContentPro = React69.forwardRef(({ className, children, contentLoading, loadContent, noPadding, ...props }, ref) => {
|
|
3055
|
+
const { size: size4, variant, animationMode } = React69.useContext(AccordionContext);
|
|
3056
|
+
const [dynamicContent, setDynamicContent] = React69.useState(null);
|
|
3057
|
+
const [isLoading, setIsLoading] = React69.useState(false);
|
|
3058
|
+
React69.useEffect(() => {
|
|
2841
3059
|
if (loadContent && !dynamicContent) {
|
|
2842
3060
|
setIsLoading(true);
|
|
2843
3061
|
loadContent().then(setDynamicContent).finally(() => setIsLoading(false));
|
|
@@ -2874,8 +3092,8 @@ var MoonUIAccordionContentPro = React68.forwardRef(({ className, children, conte
|
|
|
2874
3092
|
});
|
|
2875
3093
|
MoonUIAccordionContentPro.displayName = "MoonUIAccordionContentPro";
|
|
2876
3094
|
var useAccordionAnalytics = () => {
|
|
2877
|
-
const [analytics, setAnalytics] =
|
|
2878
|
-
const trackItemOpen =
|
|
3095
|
+
const [analytics, setAnalytics] = React69.useState({});
|
|
3096
|
+
const trackItemOpen = React69.useCallback((itemId) => {
|
|
2879
3097
|
setAnalytics((prev) => ({
|
|
2880
3098
|
...prev,
|
|
2881
3099
|
[itemId]: {
|
|
@@ -2922,9 +3140,9 @@ var MoonUIalertVariantsPro = cva(
|
|
|
2922
3140
|
}
|
|
2923
3141
|
}
|
|
2924
3142
|
);
|
|
2925
|
-
var MoonUIAlertPro =
|
|
3143
|
+
var MoonUIAlertPro = React69.forwardRef(
|
|
2926
3144
|
({ className, variant = "default", size: size4, radius, hideIcon = false, closable = false, onClose, children, ...props }, ref) => {
|
|
2927
|
-
const MoonUIIconPro =
|
|
3145
|
+
const MoonUIIconPro = React69.useMemo(() => {
|
|
2928
3146
|
switch (variant) {
|
|
2929
3147
|
case "success":
|
|
2930
3148
|
return Check;
|
|
@@ -2963,7 +3181,7 @@ var MoonUIAlertPro = React68.forwardRef(
|
|
|
2963
3181
|
}
|
|
2964
3182
|
);
|
|
2965
3183
|
MoonUIAlertPro.displayName = "AlertPro";
|
|
2966
|
-
var MoonUIAlertTitlePro =
|
|
3184
|
+
var MoonUIAlertTitlePro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
2967
3185
|
"h5",
|
|
2968
3186
|
{
|
|
2969
3187
|
ref,
|
|
@@ -2972,7 +3190,7 @@ var MoonUIAlertTitlePro = React68.forwardRef(({ className, ...props }, ref) => /
|
|
|
2972
3190
|
}
|
|
2973
3191
|
));
|
|
2974
3192
|
MoonUIAlertTitlePro.displayName = "AlertTitlePro";
|
|
2975
|
-
var MoonUIAlertDescriptionPro =
|
|
3193
|
+
var MoonUIAlertDescriptionPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
2976
3194
|
"div",
|
|
2977
3195
|
{
|
|
2978
3196
|
ref,
|
|
@@ -3036,7 +3254,7 @@ var MoonUIaspectRatioVariantsPro = cva(
|
|
|
3036
3254
|
}
|
|
3037
3255
|
}
|
|
3038
3256
|
);
|
|
3039
|
-
var MoonUIAspectRatioPro =
|
|
3257
|
+
var MoonUIAspectRatioPro = React69.forwardRef(({
|
|
3040
3258
|
className,
|
|
3041
3259
|
variant,
|
|
3042
3260
|
radius,
|
|
@@ -3054,12 +3272,12 @@ var MoonUIAspectRatioPro = React68.forwardRef(({
|
|
|
3054
3272
|
children,
|
|
3055
3273
|
...props
|
|
3056
3274
|
}, ref) => {
|
|
3057
|
-
const [currentRatio, setCurrentRatio] =
|
|
3275
|
+
const [currentRatio, setCurrentRatio] = React69.useState(() => {
|
|
3058
3276
|
if (preset)
|
|
3059
3277
|
return PRESET_RATIOS[preset];
|
|
3060
3278
|
return ratio;
|
|
3061
3279
|
});
|
|
3062
|
-
|
|
3280
|
+
React69.useEffect(() => {
|
|
3063
3281
|
const newRatio = preset ? PRESET_RATIOS[preset] : ratio;
|
|
3064
3282
|
if (smoothTransition) {
|
|
3065
3283
|
setCurrentRatio(newRatio);
|
|
@@ -3067,7 +3285,7 @@ var MoonUIAspectRatioPro = React68.forwardRef(({
|
|
|
3067
3285
|
setCurrentRatio(newRatio);
|
|
3068
3286
|
}
|
|
3069
3287
|
}, [preset, ratio, smoothTransition]);
|
|
3070
|
-
|
|
3288
|
+
React69.useEffect(() => {
|
|
3071
3289
|
if (!responsive)
|
|
3072
3290
|
return;
|
|
3073
3291
|
const handleResize = () => {
|
|
@@ -3156,7 +3374,7 @@ var moonUIAvatarVariantsPro = cva(
|
|
|
3156
3374
|
}
|
|
3157
3375
|
}
|
|
3158
3376
|
);
|
|
3159
|
-
var MoonUIAvatarPro =
|
|
3377
|
+
var MoonUIAvatarPro = React69.forwardRef(({ className, size: size4, radius, variant, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3160
3378
|
AvatarPrimitive.Root,
|
|
3161
3379
|
{
|
|
3162
3380
|
ref,
|
|
@@ -3165,7 +3383,7 @@ var MoonUIAvatarPro = React68.forwardRef(({ className, size: size4, radius, vari
|
|
|
3165
3383
|
}
|
|
3166
3384
|
));
|
|
3167
3385
|
MoonUIAvatarPro.displayName = AvatarPrimitive.Root.displayName;
|
|
3168
|
-
var MoonUIAvatarImagePro =
|
|
3386
|
+
var MoonUIAvatarImagePro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3169
3387
|
AvatarPrimitive.Image,
|
|
3170
3388
|
{
|
|
3171
3389
|
ref,
|
|
@@ -3174,7 +3392,7 @@ var MoonUIAvatarImagePro = React68.forwardRef(({ className, ...props }, ref) =>
|
|
|
3174
3392
|
}
|
|
3175
3393
|
));
|
|
3176
3394
|
MoonUIAvatarImagePro.displayName = AvatarPrimitive.Image.displayName;
|
|
3177
|
-
var MoonUIAvatarFallbackPro =
|
|
3395
|
+
var MoonUIAvatarFallbackPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3178
3396
|
AvatarPrimitive.Fallback,
|
|
3179
3397
|
{
|
|
3180
3398
|
ref,
|
|
@@ -3186,9 +3404,9 @@ var MoonUIAvatarFallbackPro = React68.forwardRef(({ className, ...props }, ref)
|
|
|
3186
3404
|
}
|
|
3187
3405
|
));
|
|
3188
3406
|
MoonUIAvatarFallbackPro.displayName = AvatarPrimitive.Fallback.displayName;
|
|
3189
|
-
var MoonUIAvatarGroupPro =
|
|
3407
|
+
var MoonUIAvatarGroupPro = React69.forwardRef(
|
|
3190
3408
|
({ className, max: max2 = 3, size: size4 = "md", children, overlapOffset, ...props }, ref) => {
|
|
3191
|
-
const childrenArray =
|
|
3409
|
+
const childrenArray = React69.Children.toArray(children);
|
|
3192
3410
|
const visibleChildren = max2 ? childrenArray.slice(0, max2) : childrenArray;
|
|
3193
3411
|
const remainingCount = max2 ? Math.max(0, childrenArray.length - max2) : 0;
|
|
3194
3412
|
const defaultOffsets = {
|
|
@@ -3215,7 +3433,7 @@ var MoonUIAvatarGroupPro = React68.forwardRef(
|
|
|
3215
3433
|
marginLeft: index2 === 0 ? 0 : `${finalOffset}px`,
|
|
3216
3434
|
zIndex: visibleChildren.length - index2
|
|
3217
3435
|
},
|
|
3218
|
-
children:
|
|
3436
|
+
children: React69.isValidElement(child) && child.type === MoonUIAvatarPro ? React69.cloneElement(child, { size: size4 }) : child
|
|
3219
3437
|
},
|
|
3220
3438
|
index2
|
|
3221
3439
|
)),
|
|
@@ -3428,7 +3646,7 @@ var MoonUIbreadcrumbVariantsPro = cva(
|
|
|
3428
3646
|
}
|
|
3429
3647
|
}
|
|
3430
3648
|
);
|
|
3431
|
-
var MoonUIBreadcrumbPro =
|
|
3649
|
+
var MoonUIBreadcrumbPro = React69.forwardRef(
|
|
3432
3650
|
({ className, variant, size: size4, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3433
3651
|
"nav",
|
|
3434
3652
|
{
|
|
@@ -3440,9 +3658,9 @@ var MoonUIBreadcrumbPro = React68.forwardRef(
|
|
|
3440
3658
|
)
|
|
3441
3659
|
);
|
|
3442
3660
|
MoonUIBreadcrumbPro.displayName = "BreadcrumbPro";
|
|
3443
|
-
var MoonUIBreadcrumbListPro =
|
|
3661
|
+
var MoonUIBreadcrumbListPro = React69.forwardRef(
|
|
3444
3662
|
({ className, collapsed, collapsedWidth = 3, ...props }, ref) => {
|
|
3445
|
-
const MoonUIchildrenArrayPro =
|
|
3663
|
+
const MoonUIchildrenArrayPro = React69.Children.toArray(props.children).filter(Boolean);
|
|
3446
3664
|
const MoonUIchildCountPro = MoonUIchildrenArrayPro.length;
|
|
3447
3665
|
if (collapsed && MoonUIchildCountPro > collapsedWidth) {
|
|
3448
3666
|
const MoonUIfirstItemPro = MoonUIchildrenArrayPro[0];
|
|
@@ -3478,9 +3696,9 @@ var MoonUIBreadcrumbListPro = React68.forwardRef(
|
|
|
3478
3696
|
}
|
|
3479
3697
|
);
|
|
3480
3698
|
MoonUIBreadcrumbListPro.displayName = "BreadcrumbListPro";
|
|
3481
|
-
var MoonUIBreadcrumbItemPro =
|
|
3699
|
+
var MoonUIBreadcrumbItemPro = React69.forwardRef(
|
|
3482
3700
|
({ className, isCurrent, href, asChild = false, ...props }, ref) => {
|
|
3483
|
-
const MoonUICompPro = asChild ?
|
|
3701
|
+
const MoonUICompPro = asChild ? React69.Fragment : href ? "a" : "span";
|
|
3484
3702
|
const MoonUIitemPropsPro = asChild ? {} : href ? { href } : {};
|
|
3485
3703
|
return /* @__PURE__ */ jsx(
|
|
3486
3704
|
"li",
|
|
@@ -3537,7 +3755,7 @@ var MoonUIBreadcrumbEllipsisPro = ({
|
|
|
3537
3755
|
}
|
|
3538
3756
|
);
|
|
3539
3757
|
MoonUIBreadcrumbEllipsisPro.displayName = "BreadcrumbEllipsisPro";
|
|
3540
|
-
var MoonUIBreadcrumbLinkPro =
|
|
3758
|
+
var MoonUIBreadcrumbLinkPro = React69.forwardRef(
|
|
3541
3759
|
({ className, href, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3542
3760
|
"a",
|
|
3543
3761
|
{
|
|
@@ -3552,7 +3770,7 @@ var MoonUIBreadcrumbLinkPro = React68.forwardRef(
|
|
|
3552
3770
|
)
|
|
3553
3771
|
);
|
|
3554
3772
|
MoonUIBreadcrumbLinkPro.displayName = "BreadcrumbLinkPro";
|
|
3555
|
-
var MoonUIBreadcrumbPagePro =
|
|
3773
|
+
var MoonUIBreadcrumbPagePro = React69.forwardRef(
|
|
3556
3774
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3557
3775
|
"span",
|
|
3558
3776
|
{
|
|
@@ -3715,7 +3933,7 @@ var moonUIButtonProVariants = cva(
|
|
|
3715
3933
|
}
|
|
3716
3934
|
}
|
|
3717
3935
|
);
|
|
3718
|
-
var MoonUIButtonPro =
|
|
3936
|
+
var MoonUIButtonPro = React69.forwardRef(
|
|
3719
3937
|
({
|
|
3720
3938
|
className,
|
|
3721
3939
|
variant,
|
|
@@ -3774,7 +3992,7 @@ function Calendar({
|
|
|
3774
3992
|
return selected;
|
|
3775
3993
|
return /* @__PURE__ */ new Date();
|
|
3776
3994
|
};
|
|
3777
|
-
const [currentMonth, setCurrentMonth] =
|
|
3995
|
+
const [currentMonth, setCurrentMonth] = React69.useState(getInitialMonth());
|
|
3778
3996
|
const weekDays = [
|
|
3779
3997
|
{ short: "S", full: "Sunday" },
|
|
3780
3998
|
{ short: "M", full: "Monday" },
|
|
@@ -4164,7 +4382,7 @@ var moonUICardVariantsPro = cva(
|
|
|
4164
4382
|
}
|
|
4165
4383
|
}
|
|
4166
4384
|
);
|
|
4167
|
-
var MoonUICardPro =
|
|
4385
|
+
var MoonUICardPro = React69.forwardRef(
|
|
4168
4386
|
({
|
|
4169
4387
|
className,
|
|
4170
4388
|
variant,
|
|
@@ -4181,8 +4399,8 @@ var MoonUICardPro = React68.forwardRef(
|
|
|
4181
4399
|
asChild,
|
|
4182
4400
|
...props
|
|
4183
4401
|
}, ref) => {
|
|
4184
|
-
const [mousePos, setMousePos] =
|
|
4185
|
-
const [isHovered, setIsHovered] =
|
|
4402
|
+
const [mousePos, setMousePos] = React69.useState({ x: 0, y: 0 });
|
|
4403
|
+
const [isHovered, setIsHovered] = React69.useState(false);
|
|
4186
4404
|
const handleMouseMove2 = (e) => {
|
|
4187
4405
|
if (!enableTilt && !enableParallax)
|
|
4188
4406
|
return;
|
|
@@ -4242,7 +4460,7 @@ var MoonUICardPro = React68.forwardRef(
|
|
|
4242
4460
|
}
|
|
4243
4461
|
);
|
|
4244
4462
|
MoonUICardPro.displayName = "MoonUICardPro";
|
|
4245
|
-
var MoonUICardHeaderPro =
|
|
4463
|
+
var MoonUICardHeaderPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4246
4464
|
"div",
|
|
4247
4465
|
{
|
|
4248
4466
|
ref,
|
|
@@ -4251,7 +4469,7 @@ var MoonUICardHeaderPro = React68.forwardRef(({ className, ...props }, ref) => /
|
|
|
4251
4469
|
}
|
|
4252
4470
|
));
|
|
4253
4471
|
MoonUICardHeaderPro.displayName = "MoonUICardHeaderPro";
|
|
4254
|
-
var MoonUICardTitlePro =
|
|
4472
|
+
var MoonUICardTitlePro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4255
4473
|
"h3",
|
|
4256
4474
|
{
|
|
4257
4475
|
ref,
|
|
@@ -4260,7 +4478,7 @@ var MoonUICardTitlePro = React68.forwardRef(({ className, ...props }, ref) => /*
|
|
|
4260
4478
|
}
|
|
4261
4479
|
));
|
|
4262
4480
|
MoonUICardTitlePro.displayName = "MoonUICardTitlePro";
|
|
4263
|
-
var MoonUICardDescriptionPro =
|
|
4481
|
+
var MoonUICardDescriptionPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4264
4482
|
"p",
|
|
4265
4483
|
{
|
|
4266
4484
|
ref,
|
|
@@ -4269,9 +4487,9 @@ var MoonUICardDescriptionPro = React68.forwardRef(({ className, ...props }, ref)
|
|
|
4269
4487
|
}
|
|
4270
4488
|
));
|
|
4271
4489
|
MoonUICardDescriptionPro.displayName = "MoonUICardDescriptionPro";
|
|
4272
|
-
var MoonUICardContentPro =
|
|
4490
|
+
var MoonUICardContentPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
|
|
4273
4491
|
MoonUICardContentPro.displayName = "MoonUICardContentPro";
|
|
4274
|
-
var MoonUICardFooterPro =
|
|
4492
|
+
var MoonUICardFooterPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4275
4493
|
"div",
|
|
4276
4494
|
{
|
|
4277
4495
|
ref,
|
|
@@ -4318,7 +4536,7 @@ var moonUICheckboxVariantsPro = cva(
|
|
|
4318
4536
|
}
|
|
4319
4537
|
}
|
|
4320
4538
|
);
|
|
4321
|
-
var MoonUICheckboxPro =
|
|
4539
|
+
var MoonUICheckboxPro = React69.forwardRef(({
|
|
4322
4540
|
className,
|
|
4323
4541
|
variant,
|
|
4324
4542
|
size: size4,
|
|
@@ -4329,8 +4547,8 @@ var MoonUICheckboxPro = React68.forwardRef(({
|
|
|
4329
4547
|
checked,
|
|
4330
4548
|
...props
|
|
4331
4549
|
}, ref) => {
|
|
4332
|
-
const [isIndeterminate, setIsIndeterminate] =
|
|
4333
|
-
|
|
4550
|
+
const [isIndeterminate, setIsIndeterminate] = React69.useState(indeterminate);
|
|
4551
|
+
React69.useEffect(() => {
|
|
4334
4552
|
setIsIndeterminate(indeterminate);
|
|
4335
4553
|
}, [indeterminate]);
|
|
4336
4554
|
const effectiveChecked = isIndeterminate ? false : checked;
|
|
@@ -4355,7 +4573,7 @@ var MoonUICheckboxPro = React68.forwardRef(({
|
|
|
4355
4573
|
);
|
|
4356
4574
|
});
|
|
4357
4575
|
MoonUICheckboxPro.displayName = CheckboxPrimitive.Root.displayName;
|
|
4358
|
-
var MoonUICheckboxGroupPro =
|
|
4576
|
+
var MoonUICheckboxGroupPro = React69.forwardRef(
|
|
4359
4577
|
({ className, orientation = "vertical", spacing = "1rem", children, ...props }, ref) => {
|
|
4360
4578
|
return /* @__PURE__ */ jsx(
|
|
4361
4579
|
"div",
|
|
@@ -4375,7 +4593,7 @@ var MoonUICheckboxGroupPro = React68.forwardRef(
|
|
|
4375
4593
|
}
|
|
4376
4594
|
);
|
|
4377
4595
|
MoonUICheckboxGroupPro.displayName = "CheckboxGroup";
|
|
4378
|
-
var MoonUICheckboxLabelPro =
|
|
4596
|
+
var MoonUICheckboxLabelPro = React69.forwardRef(
|
|
4379
4597
|
({ className, htmlFor, children, position = "end", disabled = false, ...props }, ref) => {
|
|
4380
4598
|
return /* @__PURE__ */ jsx(
|
|
4381
4599
|
"label",
|
|
@@ -4395,14 +4613,14 @@ var MoonUICheckboxLabelPro = React68.forwardRef(
|
|
|
4395
4613
|
}
|
|
4396
4614
|
);
|
|
4397
4615
|
MoonUICheckboxLabelPro.displayName = "CheckboxLabel";
|
|
4398
|
-
var MoonUICheckboxWithLabelPro =
|
|
4616
|
+
var MoonUICheckboxWithLabelPro = React69.forwardRef(({
|
|
4399
4617
|
id,
|
|
4400
4618
|
label,
|
|
4401
4619
|
labelPosition = "end",
|
|
4402
4620
|
labelClassName,
|
|
4403
4621
|
...checkboxProps
|
|
4404
4622
|
}, ref) => {
|
|
4405
|
-
const generatedId =
|
|
4623
|
+
const generatedId = React69.useId();
|
|
4406
4624
|
const checkboxId = id || generatedId;
|
|
4407
4625
|
return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
|
|
4408
4626
|
labelPosition === "start" && /* @__PURE__ */ jsx(
|
|
@@ -4442,19 +4660,19 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
|
|
|
4442
4660
|
function createContextScope(scopeName, createContextScopeDeps = []) {
|
|
4443
4661
|
let defaultContexts = [];
|
|
4444
4662
|
function createContext32(rootComponentName, defaultContext) {
|
|
4445
|
-
const BaseContext =
|
|
4663
|
+
const BaseContext = React69.createContext(defaultContext);
|
|
4446
4664
|
const index2 = defaultContexts.length;
|
|
4447
4665
|
defaultContexts = [...defaultContexts, defaultContext];
|
|
4448
4666
|
const Provider3 = (props) => {
|
|
4449
4667
|
const { scope, children, ...context } = props;
|
|
4450
4668
|
const Context = scope?.[scopeName]?.[index2] || BaseContext;
|
|
4451
|
-
const value =
|
|
4669
|
+
const value = React69.useMemo(() => context, Object.values(context));
|
|
4452
4670
|
return /* @__PURE__ */ jsx(Context.Provider, { value, children });
|
|
4453
4671
|
};
|
|
4454
4672
|
Provider3.displayName = rootComponentName + "Provider";
|
|
4455
4673
|
function useContext23(consumerName, scope) {
|
|
4456
4674
|
const Context = scope?.[scopeName]?.[index2] || BaseContext;
|
|
4457
|
-
const context =
|
|
4675
|
+
const context = React69.useContext(Context);
|
|
4458
4676
|
if (context)
|
|
4459
4677
|
return context;
|
|
4460
4678
|
if (defaultContext !== void 0)
|
|
@@ -4465,11 +4683,11 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
|
|
|
4465
4683
|
}
|
|
4466
4684
|
const createScope = () => {
|
|
4467
4685
|
const scopeContexts = defaultContexts.map((defaultContext) => {
|
|
4468
|
-
return
|
|
4686
|
+
return React69.createContext(defaultContext);
|
|
4469
4687
|
});
|
|
4470
4688
|
return function useScope(scope) {
|
|
4471
4689
|
const contexts = scope?.[scopeName] || scopeContexts;
|
|
4472
|
-
return
|
|
4690
|
+
return React69.useMemo(
|
|
4473
4691
|
() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
|
|
4474
4692
|
[scope, contexts]
|
|
4475
4693
|
);
|
|
@@ -4493,15 +4711,15 @@ function composeContextScopes(...scopes) {
|
|
|
4493
4711
|
const currentScope = scopeProps[`__scope${scopeName}`];
|
|
4494
4712
|
return { ...nextScopes2, ...currentScope };
|
|
4495
4713
|
}, {});
|
|
4496
|
-
return
|
|
4714
|
+
return React69.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
|
|
4497
4715
|
};
|
|
4498
4716
|
};
|
|
4499
4717
|
createScope.scopeName = baseScope.scopeName;
|
|
4500
4718
|
return createScope;
|
|
4501
4719
|
}
|
|
4502
|
-
var useLayoutEffect2 = globalThis?.document ?
|
|
4720
|
+
var useLayoutEffect2 = globalThis?.document ? React69.useLayoutEffect : () => {
|
|
4503
4721
|
};
|
|
4504
|
-
var useInsertionEffect =
|
|
4722
|
+
var useInsertionEffect = React69[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
|
|
4505
4723
|
function useControllableState({
|
|
4506
4724
|
prop,
|
|
4507
4725
|
defaultProp,
|
|
@@ -4516,8 +4734,8 @@ function useControllableState({
|
|
|
4516
4734
|
const isControlled = prop !== void 0;
|
|
4517
4735
|
const value = isControlled ? prop : uncontrolledProp;
|
|
4518
4736
|
{
|
|
4519
|
-
const isControlledRef =
|
|
4520
|
-
|
|
4737
|
+
const isControlledRef = React69.useRef(prop !== void 0);
|
|
4738
|
+
React69.useEffect(() => {
|
|
4521
4739
|
const wasControlled = isControlledRef.current;
|
|
4522
4740
|
if (wasControlled !== isControlled) {
|
|
4523
4741
|
const from2 = wasControlled ? "controlled" : "uncontrolled";
|
|
@@ -4529,7 +4747,7 @@ function useControllableState({
|
|
|
4529
4747
|
isControlledRef.current = isControlled;
|
|
4530
4748
|
}, [isControlled, caller]);
|
|
4531
4749
|
}
|
|
4532
|
-
const setValue =
|
|
4750
|
+
const setValue = React69.useCallback(
|
|
4533
4751
|
(nextValue) => {
|
|
4534
4752
|
if (isControlled) {
|
|
4535
4753
|
const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
|
|
@@ -4548,13 +4766,13 @@ function useUncontrolledState({
|
|
|
4548
4766
|
defaultProp,
|
|
4549
4767
|
onChange
|
|
4550
4768
|
}) {
|
|
4551
|
-
const [value, setValue] =
|
|
4552
|
-
const prevValueRef =
|
|
4553
|
-
const onChangeRef =
|
|
4769
|
+
const [value, setValue] = React69.useState(defaultProp);
|
|
4770
|
+
const prevValueRef = React69.useRef(value);
|
|
4771
|
+
const onChangeRef = React69.useRef(onChange);
|
|
4554
4772
|
useInsertionEffect(() => {
|
|
4555
4773
|
onChangeRef.current = onChange;
|
|
4556
4774
|
}, [onChange]);
|
|
4557
|
-
|
|
4775
|
+
React69.useEffect(() => {
|
|
4558
4776
|
if (prevValueRef.current !== value) {
|
|
4559
4777
|
onChangeRef.current?.(value);
|
|
4560
4778
|
prevValueRef.current = value;
|
|
@@ -4597,7 +4815,7 @@ function composeRefs(...refs) {
|
|
|
4597
4815
|
};
|
|
4598
4816
|
}
|
|
4599
4817
|
function useComposedRefs(...refs) {
|
|
4600
|
-
return
|
|
4818
|
+
return React69.useCallback(composeRefs(...refs), refs);
|
|
4601
4819
|
}
|
|
4602
4820
|
var NODES = [
|
|
4603
4821
|
"a",
|
|
@@ -4620,7 +4838,7 @@ var NODES = [
|
|
|
4620
4838
|
];
|
|
4621
4839
|
var Primitive = NODES.reduce((primitive, node) => {
|
|
4622
4840
|
const Slot = createSlot(`Primitive.${node}`);
|
|
4623
|
-
const Node4 =
|
|
4841
|
+
const Node4 = React69.forwardRef((props, forwardedRef) => {
|
|
4624
4842
|
const { asChild, ...primitiveProps } = props;
|
|
4625
4843
|
const Comp = asChild ? Slot : node;
|
|
4626
4844
|
if (typeof window !== "undefined") {
|
|
@@ -4632,7 +4850,7 @@ var Primitive = NODES.reduce((primitive, node) => {
|
|
|
4632
4850
|
return { ...primitive, [node]: Node4 };
|
|
4633
4851
|
}, {});
|
|
4634
4852
|
function useStateMachine(initialState, machine) {
|
|
4635
|
-
return
|
|
4853
|
+
return React69.useReducer((state, event) => {
|
|
4636
4854
|
const nextState = machine[state][event];
|
|
4637
4855
|
return nextState ?? state;
|
|
4638
4856
|
}, initialState);
|
|
@@ -4640,17 +4858,17 @@ function useStateMachine(initialState, machine) {
|
|
|
4640
4858
|
var Presence = (props) => {
|
|
4641
4859
|
const { present, children } = props;
|
|
4642
4860
|
const presence = usePresence(present);
|
|
4643
|
-
const child = typeof children === "function" ? children({ present: presence.isPresent }) :
|
|
4861
|
+
const child = typeof children === "function" ? children({ present: presence.isPresent }) : React69.Children.only(children);
|
|
4644
4862
|
const ref = useComposedRefs(presence.ref, getElementRef(child));
|
|
4645
4863
|
const forceMount = typeof children === "function";
|
|
4646
|
-
return forceMount || presence.isPresent ?
|
|
4864
|
+
return forceMount || presence.isPresent ? React69.cloneElement(child, { ref }) : null;
|
|
4647
4865
|
};
|
|
4648
4866
|
Presence.displayName = "Presence";
|
|
4649
4867
|
function usePresence(present) {
|
|
4650
|
-
const [node, setNode2] =
|
|
4651
|
-
const stylesRef =
|
|
4652
|
-
const prevPresentRef =
|
|
4653
|
-
const prevAnimationNameRef =
|
|
4868
|
+
const [node, setNode2] = React69.useState();
|
|
4869
|
+
const stylesRef = React69.useRef(null);
|
|
4870
|
+
const prevPresentRef = React69.useRef(present);
|
|
4871
|
+
const prevAnimationNameRef = React69.useRef("none");
|
|
4654
4872
|
const initialState = present ? "mounted" : "unmounted";
|
|
4655
4873
|
const [state, send] = useStateMachine(initialState, {
|
|
4656
4874
|
mounted: {
|
|
@@ -4665,7 +4883,7 @@ function usePresence(present) {
|
|
|
4665
4883
|
MOUNT: "mounted"
|
|
4666
4884
|
}
|
|
4667
4885
|
});
|
|
4668
|
-
|
|
4886
|
+
React69.useEffect(() => {
|
|
4669
4887
|
const currentAnimationName = getAnimationName(stylesRef.current);
|
|
4670
4888
|
prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
|
|
4671
4889
|
}, [state]);
|
|
@@ -4731,7 +4949,7 @@ function usePresence(present) {
|
|
|
4731
4949
|
}, [node, send]);
|
|
4732
4950
|
return {
|
|
4733
4951
|
isPresent: ["mounted", "unmountSuspended"].includes(state),
|
|
4734
|
-
ref:
|
|
4952
|
+
ref: React69.useCallback((node2) => {
|
|
4735
4953
|
stylesRef.current = node2 ? getComputedStyle(node2) : null;
|
|
4736
4954
|
setNode2(node2);
|
|
4737
4955
|
}, [])
|
|
@@ -4753,10 +4971,10 @@ function getElementRef(element) {
|
|
|
4753
4971
|
}
|
|
4754
4972
|
return element.props.ref || element.ref;
|
|
4755
4973
|
}
|
|
4756
|
-
var useReactId =
|
|
4974
|
+
var useReactId = React69[" useId ".trim().toString()] || (() => void 0);
|
|
4757
4975
|
var count = 0;
|
|
4758
4976
|
function useId2(deterministicId) {
|
|
4759
|
-
const [id, setId] =
|
|
4977
|
+
const [id, setId] = React69.useState(useReactId());
|
|
4760
4978
|
useLayoutEffect2(() => {
|
|
4761
4979
|
if (!deterministicId)
|
|
4762
4980
|
setId((reactId) => reactId ?? String(count++));
|
|
@@ -4766,7 +4984,7 @@ function useId2(deterministicId) {
|
|
|
4766
4984
|
var COLLAPSIBLE_NAME = "Collapsible";
|
|
4767
4985
|
var [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME);
|
|
4768
4986
|
var [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME);
|
|
4769
|
-
var Collapsible =
|
|
4987
|
+
var Collapsible = React69.forwardRef(
|
|
4770
4988
|
(props, forwardedRef) => {
|
|
4771
4989
|
const {
|
|
4772
4990
|
__scopeCollapsible,
|
|
@@ -4789,7 +5007,7 @@ var Collapsible = React68.forwardRef(
|
|
|
4789
5007
|
disabled,
|
|
4790
5008
|
contentId: useId2(),
|
|
4791
5009
|
open,
|
|
4792
|
-
onOpenToggle:
|
|
5010
|
+
onOpenToggle: React69.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
|
|
4793
5011
|
children: /* @__PURE__ */ jsx(
|
|
4794
5012
|
Primitive.div,
|
|
4795
5013
|
{
|
|
@@ -4805,7 +5023,7 @@ var Collapsible = React68.forwardRef(
|
|
|
4805
5023
|
);
|
|
4806
5024
|
Collapsible.displayName = COLLAPSIBLE_NAME;
|
|
4807
5025
|
var TRIGGER_NAME = "CollapsibleTrigger";
|
|
4808
|
-
var CollapsibleTrigger =
|
|
5026
|
+
var CollapsibleTrigger = React69.forwardRef(
|
|
4809
5027
|
(props, forwardedRef) => {
|
|
4810
5028
|
const { __scopeCollapsible, ...triggerProps } = props;
|
|
4811
5029
|
const context = useCollapsibleContext(TRIGGER_NAME, __scopeCollapsible);
|
|
@@ -4827,7 +5045,7 @@ var CollapsibleTrigger = React68.forwardRef(
|
|
|
4827
5045
|
);
|
|
4828
5046
|
CollapsibleTrigger.displayName = TRIGGER_NAME;
|
|
4829
5047
|
var CONTENT_NAME = "CollapsibleContent";
|
|
4830
|
-
var CollapsibleContent =
|
|
5048
|
+
var CollapsibleContent = React69.forwardRef(
|
|
4831
5049
|
(props, forwardedRef) => {
|
|
4832
5050
|
const { forceMount, ...contentProps } = props;
|
|
4833
5051
|
const context = useCollapsibleContext(CONTENT_NAME, props.__scopeCollapsible);
|
|
@@ -4835,20 +5053,20 @@ var CollapsibleContent = React68.forwardRef(
|
|
|
4835
5053
|
}
|
|
4836
5054
|
);
|
|
4837
5055
|
CollapsibleContent.displayName = CONTENT_NAME;
|
|
4838
|
-
var CollapsibleContentImpl =
|
|
5056
|
+
var CollapsibleContentImpl = React69.forwardRef((props, forwardedRef) => {
|
|
4839
5057
|
const { __scopeCollapsible, present, children, ...contentProps } = props;
|
|
4840
5058
|
const context = useCollapsibleContext(CONTENT_NAME, __scopeCollapsible);
|
|
4841
|
-
const [isPresent, setIsPresent] =
|
|
4842
|
-
const ref =
|
|
5059
|
+
const [isPresent, setIsPresent] = React69.useState(present);
|
|
5060
|
+
const ref = React69.useRef(null);
|
|
4843
5061
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
4844
|
-
const heightRef =
|
|
5062
|
+
const heightRef = React69.useRef(0);
|
|
4845
5063
|
const height = heightRef.current;
|
|
4846
|
-
const widthRef =
|
|
5064
|
+
const widthRef = React69.useRef(0);
|
|
4847
5065
|
const width = widthRef.current;
|
|
4848
5066
|
const isOpen = context.open || isPresent;
|
|
4849
|
-
const isMountAnimationPreventedRef =
|
|
4850
|
-
const originalStylesRef =
|
|
4851
|
-
|
|
5067
|
+
const isMountAnimationPreventedRef = React69.useRef(isOpen);
|
|
5068
|
+
const originalStylesRef = React69.useRef(void 0);
|
|
5069
|
+
React69.useEffect(() => {
|
|
4852
5070
|
const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
|
|
4853
5071
|
return () => cancelAnimationFrame(rAF);
|
|
4854
5072
|
}, []);
|
|
@@ -4895,7 +5113,7 @@ function getState(open) {
|
|
|
4895
5113
|
var Root4 = Collapsible;
|
|
4896
5114
|
var Trigger2 = CollapsibleTrigger;
|
|
4897
5115
|
var Content2 = CollapsibleContent;
|
|
4898
|
-
var MoonUICollapsiblePro =
|
|
5116
|
+
var MoonUICollapsiblePro = React69.forwardRef(({
|
|
4899
5117
|
className,
|
|
4900
5118
|
variant = "default",
|
|
4901
5119
|
size: size4 = "md",
|
|
@@ -4915,7 +5133,7 @@ var MoonUICollapsiblePro = React68.forwardRef(({
|
|
|
4915
5133
|
children,
|
|
4916
5134
|
disabled
|
|
4917
5135
|
}, ref) => {
|
|
4918
|
-
const [localOpen, setLocalOpen] =
|
|
5136
|
+
const [localOpen, setLocalOpen] = React69.useState(() => {
|
|
4919
5137
|
if (persistKey && typeof window !== "undefined") {
|
|
4920
5138
|
const stored = localStorage.getItem(`collapsible-${persistKey}`);
|
|
4921
5139
|
if (stored !== null) {
|
|
@@ -4924,9 +5142,9 @@ var MoonUICollapsiblePro = React68.forwardRef(({
|
|
|
4924
5142
|
}
|
|
4925
5143
|
return defaultOpen || false;
|
|
4926
5144
|
});
|
|
4927
|
-
const [hasBeenOpened, setHasBeenOpened] =
|
|
5145
|
+
const [hasBeenOpened, setHasBeenOpened] = React69.useState(!lazy);
|
|
4928
5146
|
const isOpen = controlledOpen !== void 0 ? controlledOpen : localOpen;
|
|
4929
|
-
const handleOpenChange =
|
|
5147
|
+
const handleOpenChange = React69.useCallback((open) => {
|
|
4930
5148
|
if (!loading) {
|
|
4931
5149
|
setLocalOpen(open);
|
|
4932
5150
|
onOpenChange?.(open);
|
|
@@ -4946,7 +5164,7 @@ var MoonUICollapsiblePro = React68.forwardRef(({
|
|
|
4946
5164
|
}
|
|
4947
5165
|
}
|
|
4948
5166
|
}, [loading, onOpenChange, onToggleChange, persistKey, lazy, hasBeenOpened, autoCollapseAfter]);
|
|
4949
|
-
|
|
5167
|
+
React69.useEffect(() => {
|
|
4950
5168
|
if (shortcut) {
|
|
4951
5169
|
const handleKeyPress = (e) => {
|
|
4952
5170
|
const keys2 = shortcut.toLowerCase().split("+");
|
|
@@ -5043,7 +5261,7 @@ var MoonUICollapsiblePro = React68.forwardRef(({
|
|
|
5043
5261
|
] });
|
|
5044
5262
|
});
|
|
5045
5263
|
MoonUICollapsiblePro.displayName = "MoonUICollapsiblePro";
|
|
5046
|
-
var CollapsibleContext =
|
|
5264
|
+
var CollapsibleContext = React69.createContext({});
|
|
5047
5265
|
var collapsibleTriggerVariants = cva(
|
|
5048
5266
|
"flex w-full items-center gap-3 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
|
|
5049
5267
|
{
|
|
@@ -5070,7 +5288,7 @@ var collapsibleTriggerVariants = cva(
|
|
|
5070
5288
|
}
|
|
5071
5289
|
}
|
|
5072
5290
|
);
|
|
5073
|
-
var MoonUICollapsibleTriggerPro =
|
|
5291
|
+
var MoonUICollapsibleTriggerPro = React69.forwardRef(({
|
|
5074
5292
|
className,
|
|
5075
5293
|
children,
|
|
5076
5294
|
variant: triggerVariant,
|
|
@@ -5085,7 +5303,7 @@ var MoonUICollapsibleTriggerPro = React68.forwardRef(({
|
|
|
5085
5303
|
status,
|
|
5086
5304
|
...props
|
|
5087
5305
|
}, ref) => {
|
|
5088
|
-
const { variant, size: size4, shortcut } =
|
|
5306
|
+
const { variant, size: size4, shortcut } = React69.useContext(CollapsibleContext);
|
|
5089
5307
|
const finalVariant = triggerVariant || variant || "default";
|
|
5090
5308
|
const finalSize = triggerSize || size4 || "md";
|
|
5091
5309
|
const statusIcon = status && {
|
|
@@ -5163,7 +5381,7 @@ var collapsibleContentVariants = cva(
|
|
|
5163
5381
|
}
|
|
5164
5382
|
}
|
|
5165
5383
|
);
|
|
5166
|
-
var MoonUICollapsibleContentPro =
|
|
5384
|
+
var MoonUICollapsibleContentPro = React69.forwardRef(({
|
|
5167
5385
|
className,
|
|
5168
5386
|
children,
|
|
5169
5387
|
variant: contentVariant,
|
|
@@ -5174,12 +5392,12 @@ var MoonUICollapsibleContentPro = React68.forwardRef(({
|
|
|
5174
5392
|
padding,
|
|
5175
5393
|
...props
|
|
5176
5394
|
}, ref) => {
|
|
5177
|
-
const { variant, size: size4, animationMode, lazy } =
|
|
5395
|
+
const { variant, size: size4, animationMode, lazy } = React69.useContext(CollapsibleContext);
|
|
5178
5396
|
const finalVariant = contentVariant || variant || "default";
|
|
5179
5397
|
const finalSize = contentSize || size4 || "md";
|
|
5180
|
-
const [dynamicContent, setDynamicContent] =
|
|
5181
|
-
const [isLoading, setIsLoading] =
|
|
5182
|
-
|
|
5398
|
+
const [dynamicContent, setDynamicContent] = React69.useState(null);
|
|
5399
|
+
const [isLoading, setIsLoading] = React69.useState(false);
|
|
5400
|
+
React69.useEffect(() => {
|
|
5183
5401
|
if (loadContent && !dynamicContent) {
|
|
5184
5402
|
setIsLoading(true);
|
|
5185
5403
|
loadContent().then(setDynamicContent).finally(() => setIsLoading(false));
|
|
@@ -5219,19 +5437,19 @@ var MoonUICollapsibleContentPro = React68.forwardRef(({
|
|
|
5219
5437
|
});
|
|
5220
5438
|
MoonUICollapsibleContentPro.displayName = "MoonUICollapsibleContentPro";
|
|
5221
5439
|
var useCollapsibleAnalytics = () => {
|
|
5222
|
-
const [analytics, setAnalytics] =
|
|
5440
|
+
const [analytics, setAnalytics] = React69.useState({
|
|
5223
5441
|
openCount: 0,
|
|
5224
5442
|
lastOpened: null,
|
|
5225
5443
|
totalTimeOpen: 0
|
|
5226
5444
|
});
|
|
5227
|
-
const trackOpen =
|
|
5445
|
+
const trackOpen = React69.useCallback(() => {
|
|
5228
5446
|
setAnalytics((prev) => ({
|
|
5229
5447
|
...prev,
|
|
5230
5448
|
openCount: prev.openCount + 1,
|
|
5231
5449
|
lastOpened: /* @__PURE__ */ new Date()
|
|
5232
5450
|
}));
|
|
5233
5451
|
}, []);
|
|
5234
|
-
const trackClose =
|
|
5452
|
+
const trackClose = React69.useCallback(() => {
|
|
5235
5453
|
setAnalytics((prev) => {
|
|
5236
5454
|
if (prev.lastOpened) {
|
|
5237
5455
|
const timeOpen = Date.now() - prev.lastOpened.getTime();
|
|
@@ -5445,7 +5663,7 @@ var overlayVariants = cva(
|
|
|
5445
5663
|
}
|
|
5446
5664
|
}
|
|
5447
5665
|
);
|
|
5448
|
-
var MoonUIDialogOverlayPro =
|
|
5666
|
+
var MoonUIDialogOverlayPro = React69.forwardRef(
|
|
5449
5667
|
({
|
|
5450
5668
|
className,
|
|
5451
5669
|
variant,
|
|
@@ -5537,7 +5755,7 @@ var dialogContentVariants = cva(
|
|
|
5537
5755
|
}
|
|
5538
5756
|
}
|
|
5539
5757
|
);
|
|
5540
|
-
var MoonUIDialogContentPro =
|
|
5758
|
+
var MoonUIDialogContentPro = React69.forwardRef(
|
|
5541
5759
|
({
|
|
5542
5760
|
className,
|
|
5543
5761
|
children,
|
|
@@ -5566,7 +5784,7 @@ var MoonUIDialogContentPro = React68.forwardRef(
|
|
|
5566
5784
|
closeAnimation = true,
|
|
5567
5785
|
...props
|
|
5568
5786
|
}, ref) => {
|
|
5569
|
-
const [isClosing, setIsClosing] =
|
|
5787
|
+
const [isClosing, setIsClosing] = React69.useState(false);
|
|
5570
5788
|
const zIndex = 50 + stackLevel * 10;
|
|
5571
5789
|
const getConfirmationIcon = () => {
|
|
5572
5790
|
switch (confirmationType) {
|
|
@@ -5898,7 +6116,7 @@ var MoonUIDialogFooterPro = ({
|
|
|
5898
6116
|
}
|
|
5899
6117
|
);
|
|
5900
6118
|
MoonUIDialogFooterPro.displayName = "MoonUIDialogFooterPro";
|
|
5901
|
-
var MoonUIDialogTitlePro =
|
|
6119
|
+
var MoonUIDialogTitlePro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5902
6120
|
DialogPrimitive.Title,
|
|
5903
6121
|
{
|
|
5904
6122
|
ref,
|
|
@@ -5910,7 +6128,7 @@ var MoonUIDialogTitlePro = React68.forwardRef(({ className, ...props }, ref) =>
|
|
|
5910
6128
|
}
|
|
5911
6129
|
));
|
|
5912
6130
|
MoonUIDialogTitlePro.displayName = DialogPrimitive.Title.displayName;
|
|
5913
|
-
var MoonUIDialogDescriptionPro =
|
|
6131
|
+
var MoonUIDialogDescriptionPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5914
6132
|
DialogPrimitive.Description,
|
|
5915
6133
|
{
|
|
5916
6134
|
ref,
|
|
@@ -5922,7 +6140,7 @@ var MoonUIDialogDescriptionPro = React68.forwardRef(({ className, ...props }, re
|
|
|
5922
6140
|
}
|
|
5923
6141
|
));
|
|
5924
6142
|
MoonUIDialogDescriptionPro.displayName = DialogPrimitive.Description.displayName;
|
|
5925
|
-
var MoonUIDialogFormPro =
|
|
6143
|
+
var MoonUIDialogFormPro = React69.forwardRef(
|
|
5926
6144
|
({
|
|
5927
6145
|
className,
|
|
5928
6146
|
enableValidation = false,
|
|
@@ -5980,7 +6198,7 @@ var tooltipVariants = cva(
|
|
|
5980
6198
|
);
|
|
5981
6199
|
var MoonUITooltipPro = TooltipPrimitive.Root;
|
|
5982
6200
|
var MoonUITooltipTriggerPro = TooltipPrimitive.Trigger;
|
|
5983
|
-
var MoonUITooltipArrowPro =
|
|
6201
|
+
var MoonUITooltipArrowPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5984
6202
|
TooltipPrimitive.Arrow,
|
|
5985
6203
|
{
|
|
5986
6204
|
ref,
|
|
@@ -5989,7 +6207,7 @@ var MoonUITooltipArrowPro = React68.forwardRef(({ className, ...props }, ref) =>
|
|
|
5989
6207
|
}
|
|
5990
6208
|
));
|
|
5991
6209
|
MoonUITooltipArrowPro.displayName = TooltipPrimitive.Arrow.displayName;
|
|
5992
|
-
var MoonUITooltipContentPro =
|
|
6210
|
+
var MoonUITooltipContentPro = React69.forwardRef(({ className, variant, size: size4, showArrow = false, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
5993
6211
|
TooltipPrimitive.Content,
|
|
5994
6212
|
{
|
|
5995
6213
|
ref,
|
|
@@ -6003,7 +6221,7 @@ var MoonUITooltipContentPro = React68.forwardRef(({ className, variant, size: si
|
|
|
6003
6221
|
}
|
|
6004
6222
|
));
|
|
6005
6223
|
MoonUITooltipContentPro.displayName = TooltipPrimitive.Content.displayName;
|
|
6006
|
-
var MoonUISimpleTooltipPro =
|
|
6224
|
+
var MoonUISimpleTooltipPro = React69.forwardRef(
|
|
6007
6225
|
({
|
|
6008
6226
|
children,
|
|
6009
6227
|
content,
|
|
@@ -6123,7 +6341,7 @@ var moonUIInputVariantsPro = cva(
|
|
|
6123
6341
|
}
|
|
6124
6342
|
}
|
|
6125
6343
|
);
|
|
6126
|
-
var MoonUIInputPro =
|
|
6344
|
+
var MoonUIInputPro = React69.forwardRef(
|
|
6127
6345
|
({
|
|
6128
6346
|
className,
|
|
6129
6347
|
wrapperClassName,
|
|
@@ -6197,7 +6415,7 @@ MoonUIInputPro.displayName = "MoonUIInputPro";
|
|
|
6197
6415
|
var moonUILabelVariantsPro = cva(
|
|
6198
6416
|
"text-sm font-medium leading-none text-gray-900 dark:text-gray-200 peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:peer-disabled:opacity-60 transition-colors duration-200"
|
|
6199
6417
|
);
|
|
6200
|
-
var MoonUILabelPro =
|
|
6418
|
+
var MoonUILabelPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
6201
6419
|
LabelPrimitive.Root,
|
|
6202
6420
|
{
|
|
6203
6421
|
ref,
|
|
@@ -6210,7 +6428,7 @@ var MoonUISelectPro = SelectPrimitive.Root;
|
|
|
6210
6428
|
MoonUISelectPro.displayName = "MoonUISelectPro";
|
|
6211
6429
|
var MoonUISelectGroupPro = SelectPrimitive.Group;
|
|
6212
6430
|
var MoonUISelectValuePro = SelectPrimitive.Value;
|
|
6213
|
-
var MoonUISelectTriggerPro =
|
|
6431
|
+
var MoonUISelectTriggerPro = React69.forwardRef(({ className, children, variant = "standard", size: size4 = "md", error, success, loading, leftIcon, rightIcon, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
6214
6432
|
SelectPrimitive.Trigger,
|
|
6215
6433
|
{
|
|
6216
6434
|
ref,
|
|
@@ -6252,7 +6470,7 @@ var MoonUISelectTriggerPro = React68.forwardRef(({ className, children, variant
|
|
|
6252
6470
|
}
|
|
6253
6471
|
));
|
|
6254
6472
|
MoonUISelectTriggerPro.displayName = SelectPrimitive.Trigger.displayName;
|
|
6255
|
-
var MoonUISelectScrollUpButtonPro =
|
|
6473
|
+
var MoonUISelectScrollUpButtonPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
6256
6474
|
SelectPrimitive.ScrollUpButton,
|
|
6257
6475
|
{
|
|
6258
6476
|
ref,
|
|
@@ -6265,7 +6483,7 @@ var MoonUISelectScrollUpButtonPro = React68.forwardRef(({ className, ...props },
|
|
|
6265
6483
|
}
|
|
6266
6484
|
));
|
|
6267
6485
|
MoonUISelectScrollUpButtonPro.displayName = SelectPrimitive.ScrollUpButton.displayName;
|
|
6268
|
-
var MoonUISelectScrollDownButtonPro =
|
|
6486
|
+
var MoonUISelectScrollDownButtonPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
6269
6487
|
SelectPrimitive.ScrollDownButton,
|
|
6270
6488
|
{
|
|
6271
6489
|
ref,
|
|
@@ -6278,14 +6496,14 @@ var MoonUISelectScrollDownButtonPro = React68.forwardRef(({ className, ...props
|
|
|
6278
6496
|
}
|
|
6279
6497
|
));
|
|
6280
6498
|
MoonUISelectScrollDownButtonPro.displayName = SelectPrimitive.ScrollDownButton.displayName;
|
|
6281
|
-
var MoonUISelectContentPro =
|
|
6282
|
-
const [searchValue, setSearchValue] =
|
|
6283
|
-
const filteredChildren =
|
|
6499
|
+
var MoonUISelectContentPro = React69.forwardRef(({ className, children, position = "popper", side = "bottom", align = "start", enableSearch, searchPlaceholder = "Search...", noResultsText = "No results found", searchLoading, searchIcon, ...props }, ref) => {
|
|
6500
|
+
const [searchValue, setSearchValue] = React69.useState("");
|
|
6501
|
+
const filteredChildren = React69.useMemo(() => {
|
|
6284
6502
|
if (!enableSearch || !searchValue)
|
|
6285
6503
|
return children;
|
|
6286
6504
|
const searchLower = searchValue.toLowerCase();
|
|
6287
|
-
return
|
|
6288
|
-
if (!
|
|
6505
|
+
return React69.Children.toArray(children).filter((child) => {
|
|
6506
|
+
if (!React69.isValidElement(child))
|
|
6289
6507
|
return true;
|
|
6290
6508
|
if (child.type === MoonUISelectGroupPro || child.type === MoonUISelectLabelPro || child.type === MoonUISelectSeparatorPro) {
|
|
6291
6509
|
return true;
|
|
@@ -6358,7 +6576,7 @@ var MoonUISelectContentPro = React68.forwardRef(({ className, children, position
|
|
|
6358
6576
|
"p-1",
|
|
6359
6577
|
position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
|
|
6360
6578
|
),
|
|
6361
|
-
children: searchLoading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin text-gray-400" }) }) : filteredChildren &&
|
|
6579
|
+
children: searchLoading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin text-gray-400" }) }) : filteredChildren && React69.Children.count(filteredChildren) > 0 ? filteredChildren : enableSearch ? /* @__PURE__ */ jsx("div", { className: "py-6 text-center text-sm text-gray-500 dark:text-gray-400", children: noResultsText }) : children
|
|
6362
6580
|
}
|
|
6363
6581
|
),
|
|
6364
6582
|
/* @__PURE__ */ jsx(MoonUISelectScrollDownButtonPro, {})
|
|
@@ -6367,7 +6585,7 @@ var MoonUISelectContentPro = React68.forwardRef(({ className, children, position
|
|
|
6367
6585
|
) });
|
|
6368
6586
|
});
|
|
6369
6587
|
MoonUISelectContentPro.displayName = SelectPrimitive.Content.displayName;
|
|
6370
|
-
var MoonUISelectLabelPro =
|
|
6588
|
+
var MoonUISelectLabelPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
6371
6589
|
SelectPrimitive.Label,
|
|
6372
6590
|
{
|
|
6373
6591
|
ref,
|
|
@@ -6376,7 +6594,7 @@ var MoonUISelectLabelPro = React68.forwardRef(({ className, ...props }, ref) =>
|
|
|
6376
6594
|
}
|
|
6377
6595
|
));
|
|
6378
6596
|
MoonUISelectLabelPro.displayName = SelectPrimitive.Label.displayName;
|
|
6379
|
-
var MoonUISelectItemPro =
|
|
6597
|
+
var MoonUISelectItemPro = React69.forwardRef(({ className, children, variant = "default", size: size4 = "md", rightIcon, customIndicator, enableHoverScale, description, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
6380
6598
|
SelectPrimitive.Item,
|
|
6381
6599
|
{
|
|
6382
6600
|
ref,
|
|
@@ -6408,7 +6626,7 @@ var MoonUISelectItemPro = React68.forwardRef(({ className, children, variant = "
|
|
|
6408
6626
|
}
|
|
6409
6627
|
));
|
|
6410
6628
|
MoonUISelectItemPro.displayName = SelectPrimitive.Item.displayName;
|
|
6411
|
-
var MoonUISelectSeparatorPro =
|
|
6629
|
+
var MoonUISelectSeparatorPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
6412
6630
|
SelectPrimitive.Separator,
|
|
6413
6631
|
{
|
|
6414
6632
|
ref,
|
|
@@ -6579,7 +6797,7 @@ var getAIProvider = (settings) => {
|
|
|
6579
6797
|
return null;
|
|
6580
6798
|
}
|
|
6581
6799
|
};
|
|
6582
|
-
var MoonUICommandPro =
|
|
6800
|
+
var MoonUICommandPro = React69.forwardRef(({
|
|
6583
6801
|
className,
|
|
6584
6802
|
variant,
|
|
6585
6803
|
size: size4,
|
|
@@ -6964,7 +7182,7 @@ var MoonUICommandDialogPro = ({
|
|
|
6964
7182
|
/* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", children })
|
|
6965
7183
|
] }) });
|
|
6966
7184
|
};
|
|
6967
|
-
var MoonUICommandInputPro =
|
|
7185
|
+
var MoonUICommandInputPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
|
|
6968
7186
|
/* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
|
|
6969
7187
|
/* @__PURE__ */ jsx(
|
|
6970
7188
|
Command.Input,
|
|
@@ -6979,7 +7197,7 @@ var MoonUICommandInputPro = React68.forwardRef(({ className, ...props }, ref) =>
|
|
|
6979
7197
|
)
|
|
6980
7198
|
] }));
|
|
6981
7199
|
MoonUICommandInputPro.displayName = Command.Input.displayName;
|
|
6982
|
-
var MoonUICommandListPro =
|
|
7200
|
+
var MoonUICommandListPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
6983
7201
|
Command.List,
|
|
6984
7202
|
{
|
|
6985
7203
|
ref,
|
|
@@ -6988,7 +7206,7 @@ var MoonUICommandListPro = React68.forwardRef(({ className, ...props }, ref) =>
|
|
|
6988
7206
|
}
|
|
6989
7207
|
));
|
|
6990
7208
|
MoonUICommandListPro.displayName = Command.List.displayName;
|
|
6991
|
-
var MoonUICommandEmptyPro =
|
|
7209
|
+
var MoonUICommandEmptyPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
6992
7210
|
Command.Empty,
|
|
6993
7211
|
{
|
|
6994
7212
|
ref,
|
|
@@ -6997,7 +7215,7 @@ var MoonUICommandEmptyPro = React68.forwardRef(({ className, ...props }, ref) =>
|
|
|
6997
7215
|
}
|
|
6998
7216
|
));
|
|
6999
7217
|
MoonUICommandEmptyPro.displayName = Command.Empty.displayName;
|
|
7000
|
-
var MoonUICommandGroupPro =
|
|
7218
|
+
var MoonUICommandGroupPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
7001
7219
|
Command.Group,
|
|
7002
7220
|
{
|
|
7003
7221
|
ref,
|
|
@@ -7009,7 +7227,7 @@ var MoonUICommandGroupPro = React68.forwardRef(({ className, ...props }, ref) =>
|
|
|
7009
7227
|
}
|
|
7010
7228
|
));
|
|
7011
7229
|
MoonUICommandGroupPro.displayName = Command.Group.displayName;
|
|
7012
|
-
var MoonUICommandSeparatorPro =
|
|
7230
|
+
var MoonUICommandSeparatorPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
7013
7231
|
Command.Separator,
|
|
7014
7232
|
{
|
|
7015
7233
|
ref,
|
|
@@ -7018,7 +7236,7 @@ var MoonUICommandSeparatorPro = React68.forwardRef(({ className, ...props }, ref
|
|
|
7018
7236
|
}
|
|
7019
7237
|
));
|
|
7020
7238
|
MoonUICommandSeparatorPro.displayName = Command.Separator.displayName;
|
|
7021
|
-
var MoonUICommandItemPro =
|
|
7239
|
+
var MoonUICommandItemPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
7022
7240
|
Command.Item,
|
|
7023
7241
|
{
|
|
7024
7242
|
ref,
|
|
@@ -7111,7 +7329,7 @@ var dropdownItemVariants = cva(
|
|
|
7111
7329
|
}
|
|
7112
7330
|
}
|
|
7113
7331
|
);
|
|
7114
|
-
var MoonUIDropdownMenuSubTriggerPro =
|
|
7332
|
+
var MoonUIDropdownMenuSubTriggerPro = React69.forwardRef(({ className, inset, children, showChevron = true, badge, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
7115
7333
|
DropdownMenuPrimitive.SubTrigger,
|
|
7116
7334
|
{
|
|
7117
7335
|
ref,
|
|
@@ -7135,7 +7353,7 @@ var MoonUIDropdownMenuSubTriggerPro = React68.forwardRef(({ className, inset, ch
|
|
|
7135
7353
|
}
|
|
7136
7354
|
));
|
|
7137
7355
|
MoonUIDropdownMenuSubTriggerPro.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
|
|
7138
|
-
var MoonUIDropdownMenuSubContentPro =
|
|
7356
|
+
var MoonUIDropdownMenuSubContentPro = React69.forwardRef(({ className, variant, animation, size: size4, ...props }, ref) => {
|
|
7139
7357
|
return /* @__PURE__ */ jsx(
|
|
7140
7358
|
DropdownMenuPrimitive.SubContent,
|
|
7141
7359
|
{
|
|
@@ -7146,7 +7364,7 @@ var MoonUIDropdownMenuSubContentPro = React68.forwardRef(({ className, variant,
|
|
|
7146
7364
|
);
|
|
7147
7365
|
});
|
|
7148
7366
|
MoonUIDropdownMenuSubContentPro.displayName = DropdownMenuPrimitive.SubContent.displayName;
|
|
7149
|
-
var MoonUIDropdownMenuContentPro =
|
|
7367
|
+
var MoonUIDropdownMenuContentPro = React69.forwardRef(
|
|
7150
7368
|
({
|
|
7151
7369
|
className,
|
|
7152
7370
|
variant,
|
|
@@ -7164,12 +7382,12 @@ var MoonUIDropdownMenuContentPro = React68.forwardRef(
|
|
|
7164
7382
|
children,
|
|
7165
7383
|
...props
|
|
7166
7384
|
}, ref) => {
|
|
7167
|
-
const [searchQuery, setSearchQuery] =
|
|
7168
|
-
const filteredChildren =
|
|
7385
|
+
const [searchQuery, setSearchQuery] = React69.useState("");
|
|
7386
|
+
const filteredChildren = React69.useMemo(() => {
|
|
7169
7387
|
if (!enableSearch || !searchQuery)
|
|
7170
7388
|
return children;
|
|
7171
|
-
return
|
|
7172
|
-
if (!
|
|
7389
|
+
return React69.Children.toArray(children).filter((child) => {
|
|
7390
|
+
if (!React69.isValidElement(child))
|
|
7173
7391
|
return true;
|
|
7174
7392
|
const childText = getTextFromElement(child);
|
|
7175
7393
|
return childText.toLowerCase().includes(searchQuery.toLowerCase());
|
|
@@ -7225,7 +7443,7 @@ var MoonUIDropdownMenuContentPro = React68.forwardRef(
|
|
|
7225
7443
|
}
|
|
7226
7444
|
);
|
|
7227
7445
|
MoonUIDropdownMenuContentPro.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
7228
|
-
var MoonUIDropdownMenuItemPro =
|
|
7446
|
+
var MoonUIDropdownMenuItemPro = React69.forwardRef(
|
|
7229
7447
|
({
|
|
7230
7448
|
className,
|
|
7231
7449
|
variant,
|
|
@@ -7265,7 +7483,7 @@ var MoonUIDropdownMenuItemPro = React68.forwardRef(
|
|
|
7265
7483
|
)
|
|
7266
7484
|
);
|
|
7267
7485
|
MoonUIDropdownMenuItemPro.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
7268
|
-
var MoonUIDropdownMenuCheckboxItemPro =
|
|
7486
|
+
var MoonUIDropdownMenuCheckboxItemPro = React69.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
7269
7487
|
DropdownMenuPrimitive.CheckboxItem,
|
|
7270
7488
|
{
|
|
7271
7489
|
ref,
|
|
@@ -7282,7 +7500,7 @@ var MoonUIDropdownMenuCheckboxItemPro = React68.forwardRef(({ className, childre
|
|
|
7282
7500
|
}
|
|
7283
7501
|
));
|
|
7284
7502
|
MoonUIDropdownMenuCheckboxItemPro.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
|
|
7285
|
-
var MoonUIDropdownMenuRadioItemPro =
|
|
7503
|
+
var MoonUIDropdownMenuRadioItemPro = React69.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
7286
7504
|
DropdownMenuPrimitive.RadioItem,
|
|
7287
7505
|
{
|
|
7288
7506
|
ref,
|
|
@@ -7298,7 +7516,7 @@ var MoonUIDropdownMenuRadioItemPro = React68.forwardRef(({ className, children,
|
|
|
7298
7516
|
}
|
|
7299
7517
|
));
|
|
7300
7518
|
MoonUIDropdownMenuRadioItemPro.displayName = DropdownMenuPrimitive.RadioItem.displayName;
|
|
7301
|
-
var MoonUIDropdownMenuLabelPro =
|
|
7519
|
+
var MoonUIDropdownMenuLabelPro = React69.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
7302
7520
|
DropdownMenuPrimitive.Label,
|
|
7303
7521
|
{
|
|
7304
7522
|
ref,
|
|
@@ -7311,7 +7529,7 @@ var MoonUIDropdownMenuLabelPro = React68.forwardRef(({ className, inset, ...prop
|
|
|
7311
7529
|
}
|
|
7312
7530
|
));
|
|
7313
7531
|
MoonUIDropdownMenuLabelPro.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
7314
|
-
var MoonUIDropdownMenuSeparatorPro =
|
|
7532
|
+
var MoonUIDropdownMenuSeparatorPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
7315
7533
|
DropdownMenuPrimitive.Separator,
|
|
7316
7534
|
{
|
|
7317
7535
|
ref,
|
|
@@ -7340,14 +7558,14 @@ function getTextFromElement(element) {
|
|
|
7340
7558
|
if (typeof props.children === "string") {
|
|
7341
7559
|
return props.children;
|
|
7342
7560
|
}
|
|
7343
|
-
if (
|
|
7561
|
+
if (React69.isValidElement(props.children)) {
|
|
7344
7562
|
return getTextFromElement(props.children);
|
|
7345
7563
|
}
|
|
7346
7564
|
if (Array.isArray(props.children)) {
|
|
7347
7565
|
return props.children.map((child) => {
|
|
7348
7566
|
if (typeof child === "string")
|
|
7349
7567
|
return child;
|
|
7350
|
-
if (
|
|
7568
|
+
if (React69.isValidElement(child))
|
|
7351
7569
|
return getTextFromElement(child);
|
|
7352
7570
|
return "";
|
|
7353
7571
|
}).join("");
|
|
@@ -7364,7 +7582,7 @@ var MoonUIPaginationPro = ({ className, ...props }) => /* @__PURE__ */ jsx(
|
|
|
7364
7582
|
}
|
|
7365
7583
|
);
|
|
7366
7584
|
MoonUIPaginationPro.displayName = "PaginationPro";
|
|
7367
|
-
var MoonUIPaginationContentPro =
|
|
7585
|
+
var MoonUIPaginationContentPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
7368
7586
|
"ul",
|
|
7369
7587
|
{
|
|
7370
7588
|
ref,
|
|
@@ -7373,7 +7591,7 @@ var MoonUIPaginationContentPro = React68.forwardRef(({ className, ...props }, re
|
|
|
7373
7591
|
}
|
|
7374
7592
|
));
|
|
7375
7593
|
MoonUIPaginationContentPro.displayName = "PaginationContentPro";
|
|
7376
|
-
var MoonUIPaginationItemPro =
|
|
7594
|
+
var MoonUIPaginationItemPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("", className), ...props }));
|
|
7377
7595
|
MoonUIPaginationItemPro.displayName = "PaginationItemPro";
|
|
7378
7596
|
var MoonUIPaginationLinkPro = ({
|
|
7379
7597
|
className,
|
|
@@ -7496,7 +7714,7 @@ var popoverContentVariants = cva(
|
|
|
7496
7714
|
);
|
|
7497
7715
|
var MoonUIPopoverPro = PopoverPrimitive.Root;
|
|
7498
7716
|
var MoonUIPopoverTriggerPro = PopoverPrimitive.Trigger;
|
|
7499
|
-
var MoonUIPopoverContentPro =
|
|
7717
|
+
var MoonUIPopoverContentPro = React69.forwardRef(({
|
|
7500
7718
|
className,
|
|
7501
7719
|
variant,
|
|
7502
7720
|
size: size4,
|
|
@@ -7542,19 +7760,19 @@ MoonUIPopoverContentPro.displayName = PopoverPrimitive.Content.displayName;
|
|
|
7542
7760
|
function createContextScope2(scopeName, createContextScopeDeps = []) {
|
|
7543
7761
|
let defaultContexts = [];
|
|
7544
7762
|
function createContext32(rootComponentName, defaultContext) {
|
|
7545
|
-
const BaseContext =
|
|
7763
|
+
const BaseContext = React69.createContext(defaultContext);
|
|
7546
7764
|
const index2 = defaultContexts.length;
|
|
7547
7765
|
defaultContexts = [...defaultContexts, defaultContext];
|
|
7548
7766
|
const Provider3 = (props) => {
|
|
7549
7767
|
const { scope, children, ...context } = props;
|
|
7550
7768
|
const Context = scope?.[scopeName]?.[index2] || BaseContext;
|
|
7551
|
-
const value =
|
|
7769
|
+
const value = React69.useMemo(() => context, Object.values(context));
|
|
7552
7770
|
return /* @__PURE__ */ jsx(Context.Provider, { value, children });
|
|
7553
7771
|
};
|
|
7554
7772
|
Provider3.displayName = rootComponentName + "Provider";
|
|
7555
7773
|
function useContext23(consumerName, scope) {
|
|
7556
7774
|
const Context = scope?.[scopeName]?.[index2] || BaseContext;
|
|
7557
|
-
const context =
|
|
7775
|
+
const context = React69.useContext(Context);
|
|
7558
7776
|
if (context)
|
|
7559
7777
|
return context;
|
|
7560
7778
|
if (defaultContext !== void 0)
|
|
@@ -7565,11 +7783,11 @@ function createContextScope2(scopeName, createContextScopeDeps = []) {
|
|
|
7565
7783
|
}
|
|
7566
7784
|
const createScope = () => {
|
|
7567
7785
|
const scopeContexts = defaultContexts.map((defaultContext) => {
|
|
7568
|
-
return
|
|
7786
|
+
return React69.createContext(defaultContext);
|
|
7569
7787
|
});
|
|
7570
7788
|
return function useScope(scope) {
|
|
7571
7789
|
const contexts = scope?.[scopeName] || scopeContexts;
|
|
7572
|
-
return
|
|
7790
|
+
return React69.useMemo(
|
|
7573
7791
|
() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
|
|
7574
7792
|
[scope, contexts]
|
|
7575
7793
|
);
|
|
@@ -7593,7 +7811,7 @@ function composeContextScopes2(...scopes) {
|
|
|
7593
7811
|
const currentScope = scopeProps[`__scope${scopeName}`];
|
|
7594
7812
|
return { ...nextScopes2, ...currentScope };
|
|
7595
7813
|
}, {});
|
|
7596
|
-
return
|
|
7814
|
+
return React69.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
|
|
7597
7815
|
};
|
|
7598
7816
|
};
|
|
7599
7817
|
createScope.scopeName = baseScope.scopeName;
|
|
@@ -7620,7 +7838,7 @@ var NODES2 = [
|
|
|
7620
7838
|
];
|
|
7621
7839
|
var Primitive2 = NODES2.reduce((primitive, node) => {
|
|
7622
7840
|
const Slot = createSlot(`Primitive.${node}`);
|
|
7623
|
-
const Node4 =
|
|
7841
|
+
const Node4 = React69.forwardRef((props, forwardedRef) => {
|
|
7624
7842
|
const { asChild, ...primitiveProps } = props;
|
|
7625
7843
|
const Comp = asChild ? Slot : node;
|
|
7626
7844
|
if (typeof window !== "undefined") {
|
|
@@ -7639,7 +7857,7 @@ var PROGRESS_NAME = "Progress";
|
|
|
7639
7857
|
var DEFAULT_MAX = 100;
|
|
7640
7858
|
var [createProgressContext, createProgressScope] = createContextScope2(PROGRESS_NAME);
|
|
7641
7859
|
var [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);
|
|
7642
|
-
var Progress =
|
|
7860
|
+
var Progress = React69.forwardRef(
|
|
7643
7861
|
(props, forwardedRef) => {
|
|
7644
7862
|
const {
|
|
7645
7863
|
__scopeProgress,
|
|
@@ -7676,7 +7894,7 @@ var Progress = React68.forwardRef(
|
|
|
7676
7894
|
);
|
|
7677
7895
|
Progress.displayName = PROGRESS_NAME;
|
|
7678
7896
|
var INDICATOR_NAME = "ProgressIndicator";
|
|
7679
|
-
var ProgressIndicator =
|
|
7897
|
+
var ProgressIndicator = React69.forwardRef(
|
|
7680
7898
|
(props, forwardedRef) => {
|
|
7681
7899
|
const { __scopeProgress, ...indicatorProps } = props;
|
|
7682
7900
|
const context = useProgressContext(INDICATOR_NAME, __scopeProgress);
|
|
@@ -7721,7 +7939,7 @@ Defaulting to \`null\`.`;
|
|
|
7721
7939
|
}
|
|
7722
7940
|
var Root11 = Progress;
|
|
7723
7941
|
var Indicator2 = ProgressIndicator;
|
|
7724
|
-
var MoonUIProgressPro =
|
|
7942
|
+
var MoonUIProgressPro = React69.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
7725
7943
|
Root11,
|
|
7726
7944
|
{
|
|
7727
7945
|
ref,
|
|
@@ -7762,8 +7980,8 @@ var MoonUIradioGroupItemVariantsPro = cva(
|
|
|
7762
7980
|
}
|
|
7763
7981
|
}
|
|
7764
7982
|
);
|
|
7765
|
-
var MoonUIRadioGroupContextPro =
|
|
7766
|
-
var MoonUIRadioGroupPro =
|
|
7983
|
+
var MoonUIRadioGroupContextPro = React69.createContext({});
|
|
7984
|
+
var MoonUIRadioGroupPro = React69.forwardRef(
|
|
7767
7985
|
({ className, value, onValueChange, disabled, name, ...props }, ref) => {
|
|
7768
7986
|
return /* @__PURE__ */ jsx(MoonUIRadioGroupContextPro.Provider, { value: { value, onValueChange, disabled, name }, children: /* @__PURE__ */ jsx(
|
|
7769
7987
|
"div",
|
|
@@ -7777,9 +7995,9 @@ var MoonUIRadioGroupPro = React68.forwardRef(
|
|
|
7777
7995
|
}
|
|
7778
7996
|
);
|
|
7779
7997
|
MoonUIRadioGroupPro.displayName = "RadioGroupPro";
|
|
7780
|
-
var MoonUIRadioGroupItemPro =
|
|
7781
|
-
const radioGroup =
|
|
7782
|
-
const generatedId =
|
|
7998
|
+
var MoonUIRadioGroupItemPro = React69.forwardRef(({ className, variant, size: size4, indicator, id, value, disabled, ...props }, ref) => {
|
|
7999
|
+
const radioGroup = React69.useContext(MoonUIRadioGroupContextPro);
|
|
8000
|
+
const generatedId = React69.useId();
|
|
7783
8001
|
const radioId = id || generatedId;
|
|
7784
8002
|
const isChecked = radioGroup.value === value;
|
|
7785
8003
|
const handleChange = (e) => {
|
|
@@ -7827,7 +8045,7 @@ var MoonUIRadioGroupItemPro = React68.forwardRef(({ className, variant, size: si
|
|
|
7827
8045
|
] });
|
|
7828
8046
|
});
|
|
7829
8047
|
MoonUIRadioGroupItemPro.displayName = "RadioGroupItemPro";
|
|
7830
|
-
var MoonUIRadioLabelPro =
|
|
8048
|
+
var MoonUIRadioLabelPro = React69.forwardRef(
|
|
7831
8049
|
({ className, htmlFor, children, disabled = false, ...props }, ref) => {
|
|
7832
8050
|
return /* @__PURE__ */ jsx(
|
|
7833
8051
|
"label",
|
|
@@ -7846,13 +8064,13 @@ var MoonUIRadioLabelPro = React68.forwardRef(
|
|
|
7846
8064
|
}
|
|
7847
8065
|
);
|
|
7848
8066
|
MoonUIRadioLabelPro.displayName = "RadioLabelPro";
|
|
7849
|
-
var MoonUIRadioItemWithLabelPro =
|
|
8067
|
+
var MoonUIRadioItemWithLabelPro = React69.forwardRef(({
|
|
7850
8068
|
id,
|
|
7851
8069
|
label,
|
|
7852
8070
|
labelClassName,
|
|
7853
8071
|
...radioProps
|
|
7854
8072
|
}, ref) => {
|
|
7855
|
-
const generatedId =
|
|
8073
|
+
const generatedId = React69.useId();
|
|
7856
8074
|
const radioId = id || generatedId;
|
|
7857
8075
|
return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
|
|
7858
8076
|
/* @__PURE__ */ jsx(MoonUIRadioGroupItemPro, { ref, id: radioId, ...radioProps }),
|
|
@@ -7868,7 +8086,7 @@ var MoonUIRadioItemWithLabelPro = React68.forwardRef(({
|
|
|
7868
8086
|
] });
|
|
7869
8087
|
});
|
|
7870
8088
|
MoonUIRadioItemWithLabelPro.displayName = "RadioItemWithLabelPro";
|
|
7871
|
-
var ScrollArea =
|
|
8089
|
+
var ScrollArea = React69.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
7872
8090
|
ScrollAreaPrimitive.Root,
|
|
7873
8091
|
{
|
|
7874
8092
|
ref,
|
|
@@ -7882,7 +8100,7 @@ var ScrollArea = React68.forwardRef(({ className, children, ...props }, ref) =>
|
|
|
7882
8100
|
}
|
|
7883
8101
|
));
|
|
7884
8102
|
ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
|
|
7885
|
-
var ScrollBar =
|
|
8103
|
+
var ScrollBar = React69.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
|
|
7886
8104
|
ScrollAreaPrimitive.ScrollAreaScrollbar,
|
|
7887
8105
|
{
|
|
7888
8106
|
ref,
|
|
@@ -7995,7 +8213,7 @@ var moonUISeparatorVariantsPro = cva(
|
|
|
7995
8213
|
}
|
|
7996
8214
|
}
|
|
7997
8215
|
);
|
|
7998
|
-
var MoonUISeparatorPro =
|
|
8216
|
+
var MoonUISeparatorPro = React69.forwardRef(
|
|
7999
8217
|
({
|
|
8000
8218
|
className,
|
|
8001
8219
|
orientation = "horizontal",
|
|
@@ -8022,7 +8240,7 @@ var Sheet = DialogPrimitive.Root;
|
|
|
8022
8240
|
var SheetTrigger = DialogPrimitive.Trigger;
|
|
8023
8241
|
var SheetClose = DialogPrimitive.Close;
|
|
8024
8242
|
var SheetPortal = DialogPrimitive.Portal;
|
|
8025
|
-
var SheetOverlay =
|
|
8243
|
+
var SheetOverlay = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
8026
8244
|
DialogPrimitive.Overlay,
|
|
8027
8245
|
{
|
|
8028
8246
|
className: cn(
|
|
@@ -8050,7 +8268,7 @@ var sheetVariants = cva(
|
|
|
8050
8268
|
}
|
|
8051
8269
|
}
|
|
8052
8270
|
);
|
|
8053
|
-
var SheetContent =
|
|
8271
|
+
var SheetContent = React69.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
|
|
8054
8272
|
/* @__PURE__ */ jsx(SheetOverlay, {}),
|
|
8055
8273
|
/* @__PURE__ */ jsxs(
|
|
8056
8274
|
DialogPrimitive.Content,
|
|
@@ -8097,7 +8315,7 @@ var SheetFooter = ({
|
|
|
8097
8315
|
}
|
|
8098
8316
|
);
|
|
8099
8317
|
SheetFooter.displayName = "SheetFooter";
|
|
8100
|
-
var SheetTitle =
|
|
8318
|
+
var SheetTitle = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
8101
8319
|
DialogPrimitive.Title,
|
|
8102
8320
|
{
|
|
8103
8321
|
ref,
|
|
@@ -8106,7 +8324,7 @@ var SheetTitle = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
|
8106
8324
|
}
|
|
8107
8325
|
));
|
|
8108
8326
|
SheetTitle.displayName = DialogPrimitive.Title.displayName;
|
|
8109
|
-
var SheetDescription =
|
|
8327
|
+
var SheetDescription = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
8110
8328
|
DialogPrimitive.Description,
|
|
8111
8329
|
{
|
|
8112
8330
|
ref,
|
|
@@ -8207,7 +8425,7 @@ var sliderThumbVariants = cva(
|
|
|
8207
8425
|
}
|
|
8208
8426
|
}
|
|
8209
8427
|
);
|
|
8210
|
-
var MoonUISliderPro =
|
|
8428
|
+
var MoonUISliderPro = React69.forwardRef(({
|
|
8211
8429
|
className,
|
|
8212
8430
|
size: size4,
|
|
8213
8431
|
trackVariant,
|
|
@@ -8223,10 +8441,10 @@ var MoonUISliderPro = React68.forwardRef(({
|
|
|
8223
8441
|
disabled,
|
|
8224
8442
|
...props
|
|
8225
8443
|
}, ref) => {
|
|
8226
|
-
const [sliderValue, setSliderValue] =
|
|
8444
|
+
const [sliderValue, setSliderValue] = React69.useState(
|
|
8227
8445
|
value || defaultValue2 || [0]
|
|
8228
8446
|
);
|
|
8229
|
-
|
|
8447
|
+
React69.useEffect(() => {
|
|
8230
8448
|
if (value !== void 0) {
|
|
8231
8449
|
setSliderValue(value);
|
|
8232
8450
|
}
|
|
@@ -8241,7 +8459,7 @@ var MoonUISliderPro = React68.forwardRef(({
|
|
|
8241
8459
|
const calculateThumbPercent = (value2, min3, max3) => {
|
|
8242
8460
|
return (value2 - min3) / (max3 - min3) * 100;
|
|
8243
8461
|
};
|
|
8244
|
-
const trackRef =
|
|
8462
|
+
const trackRef = React69.useRef(null);
|
|
8245
8463
|
const min2 = props.min || 0;
|
|
8246
8464
|
const max2 = props.max || 100;
|
|
8247
8465
|
const step = props.step || 1;
|
|
@@ -8362,7 +8580,7 @@ var MoonUISliderPro = React68.forwardRef(({
|
|
|
8362
8580
|
] });
|
|
8363
8581
|
});
|
|
8364
8582
|
MoonUISliderPro.displayName = "MoonUISliderPro";
|
|
8365
|
-
var MoonUISwitchPro =
|
|
8583
|
+
var MoonUISwitchPro = React69.forwardRef(({ className, size: size4 = "md", variant = "primary", loading, leftIcon, rightIcon, description, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-2", children: [
|
|
8366
8584
|
leftIcon && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: leftIcon }),
|
|
8367
8585
|
/* @__PURE__ */ jsxs(
|
|
8368
8586
|
SwitchPrimitives.Root,
|
|
@@ -8432,7 +8650,7 @@ var MoonUItableVariantsPro = cva(
|
|
|
8432
8650
|
}
|
|
8433
8651
|
}
|
|
8434
8652
|
);
|
|
8435
|
-
var MoonUITablePro =
|
|
8653
|
+
var MoonUITablePro = React69.forwardRef(({
|
|
8436
8654
|
className,
|
|
8437
8655
|
variant,
|
|
8438
8656
|
size: size4,
|
|
@@ -8449,11 +8667,11 @@ var MoonUITablePro = React68.forwardRef(({
|
|
|
8449
8667
|
...props
|
|
8450
8668
|
}, ref) => {
|
|
8451
8669
|
const MoonUIstripedPro = variant === "striped";
|
|
8452
|
-
const MoonUIchildrenWithPropsPro =
|
|
8453
|
-
if (
|
|
8670
|
+
const MoonUIchildrenWithPropsPro = React69.Children.map(props.children, (child) => {
|
|
8671
|
+
if (React69.isValidElement(child)) {
|
|
8454
8672
|
if (child.type === "tbody") {
|
|
8455
8673
|
const MoonUItbodyPropsPro = child.props;
|
|
8456
|
-
return
|
|
8674
|
+
return React69.cloneElement(child, {
|
|
8457
8675
|
className: cn(MoonUItbodyPropsPro.className, MoonUIstripedPro && "even:[&>tr]:bg-muted/50")
|
|
8458
8676
|
});
|
|
8459
8677
|
}
|
|
@@ -8478,10 +8696,10 @@ var MoonUITablePro = React68.forwardRef(({
|
|
|
8478
8696
|
] });
|
|
8479
8697
|
});
|
|
8480
8698
|
MoonUITablePro.displayName = "TablePro";
|
|
8481
|
-
var MoonUITableHeaderPro =
|
|
8699
|
+
var MoonUITableHeaderPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
|
|
8482
8700
|
MoonUITableHeaderPro.displayName = "TableHeaderPro";
|
|
8483
|
-
var MoonUITableBodyPro =
|
|
8484
|
-
const MoonUIhasChildrenPro =
|
|
8701
|
+
var MoonUITableBodyPro = React69.forwardRef(({ className, emptyContent, emptyMessage = "No data available", children, ...props }, ref) => {
|
|
8702
|
+
const MoonUIhasChildrenPro = React69.Children.count(children) > 0;
|
|
8485
8703
|
return /* @__PURE__ */ jsx(
|
|
8486
8704
|
"tbody",
|
|
8487
8705
|
{
|
|
@@ -8493,7 +8711,7 @@ var MoonUITableBodyPro = React68.forwardRef(({ className, emptyContent, emptyMes
|
|
|
8493
8711
|
);
|
|
8494
8712
|
});
|
|
8495
8713
|
MoonUITableBodyPro.displayName = "TableBodyPro";
|
|
8496
|
-
var MoonUITableFooterPro =
|
|
8714
|
+
var MoonUITableFooterPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
8497
8715
|
"tfoot",
|
|
8498
8716
|
{
|
|
8499
8717
|
ref,
|
|
@@ -8502,7 +8720,7 @@ var MoonUITableFooterPro = React68.forwardRef(({ className, ...props }, ref) =>
|
|
|
8502
8720
|
}
|
|
8503
8721
|
));
|
|
8504
8722
|
MoonUITableFooterPro.displayName = "TableFooterPro";
|
|
8505
|
-
var MoonUITableRowPro =
|
|
8723
|
+
var MoonUITableRowPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
8506
8724
|
"tr",
|
|
8507
8725
|
{
|
|
8508
8726
|
ref,
|
|
@@ -8514,7 +8732,7 @@ var MoonUITableRowPro = React68.forwardRef(({ className, ...props }, ref) => /*
|
|
|
8514
8732
|
}
|
|
8515
8733
|
));
|
|
8516
8734
|
MoonUITableRowPro.displayName = "TableRowPro";
|
|
8517
|
-
var MoonUITableHeadPro =
|
|
8735
|
+
var MoonUITableHeadPro = React69.forwardRef(
|
|
8518
8736
|
({ className, sortable, sorted, onSort, children, ...props }, ref) => {
|
|
8519
8737
|
const MoonUIrenderSortIconPro = () => {
|
|
8520
8738
|
if (!sortable)
|
|
@@ -8595,7 +8813,7 @@ var MoonUITableHeadPro = React68.forwardRef(
|
|
|
8595
8813
|
}
|
|
8596
8814
|
);
|
|
8597
8815
|
MoonUITableHeadPro.displayName = "TableHeadPro";
|
|
8598
|
-
var MoonUITableCellPro =
|
|
8816
|
+
var MoonUITableCellPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
8599
8817
|
"td",
|
|
8600
8818
|
{
|
|
8601
8819
|
ref,
|
|
@@ -8604,7 +8822,7 @@ var MoonUITableCellPro = React68.forwardRef(({ className, ...props }, ref) => /*
|
|
|
8604
8822
|
}
|
|
8605
8823
|
));
|
|
8606
8824
|
MoonUITableCellPro.displayName = "TableCellPro";
|
|
8607
|
-
var MoonUITableCaptionPro =
|
|
8825
|
+
var MoonUITableCaptionPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
8608
8826
|
"caption",
|
|
8609
8827
|
{
|
|
8610
8828
|
ref,
|
|
@@ -8614,7 +8832,7 @@ var MoonUITableCaptionPro = React68.forwardRef(({ className, ...props }, ref) =>
|
|
|
8614
8832
|
));
|
|
8615
8833
|
MoonUITableCaptionPro.displayName = "TableCaptionPro";
|
|
8616
8834
|
var Tabs = TabsPrimitive2.Root;
|
|
8617
|
-
var TabsList =
|
|
8835
|
+
var TabsList = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
8618
8836
|
TabsPrimitive2.List,
|
|
8619
8837
|
{
|
|
8620
8838
|
ref,
|
|
@@ -8626,7 +8844,7 @@ var TabsList = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
|
8626
8844
|
}
|
|
8627
8845
|
));
|
|
8628
8846
|
TabsList.displayName = TabsPrimitive2.List.displayName;
|
|
8629
|
-
var TabsTrigger =
|
|
8847
|
+
var TabsTrigger = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
8630
8848
|
TabsPrimitive2.Trigger,
|
|
8631
8849
|
{
|
|
8632
8850
|
ref,
|
|
@@ -8638,7 +8856,7 @@ var TabsTrigger = React68.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
8638
8856
|
}
|
|
8639
8857
|
));
|
|
8640
8858
|
TabsTrigger.displayName = TabsPrimitive2.Trigger.displayName;
|
|
8641
|
-
var TabsContent =
|
|
8859
|
+
var TabsContent = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
8642
8860
|
TabsPrimitive2.Content,
|
|
8643
8861
|
{
|
|
8644
8862
|
ref,
|
|
@@ -8677,7 +8895,7 @@ var contentVariants = {
|
|
|
8677
8895
|
exit: { scale: 1.2, opacity: 0, filter: "blur(10px)" }
|
|
8678
8896
|
}
|
|
8679
8897
|
};
|
|
8680
|
-
var MoonUITabsPro =
|
|
8898
|
+
var MoonUITabsPro = React69.forwardRef(({
|
|
8681
8899
|
variant = "default",
|
|
8682
8900
|
animationMode = "fade",
|
|
8683
8901
|
orientation = "horizontal",
|
|
@@ -8707,8 +8925,8 @@ var MoonUITabsPro = React68.forwardRef(({
|
|
|
8707
8925
|
...props
|
|
8708
8926
|
}, ref) => {
|
|
8709
8927
|
const { hasProAccess, isLoading } = useSubscription();
|
|
8710
|
-
const [items, setItems] =
|
|
8711
|
-
const [localValue, setLocalValue] =
|
|
8928
|
+
const [items, setItems] = React69.useState(initialItems);
|
|
8929
|
+
const [localValue, setLocalValue] = React69.useState(() => {
|
|
8712
8930
|
if (persistKey && typeof window !== "undefined") {
|
|
8713
8931
|
const stored = localStorage.getItem(`tabs-${persistKey}`);
|
|
8714
8932
|
if (stored) {
|
|
@@ -8724,11 +8942,11 @@ var MoonUITabsPro = React68.forwardRef(({
|
|
|
8724
8942
|
}
|
|
8725
8943
|
return defaultValue2 || items[0]?.value;
|
|
8726
8944
|
});
|
|
8727
|
-
const [loadedTabs, setLoadedTabs] =
|
|
8728
|
-
const [isChanging, setIsChanging] =
|
|
8729
|
-
const scrollRef =
|
|
8945
|
+
const [loadedTabs, setLoadedTabs] = React69.useState(/* @__PURE__ */ new Set());
|
|
8946
|
+
const [isChanging, setIsChanging] = React69.useState(false);
|
|
8947
|
+
const scrollRef = React69.useRef(null);
|
|
8730
8948
|
const value = controlledValue !== void 0 ? controlledValue : localValue;
|
|
8731
|
-
const handleValueChange =
|
|
8949
|
+
const handleValueChange = React69.useCallback(async (newValue) => {
|
|
8732
8950
|
if (loading || isChanging)
|
|
8733
8951
|
return;
|
|
8734
8952
|
if (onBeforeChange) {
|
|
@@ -8756,7 +8974,7 @@ var MoonUITabsPro = React68.forwardRef(({
|
|
|
8756
8974
|
window.history.replaceState({}, "", `${window.location.pathname}?${params}`);
|
|
8757
8975
|
}
|
|
8758
8976
|
}, [value, loading, isChanging, onBeforeChange, onValueChange, lazy, loadedTabs, onAnalytics, persistKey, items, urlSync]);
|
|
8759
|
-
const handleTabClose =
|
|
8977
|
+
const handleTabClose = React69.useCallback((tabValue, e) => {
|
|
8760
8978
|
e.stopPropagation();
|
|
8761
8979
|
const newItems = items.filter((item) => item.value !== tabValue);
|
|
8762
8980
|
setItems(newItems);
|
|
@@ -8767,7 +8985,7 @@ var MoonUITabsPro = React68.forwardRef(({
|
|
|
8767
8985
|
handleValueChange(newItems[0].value);
|
|
8768
8986
|
}
|
|
8769
8987
|
}, [items, value, onTabsChange, onTabClose, onAnalytics, handleValueChange]);
|
|
8770
|
-
const handleTabAdd =
|
|
8988
|
+
const handleTabAdd = React69.useCallback(() => {
|
|
8771
8989
|
if (maxTabs && items.length >= maxTabs) {
|
|
8772
8990
|
onAnalytics?.("tab_add_blocked", { reason: "max_tabs" });
|
|
8773
8991
|
return;
|
|
@@ -8775,7 +8993,7 @@ var MoonUITabsPro = React68.forwardRef(({
|
|
|
8775
8993
|
onTabAdd?.();
|
|
8776
8994
|
onAnalytics?.("tab_add", { count: items.length + 1 });
|
|
8777
8995
|
}, [items.length, maxTabs, onTabAdd, onAnalytics]);
|
|
8778
|
-
|
|
8996
|
+
React69.useEffect(() => {
|
|
8779
8997
|
if (!shortcuts)
|
|
8780
8998
|
return;
|
|
8781
8999
|
const handleKeyDown3 = (e) => {
|
|
@@ -9014,7 +9232,7 @@ var MoonUITabsPro = React68.forwardRef(({
|
|
|
9014
9232
|
] });
|
|
9015
9233
|
});
|
|
9016
9234
|
MoonUITabsPro.displayName = "MoonUITabsPro";
|
|
9017
|
-
var MoonUITabsListPro =
|
|
9235
|
+
var MoonUITabsListPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9018
9236
|
TabsPrimitive2.List,
|
|
9019
9237
|
{
|
|
9020
9238
|
ref,
|
|
@@ -9026,7 +9244,7 @@ var MoonUITabsListPro = React68.forwardRef(({ className, ...props }, ref) => /*
|
|
|
9026
9244
|
}
|
|
9027
9245
|
));
|
|
9028
9246
|
MoonUITabsListPro.displayName = "MoonUITabsListPro";
|
|
9029
|
-
var MoonUITabsTriggerPro =
|
|
9247
|
+
var MoonUITabsTriggerPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9030
9248
|
TabsPrimitive2.Trigger,
|
|
9031
9249
|
{
|
|
9032
9250
|
ref,
|
|
@@ -9038,7 +9256,7 @@ var MoonUITabsTriggerPro = React68.forwardRef(({ className, ...props }, ref) =>
|
|
|
9038
9256
|
}
|
|
9039
9257
|
));
|
|
9040
9258
|
MoonUITabsTriggerPro.displayName = "MoonUITabsTriggerPro";
|
|
9041
|
-
var MoonUITabsContentPro =
|
|
9259
|
+
var MoonUITabsContentPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9042
9260
|
TabsPrimitive2.Content,
|
|
9043
9261
|
{
|
|
9044
9262
|
ref,
|
|
@@ -9050,7 +9268,7 @@ var MoonUITabsContentPro = React68.forwardRef(({ className, ...props }, ref) =>
|
|
|
9050
9268
|
}
|
|
9051
9269
|
));
|
|
9052
9270
|
MoonUITabsContentPro.displayName = "MoonUITabsContentPro";
|
|
9053
|
-
var MoonUITextareaPro =
|
|
9271
|
+
var MoonUITextareaPro = React69__default.forwardRef(
|
|
9054
9272
|
({ className, ...props }, ref) => {
|
|
9055
9273
|
return /* @__PURE__ */ jsx(
|
|
9056
9274
|
"textarea",
|
|
@@ -9066,7 +9284,7 @@ var MoonUITextareaPro = React68__default.forwardRef(
|
|
|
9066
9284
|
}
|
|
9067
9285
|
);
|
|
9068
9286
|
MoonUITextareaPro.displayName = "MoonUITextareaPro";
|
|
9069
|
-
var MoonUIToastViewportPro =
|
|
9287
|
+
var MoonUIToastViewportPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9070
9288
|
ToastPrimitives.Viewport,
|
|
9071
9289
|
{
|
|
9072
9290
|
ref,
|
|
@@ -9095,7 +9313,7 @@ var moonUIToastVariantsPro = cva(
|
|
|
9095
9313
|
}
|
|
9096
9314
|
}
|
|
9097
9315
|
);
|
|
9098
|
-
var MoonUIToastPro =
|
|
9316
|
+
var MoonUIToastPro = React69.forwardRef(({ className, variant, ...props }, ref) => {
|
|
9099
9317
|
return /* @__PURE__ */ jsx(
|
|
9100
9318
|
ToastPrimitives.Root,
|
|
9101
9319
|
{
|
|
@@ -9106,7 +9324,7 @@ var MoonUIToastPro = React68.forwardRef(({ className, variant, ...props }, ref)
|
|
|
9106
9324
|
);
|
|
9107
9325
|
});
|
|
9108
9326
|
MoonUIToastPro.displayName = ToastPrimitives.Root.displayName;
|
|
9109
|
-
var MoonUIToastActionPro =
|
|
9327
|
+
var MoonUIToastActionPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9110
9328
|
ToastPrimitives.Action,
|
|
9111
9329
|
{
|
|
9112
9330
|
ref,
|
|
@@ -9118,7 +9336,7 @@ var MoonUIToastActionPro = React68.forwardRef(({ className, ...props }, ref) =>
|
|
|
9118
9336
|
}
|
|
9119
9337
|
));
|
|
9120
9338
|
MoonUIToastActionPro.displayName = ToastPrimitives.Action.displayName;
|
|
9121
|
-
var MoonUIToastClosePro =
|
|
9339
|
+
var MoonUIToastClosePro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9122
9340
|
ToastPrimitives.Close,
|
|
9123
9341
|
{
|
|
9124
9342
|
ref,
|
|
@@ -9132,7 +9350,7 @@ var MoonUIToastClosePro = React68.forwardRef(({ className, ...props }, ref) => /
|
|
|
9132
9350
|
}
|
|
9133
9351
|
));
|
|
9134
9352
|
MoonUIToastClosePro.displayName = ToastPrimitives.Close.displayName;
|
|
9135
|
-
var MoonUIToastTitlePro =
|
|
9353
|
+
var MoonUIToastTitlePro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9136
9354
|
ToastPrimitives.Title,
|
|
9137
9355
|
{
|
|
9138
9356
|
ref,
|
|
@@ -9141,7 +9359,7 @@ var MoonUIToastTitlePro = React68.forwardRef(({ className, ...props }, ref) => /
|
|
|
9141
9359
|
}
|
|
9142
9360
|
));
|
|
9143
9361
|
MoonUIToastTitlePro.displayName = ToastPrimitives.Title.displayName;
|
|
9144
|
-
var MoonUIToastDescriptionPro =
|
|
9362
|
+
var MoonUIToastDescriptionPro = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9145
9363
|
ToastPrimitives.Description,
|
|
9146
9364
|
{
|
|
9147
9365
|
ref,
|
|
@@ -9256,9 +9474,9 @@ function composeEventHandlers2(originalEventHandler, ourEventHandler, { checkFor
|
|
|
9256
9474
|
}
|
|
9257
9475
|
};
|
|
9258
9476
|
}
|
|
9259
|
-
var useLayoutEffect22 = globalThis?.document ?
|
|
9477
|
+
var useLayoutEffect22 = globalThis?.document ? React69.useLayoutEffect : () => {
|
|
9260
9478
|
};
|
|
9261
|
-
var useInsertionEffect2 =
|
|
9479
|
+
var useInsertionEffect2 = React69[" useInsertionEffect ".trim().toString()] || useLayoutEffect22;
|
|
9262
9480
|
function useControllableState2({
|
|
9263
9481
|
prop,
|
|
9264
9482
|
defaultProp,
|
|
@@ -9273,8 +9491,8 @@ function useControllableState2({
|
|
|
9273
9491
|
const isControlled = prop !== void 0;
|
|
9274
9492
|
const value = isControlled ? prop : uncontrolledProp;
|
|
9275
9493
|
{
|
|
9276
|
-
const isControlledRef =
|
|
9277
|
-
|
|
9494
|
+
const isControlledRef = React69.useRef(prop !== void 0);
|
|
9495
|
+
React69.useEffect(() => {
|
|
9278
9496
|
const wasControlled = isControlledRef.current;
|
|
9279
9497
|
if (wasControlled !== isControlled) {
|
|
9280
9498
|
const from2 = wasControlled ? "controlled" : "uncontrolled";
|
|
@@ -9286,7 +9504,7 @@ function useControllableState2({
|
|
|
9286
9504
|
isControlledRef.current = isControlled;
|
|
9287
9505
|
}, [isControlled, caller]);
|
|
9288
9506
|
}
|
|
9289
|
-
const setValue =
|
|
9507
|
+
const setValue = React69.useCallback(
|
|
9290
9508
|
(nextValue) => {
|
|
9291
9509
|
if (isControlled) {
|
|
9292
9510
|
const value2 = isFunction2(nextValue) ? nextValue(prop) : nextValue;
|
|
@@ -9305,13 +9523,13 @@ function useUncontrolledState2({
|
|
|
9305
9523
|
defaultProp,
|
|
9306
9524
|
onChange
|
|
9307
9525
|
}) {
|
|
9308
|
-
const [value, setValue] =
|
|
9309
|
-
const prevValueRef =
|
|
9310
|
-
const onChangeRef =
|
|
9526
|
+
const [value, setValue] = React69.useState(defaultProp);
|
|
9527
|
+
const prevValueRef = React69.useRef(value);
|
|
9528
|
+
const onChangeRef = React69.useRef(onChange);
|
|
9311
9529
|
useInsertionEffect2(() => {
|
|
9312
9530
|
onChangeRef.current = onChange;
|
|
9313
9531
|
}, [onChange]);
|
|
9314
|
-
|
|
9532
|
+
React69.useEffect(() => {
|
|
9315
9533
|
if (prevValueRef.current !== value) {
|
|
9316
9534
|
onChangeRef.current?.(value);
|
|
9317
9535
|
prevValueRef.current = value;
|
|
@@ -9323,7 +9541,7 @@ function isFunction2(value) {
|
|
|
9323
9541
|
return typeof value === "function";
|
|
9324
9542
|
}
|
|
9325
9543
|
var NAME = "Toggle";
|
|
9326
|
-
var Toggle =
|
|
9544
|
+
var Toggle = React69.forwardRef((props, forwardedRef) => {
|
|
9327
9545
|
const { pressed: pressedProp, defaultPressed, onPressedChange, ...buttonProps } = props;
|
|
9328
9546
|
const [pressed, setPressed] = useControllableState2({
|
|
9329
9547
|
prop: pressedProp,
|
|
@@ -9387,7 +9605,7 @@ var MoonUItoggleVariantsPro = cva(
|
|
|
9387
9605
|
}
|
|
9388
9606
|
}
|
|
9389
9607
|
);
|
|
9390
|
-
var MoonUITogglePro =
|
|
9608
|
+
var MoonUITogglePro = React69.forwardRef(({ className, variant, size: size4, shape, loading, badge, badgeVariant = "default", iconOn, iconOff, iconPosition = "left", children, pressed, onPressedChange, defaultPressed, ...props }, ref) => {
|
|
9391
9609
|
const icon = pressed ? iconOn : iconOff;
|
|
9392
9610
|
return /* @__PURE__ */ jsx(
|
|
9393
9611
|
Root19,
|
|
@@ -9452,7 +9670,7 @@ function composeRefs2(...refs) {
|
|
|
9452
9670
|
};
|
|
9453
9671
|
}
|
|
9454
9672
|
function useComposedRefs2(...refs) {
|
|
9455
|
-
return
|
|
9673
|
+
return React69.useCallback(composeRefs2(...refs), refs);
|
|
9456
9674
|
}
|
|
9457
9675
|
|
|
9458
9676
|
// ../../node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
|
|
@@ -11126,7 +11344,7 @@ function roundByDPR(element, value) {
|
|
|
11126
11344
|
return Math.round(value * dpr) / dpr;
|
|
11127
11345
|
}
|
|
11128
11346
|
function useLatestRef(value) {
|
|
11129
|
-
const ref =
|
|
11347
|
+
const ref = React69.useRef(value);
|
|
11130
11348
|
index(() => {
|
|
11131
11349
|
ref.current = value;
|
|
11132
11350
|
});
|
|
@@ -11149,7 +11367,7 @@ function useFloating(options) {
|
|
|
11149
11367
|
whileElementsMounted,
|
|
11150
11368
|
open
|
|
11151
11369
|
} = options;
|
|
11152
|
-
const [data, setData] =
|
|
11370
|
+
const [data, setData] = React69.useState({
|
|
11153
11371
|
x: 0,
|
|
11154
11372
|
y: 0,
|
|
11155
11373
|
strategy,
|
|
@@ -11157,19 +11375,19 @@ function useFloating(options) {
|
|
|
11157
11375
|
middlewareData: {},
|
|
11158
11376
|
isPositioned: false
|
|
11159
11377
|
});
|
|
11160
|
-
const [latestMiddleware, setLatestMiddleware] =
|
|
11378
|
+
const [latestMiddleware, setLatestMiddleware] = React69.useState(middleware);
|
|
11161
11379
|
if (!deepEqual(latestMiddleware, middleware)) {
|
|
11162
11380
|
setLatestMiddleware(middleware);
|
|
11163
11381
|
}
|
|
11164
|
-
const [_reference, _setReference] =
|
|
11165
|
-
const [_floating, _setFloating] =
|
|
11166
|
-
const setReference =
|
|
11382
|
+
const [_reference, _setReference] = React69.useState(null);
|
|
11383
|
+
const [_floating, _setFloating] = React69.useState(null);
|
|
11384
|
+
const setReference = React69.useCallback((node) => {
|
|
11167
11385
|
if (node !== referenceRef.current) {
|
|
11168
11386
|
referenceRef.current = node;
|
|
11169
11387
|
_setReference(node);
|
|
11170
11388
|
}
|
|
11171
11389
|
}, []);
|
|
11172
|
-
const setFloating =
|
|
11390
|
+
const setFloating = React69.useCallback((node) => {
|
|
11173
11391
|
if (node !== floatingRef.current) {
|
|
11174
11392
|
floatingRef.current = node;
|
|
11175
11393
|
_setFloating(node);
|
|
@@ -11177,14 +11395,14 @@ function useFloating(options) {
|
|
|
11177
11395
|
}, []);
|
|
11178
11396
|
const referenceEl = externalReference || _reference;
|
|
11179
11397
|
const floatingEl = externalFloating || _floating;
|
|
11180
|
-
const referenceRef =
|
|
11181
|
-
const floatingRef =
|
|
11182
|
-
const dataRef =
|
|
11398
|
+
const referenceRef = React69.useRef(null);
|
|
11399
|
+
const floatingRef = React69.useRef(null);
|
|
11400
|
+
const dataRef = React69.useRef(data);
|
|
11183
11401
|
const hasWhileElementsMounted = whileElementsMounted != null;
|
|
11184
11402
|
const whileElementsMountedRef = useLatestRef(whileElementsMounted);
|
|
11185
11403
|
const platformRef = useLatestRef(platform2);
|
|
11186
11404
|
const openRef = useLatestRef(open);
|
|
11187
|
-
const update =
|
|
11405
|
+
const update = React69.useCallback(() => {
|
|
11188
11406
|
if (!referenceRef.current || !floatingRef.current) {
|
|
11189
11407
|
return;
|
|
11190
11408
|
}
|
|
@@ -11222,7 +11440,7 @@ function useFloating(options) {
|
|
|
11222
11440
|
}));
|
|
11223
11441
|
}
|
|
11224
11442
|
}, [open]);
|
|
11225
|
-
const isMountedRef =
|
|
11443
|
+
const isMountedRef = React69.useRef(false);
|
|
11226
11444
|
index(() => {
|
|
11227
11445
|
isMountedRef.current = true;
|
|
11228
11446
|
return () => {
|
|
@@ -11241,17 +11459,17 @@ function useFloating(options) {
|
|
|
11241
11459
|
update();
|
|
11242
11460
|
}
|
|
11243
11461
|
}, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
|
|
11244
|
-
const refs =
|
|
11462
|
+
const refs = React69.useMemo(() => ({
|
|
11245
11463
|
reference: referenceRef,
|
|
11246
11464
|
floating: floatingRef,
|
|
11247
11465
|
setReference,
|
|
11248
11466
|
setFloating
|
|
11249
11467
|
}), [setReference, setFloating]);
|
|
11250
|
-
const elements =
|
|
11468
|
+
const elements = React69.useMemo(() => ({
|
|
11251
11469
|
reference: referenceEl,
|
|
11252
11470
|
floating: floatingEl
|
|
11253
11471
|
}), [referenceEl, floatingEl]);
|
|
11254
|
-
const floatingStyles =
|
|
11472
|
+
const floatingStyles = React69.useMemo(() => {
|
|
11255
11473
|
const initialStyles = {
|
|
11256
11474
|
position: strategy,
|
|
11257
11475
|
left: 0,
|
|
@@ -11277,7 +11495,7 @@ function useFloating(options) {
|
|
|
11277
11495
|
top: y
|
|
11278
11496
|
};
|
|
11279
11497
|
}, [strategy, transform, elements.floating, data.x, data.y]);
|
|
11280
|
-
return
|
|
11498
|
+
return React69.useMemo(() => ({
|
|
11281
11499
|
...data,
|
|
11282
11500
|
update,
|
|
11283
11501
|
refs,
|
|
@@ -11345,7 +11563,7 @@ var arrow3 = (options, deps) => ({
|
|
|
11345
11563
|
options: [options, deps]
|
|
11346
11564
|
});
|
|
11347
11565
|
var NAME2 = "Arrow";
|
|
11348
|
-
var Arrow2 =
|
|
11566
|
+
var Arrow2 = React69.forwardRef((props, forwardedRef) => {
|
|
11349
11567
|
const { children, width = 10, height = 5, ...arrowProps } = props;
|
|
11350
11568
|
return /* @__PURE__ */ jsx(
|
|
11351
11569
|
Primitive2.svg,
|
|
@@ -11363,14 +11581,14 @@ var Arrow2 = React68.forwardRef((props, forwardedRef) => {
|
|
|
11363
11581
|
Arrow2.displayName = NAME2;
|
|
11364
11582
|
var Root20 = Arrow2;
|
|
11365
11583
|
function useCallbackRef(callback) {
|
|
11366
|
-
const callbackRef =
|
|
11367
|
-
|
|
11584
|
+
const callbackRef = React69.useRef(callback);
|
|
11585
|
+
React69.useEffect(() => {
|
|
11368
11586
|
callbackRef.current = callback;
|
|
11369
11587
|
});
|
|
11370
|
-
return
|
|
11588
|
+
return React69.useMemo(() => (...args) => callbackRef.current?.(...args), []);
|
|
11371
11589
|
}
|
|
11372
11590
|
function useSize(element) {
|
|
11373
|
-
const [size4, setSize] =
|
|
11591
|
+
const [size4, setSize] = React69.useState(void 0);
|
|
11374
11592
|
useLayoutEffect22(() => {
|
|
11375
11593
|
if (element) {
|
|
11376
11594
|
setSize({ width: element.offsetWidth, height: element.offsetHeight });
|
|
@@ -11408,19 +11626,19 @@ var [createPopperContext, createPopperScope] = createContextScope2(POPPER_NAME);
|
|
|
11408
11626
|
var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
|
|
11409
11627
|
var Popper = (props) => {
|
|
11410
11628
|
const { __scopePopper, children } = props;
|
|
11411
|
-
const [anchor, setAnchor] =
|
|
11629
|
+
const [anchor, setAnchor] = React69.useState(null);
|
|
11412
11630
|
return /* @__PURE__ */ jsx(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
|
|
11413
11631
|
};
|
|
11414
11632
|
Popper.displayName = POPPER_NAME;
|
|
11415
11633
|
var ANCHOR_NAME = "PopperAnchor";
|
|
11416
|
-
var PopperAnchor =
|
|
11634
|
+
var PopperAnchor = React69.forwardRef(
|
|
11417
11635
|
(props, forwardedRef) => {
|
|
11418
11636
|
const { __scopePopper, virtualRef, ...anchorProps } = props;
|
|
11419
11637
|
const context = usePopperContext(ANCHOR_NAME, __scopePopper);
|
|
11420
|
-
const ref =
|
|
11638
|
+
const ref = React69.useRef(null);
|
|
11421
11639
|
const composedRefs = useComposedRefs2(forwardedRef, ref);
|
|
11422
|
-
const anchorRef =
|
|
11423
|
-
|
|
11640
|
+
const anchorRef = React69.useRef(null);
|
|
11641
|
+
React69.useEffect(() => {
|
|
11424
11642
|
const previousAnchor = anchorRef.current;
|
|
11425
11643
|
anchorRef.current = virtualRef?.current || ref.current;
|
|
11426
11644
|
if (previousAnchor !== anchorRef.current) {
|
|
@@ -11433,7 +11651,7 @@ var PopperAnchor = React68.forwardRef(
|
|
|
11433
11651
|
PopperAnchor.displayName = ANCHOR_NAME;
|
|
11434
11652
|
var CONTENT_NAME2 = "PopperContent";
|
|
11435
11653
|
var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME2);
|
|
11436
|
-
var PopperContent =
|
|
11654
|
+
var PopperContent = React69.forwardRef(
|
|
11437
11655
|
(props, forwardedRef) => {
|
|
11438
11656
|
const {
|
|
11439
11657
|
__scopePopper,
|
|
@@ -11452,9 +11670,9 @@ var PopperContent = React68.forwardRef(
|
|
|
11452
11670
|
...contentProps
|
|
11453
11671
|
} = props;
|
|
11454
11672
|
const context = usePopperContext(CONTENT_NAME2, __scopePopper);
|
|
11455
|
-
const [content, setContent2] =
|
|
11673
|
+
const [content, setContent2] = React69.useState(null);
|
|
11456
11674
|
const composedRefs = useComposedRefs2(forwardedRef, (node) => setContent2(node));
|
|
11457
|
-
const [arrow6, setArrow] =
|
|
11675
|
+
const [arrow6, setArrow] = React69.useState(null);
|
|
11458
11676
|
const arrowSize = useSize(arrow6);
|
|
11459
11677
|
const arrowWidth = arrowSize?.width ?? 0;
|
|
11460
11678
|
const arrowHeight = arrowSize?.height ?? 0;
|
|
@@ -11516,7 +11734,7 @@ var PopperContent = React68.forwardRef(
|
|
|
11516
11734
|
const arrowX = middlewareData.arrow?.x;
|
|
11517
11735
|
const arrowY = middlewareData.arrow?.y;
|
|
11518
11736
|
const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
|
|
11519
|
-
const [contentZIndex, setContentZIndex] =
|
|
11737
|
+
const [contentZIndex, setContentZIndex] = React69.useState();
|
|
11520
11738
|
useLayoutEffect22(() => {
|
|
11521
11739
|
if (content)
|
|
11522
11740
|
setContentZIndex(window.getComputedStyle(content).zIndex);
|
|
@@ -11583,7 +11801,7 @@ var OPPOSITE_SIDE = {
|
|
|
11583
11801
|
bottom: "top",
|
|
11584
11802
|
left: "right"
|
|
11585
11803
|
};
|
|
11586
|
-
var PopperArrow =
|
|
11804
|
+
var PopperArrow = React69.forwardRef(function PopperArrow2(props, forwardedRef) {
|
|
11587
11805
|
const { __scopePopper, ...arrowProps } = props;
|
|
11588
11806
|
const contentContext = useContentContext(ARROW_NAME, __scopePopper);
|
|
11589
11807
|
const baseSide = OPPOSITE_SIDE[contentContext.placedSide];
|
|
@@ -11674,16 +11892,16 @@ var Anchor2 = PopperAnchor;
|
|
|
11674
11892
|
var Content11 = PopperContent;
|
|
11675
11893
|
var Arrow3 = PopperArrow;
|
|
11676
11894
|
var PORTAL_NAME = "Portal";
|
|
11677
|
-
var Portal5 =
|
|
11895
|
+
var Portal5 = React69.forwardRef((props, forwardedRef) => {
|
|
11678
11896
|
const { container: containerProp, ...portalProps } = props;
|
|
11679
|
-
const [mounted, setMounted] =
|
|
11897
|
+
const [mounted, setMounted] = React69.useState(false);
|
|
11680
11898
|
useLayoutEffect22(() => setMounted(true), []);
|
|
11681
11899
|
const container = containerProp || mounted && globalThis?.document?.body;
|
|
11682
11900
|
return container ? ReactDOM2__default.createPortal(/* @__PURE__ */ jsx(Primitive2.div, { ...portalProps, ref: forwardedRef }), container) : null;
|
|
11683
11901
|
});
|
|
11684
11902
|
Portal5.displayName = PORTAL_NAME;
|
|
11685
11903
|
function useStateMachine2(initialState, machine) {
|
|
11686
|
-
return
|
|
11904
|
+
return React69.useReducer((state, event) => {
|
|
11687
11905
|
const nextState = machine[state][event];
|
|
11688
11906
|
return nextState ?? state;
|
|
11689
11907
|
}, initialState);
|
|
@@ -11691,17 +11909,17 @@ function useStateMachine2(initialState, machine) {
|
|
|
11691
11909
|
var Presence2 = (props) => {
|
|
11692
11910
|
const { present, children } = props;
|
|
11693
11911
|
const presence = usePresence2(present);
|
|
11694
|
-
const child = typeof children === "function" ? children({ present: presence.isPresent }) :
|
|
11912
|
+
const child = typeof children === "function" ? children({ present: presence.isPresent }) : React69.Children.only(children);
|
|
11695
11913
|
const ref = useComposedRefs2(presence.ref, getElementRef2(child));
|
|
11696
11914
|
const forceMount = typeof children === "function";
|
|
11697
|
-
return forceMount || presence.isPresent ?
|
|
11915
|
+
return forceMount || presence.isPresent ? React69.cloneElement(child, { ref }) : null;
|
|
11698
11916
|
};
|
|
11699
11917
|
Presence2.displayName = "Presence";
|
|
11700
11918
|
function usePresence2(present) {
|
|
11701
|
-
const [node, setNode2] =
|
|
11702
|
-
const stylesRef =
|
|
11703
|
-
const prevPresentRef =
|
|
11704
|
-
const prevAnimationNameRef =
|
|
11919
|
+
const [node, setNode2] = React69.useState();
|
|
11920
|
+
const stylesRef = React69.useRef(null);
|
|
11921
|
+
const prevPresentRef = React69.useRef(present);
|
|
11922
|
+
const prevAnimationNameRef = React69.useRef("none");
|
|
11705
11923
|
const initialState = present ? "mounted" : "unmounted";
|
|
11706
11924
|
const [state, send] = useStateMachine2(initialState, {
|
|
11707
11925
|
mounted: {
|
|
@@ -11716,7 +11934,7 @@ function usePresence2(present) {
|
|
|
11716
11934
|
MOUNT: "mounted"
|
|
11717
11935
|
}
|
|
11718
11936
|
});
|
|
11719
|
-
|
|
11937
|
+
React69.useEffect(() => {
|
|
11720
11938
|
const currentAnimationName = getAnimationName2(stylesRef.current);
|
|
11721
11939
|
prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
|
|
11722
11940
|
}, [state]);
|
|
@@ -11782,7 +12000,7 @@ function usePresence2(present) {
|
|
|
11782
12000
|
}, [node, send]);
|
|
11783
12001
|
return {
|
|
11784
12002
|
isPresent: ["mounted", "unmountSuspended"].includes(state),
|
|
11785
|
-
ref:
|
|
12003
|
+
ref: React69.useCallback((node2) => {
|
|
11786
12004
|
stylesRef.current = node2 ? getComputedStyle(node2) : null;
|
|
11787
12005
|
setNode2(node2);
|
|
11788
12006
|
}, [])
|
|
@@ -11806,7 +12024,7 @@ function getElementRef2(element) {
|
|
|
11806
12024
|
}
|
|
11807
12025
|
function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
|
|
11808
12026
|
const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
|
|
11809
|
-
|
|
12027
|
+
React69.useEffect(() => {
|
|
11810
12028
|
const handleKeyDown3 = (event) => {
|
|
11811
12029
|
if (event.key === "Escape") {
|
|
11812
12030
|
onEscapeKeyDown(event);
|
|
@@ -11821,12 +12039,12 @@ var CONTEXT_UPDATE = "dismissableLayer.update";
|
|
|
11821
12039
|
var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
|
|
11822
12040
|
var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
|
|
11823
12041
|
var originalBodyPointerEvents;
|
|
11824
|
-
var DismissableLayerContext =
|
|
12042
|
+
var DismissableLayerContext = React69.createContext({
|
|
11825
12043
|
layers: /* @__PURE__ */ new Set(),
|
|
11826
12044
|
layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
|
|
11827
12045
|
branches: /* @__PURE__ */ new Set()
|
|
11828
12046
|
});
|
|
11829
|
-
var DismissableLayer =
|
|
12047
|
+
var DismissableLayer = React69.forwardRef(
|
|
11830
12048
|
(props, forwardedRef) => {
|
|
11831
12049
|
const {
|
|
11832
12050
|
disableOutsidePointerEvents = false,
|
|
@@ -11837,10 +12055,10 @@ var DismissableLayer = React68.forwardRef(
|
|
|
11837
12055
|
onDismiss,
|
|
11838
12056
|
...layerProps
|
|
11839
12057
|
} = props;
|
|
11840
|
-
const context =
|
|
11841
|
-
const [node, setNode2] =
|
|
12058
|
+
const context = React69.useContext(DismissableLayerContext);
|
|
12059
|
+
const [node, setNode2] = React69.useState(null);
|
|
11842
12060
|
const ownerDocument = node?.ownerDocument ?? globalThis?.document;
|
|
11843
|
-
const [, force] =
|
|
12061
|
+
const [, force] = React69.useState({});
|
|
11844
12062
|
const composedRefs = useComposedRefs2(forwardedRef, (node2) => setNode2(node2));
|
|
11845
12063
|
const layers = Array.from(context.layers);
|
|
11846
12064
|
const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
|
|
@@ -11878,7 +12096,7 @@ var DismissableLayer = React68.forwardRef(
|
|
|
11878
12096
|
onDismiss();
|
|
11879
12097
|
}
|
|
11880
12098
|
}, ownerDocument);
|
|
11881
|
-
|
|
12099
|
+
React69.useEffect(() => {
|
|
11882
12100
|
if (!node)
|
|
11883
12101
|
return;
|
|
11884
12102
|
if (disableOutsidePointerEvents) {
|
|
@@ -11896,7 +12114,7 @@ var DismissableLayer = React68.forwardRef(
|
|
|
11896
12114
|
}
|
|
11897
12115
|
};
|
|
11898
12116
|
}, [node, ownerDocument, disableOutsidePointerEvents, context]);
|
|
11899
|
-
|
|
12117
|
+
React69.useEffect(() => {
|
|
11900
12118
|
return () => {
|
|
11901
12119
|
if (!node)
|
|
11902
12120
|
return;
|
|
@@ -11905,7 +12123,7 @@ var DismissableLayer = React68.forwardRef(
|
|
|
11905
12123
|
dispatchUpdate();
|
|
11906
12124
|
};
|
|
11907
12125
|
}, [node, context]);
|
|
11908
|
-
|
|
12126
|
+
React69.useEffect(() => {
|
|
11909
12127
|
const handleUpdate = () => force({});
|
|
11910
12128
|
document.addEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
11911
12129
|
return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
@@ -11931,11 +12149,11 @@ var DismissableLayer = React68.forwardRef(
|
|
|
11931
12149
|
);
|
|
11932
12150
|
DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
|
|
11933
12151
|
var BRANCH_NAME = "DismissableLayerBranch";
|
|
11934
|
-
var DismissableLayerBranch =
|
|
11935
|
-
const context =
|
|
11936
|
-
const ref =
|
|
12152
|
+
var DismissableLayerBranch = React69.forwardRef((props, forwardedRef) => {
|
|
12153
|
+
const context = React69.useContext(DismissableLayerContext);
|
|
12154
|
+
const ref = React69.useRef(null);
|
|
11937
12155
|
const composedRefs = useComposedRefs2(forwardedRef, ref);
|
|
11938
|
-
|
|
12156
|
+
React69.useEffect(() => {
|
|
11939
12157
|
const node = ref.current;
|
|
11940
12158
|
if (node) {
|
|
11941
12159
|
context.branches.add(node);
|
|
@@ -11949,10 +12167,10 @@ var DismissableLayerBranch = React68.forwardRef((props, forwardedRef) => {
|
|
|
11949
12167
|
DismissableLayerBranch.displayName = BRANCH_NAME;
|
|
11950
12168
|
function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
|
|
11951
12169
|
const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
|
|
11952
|
-
const isPointerInsideReactTreeRef =
|
|
11953
|
-
const handleClickRef =
|
|
12170
|
+
const isPointerInsideReactTreeRef = React69.useRef(false);
|
|
12171
|
+
const handleClickRef = React69.useRef(() => {
|
|
11954
12172
|
});
|
|
11955
|
-
|
|
12173
|
+
React69.useEffect(() => {
|
|
11956
12174
|
const handlePointerDown = (event) => {
|
|
11957
12175
|
if (event.target && !isPointerInsideReactTreeRef.current) {
|
|
11958
12176
|
let handleAndDispatchPointerDownOutsideEvent2 = function() {
|
|
@@ -11992,8 +12210,8 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?
|
|
|
11992
12210
|
}
|
|
11993
12211
|
function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
|
|
11994
12212
|
const handleFocusOutside = useCallbackRef(onFocusOutside);
|
|
11995
|
-
const isFocusInsideReactTreeRef =
|
|
11996
|
-
|
|
12213
|
+
const isFocusInsideReactTreeRef = React69.useRef(false);
|
|
12214
|
+
React69.useEffect(() => {
|
|
11997
12215
|
const handleFocus = (event) => {
|
|
11998
12216
|
if (event.target && !isFocusInsideReactTreeRef.current) {
|
|
11999
12217
|
const eventDetail = { originalEvent: event };
|
|
@@ -12043,28 +12261,28 @@ var HoverCard = (props) => {
|
|
|
12043
12261
|
closeDelay = 300
|
|
12044
12262
|
} = props;
|
|
12045
12263
|
const popperScope = usePopperScope(__scopeHoverCard);
|
|
12046
|
-
const openTimerRef =
|
|
12047
|
-
const closeTimerRef =
|
|
12048
|
-
const hasSelectionRef =
|
|
12049
|
-
const isPointerDownOnContentRef =
|
|
12264
|
+
const openTimerRef = React69.useRef(0);
|
|
12265
|
+
const closeTimerRef = React69.useRef(0);
|
|
12266
|
+
const hasSelectionRef = React69.useRef(false);
|
|
12267
|
+
const isPointerDownOnContentRef = React69.useRef(false);
|
|
12050
12268
|
const [open, setOpen] = useControllableState2({
|
|
12051
12269
|
prop: openProp,
|
|
12052
12270
|
defaultProp: defaultOpen ?? false,
|
|
12053
12271
|
onChange: onOpenChange,
|
|
12054
12272
|
caller: HOVERCARD_NAME
|
|
12055
12273
|
});
|
|
12056
|
-
const handleOpen =
|
|
12274
|
+
const handleOpen = React69.useCallback(() => {
|
|
12057
12275
|
clearTimeout(closeTimerRef.current);
|
|
12058
12276
|
openTimerRef.current = window.setTimeout(() => setOpen(true), openDelay);
|
|
12059
12277
|
}, [openDelay, setOpen]);
|
|
12060
|
-
const handleClose =
|
|
12278
|
+
const handleClose = React69.useCallback(() => {
|
|
12061
12279
|
clearTimeout(openTimerRef.current);
|
|
12062
12280
|
if (!hasSelectionRef.current && !isPointerDownOnContentRef.current) {
|
|
12063
12281
|
closeTimerRef.current = window.setTimeout(() => setOpen(false), closeDelay);
|
|
12064
12282
|
}
|
|
12065
12283
|
}, [closeDelay, setOpen]);
|
|
12066
|
-
const handleDismiss =
|
|
12067
|
-
|
|
12284
|
+
const handleDismiss = React69.useCallback(() => setOpen(false), [setOpen]);
|
|
12285
|
+
React69.useEffect(() => {
|
|
12068
12286
|
return () => {
|
|
12069
12287
|
clearTimeout(openTimerRef.current);
|
|
12070
12288
|
clearTimeout(closeTimerRef.current);
|
|
@@ -12087,7 +12305,7 @@ var HoverCard = (props) => {
|
|
|
12087
12305
|
};
|
|
12088
12306
|
HoverCard.displayName = HOVERCARD_NAME;
|
|
12089
12307
|
var TRIGGER_NAME2 = "HoverCardTrigger";
|
|
12090
|
-
var HoverCardTrigger =
|
|
12308
|
+
var HoverCardTrigger = React69.forwardRef(
|
|
12091
12309
|
(props, forwardedRef) => {
|
|
12092
12310
|
const { __scopeHoverCard, ...triggerProps } = props;
|
|
12093
12311
|
const context = useHoverCardContext(TRIGGER_NAME2, __scopeHoverCard);
|
|
@@ -12113,7 +12331,7 @@ var [PortalProvider, usePortalContext] = createHoverCardContext(PORTAL_NAME2, {
|
|
|
12113
12331
|
forceMount: void 0
|
|
12114
12332
|
});
|
|
12115
12333
|
var CONTENT_NAME3 = "HoverCardContent";
|
|
12116
|
-
var HoverCardContent =
|
|
12334
|
+
var HoverCardContent = React69.forwardRef(
|
|
12117
12335
|
(props, forwardedRef) => {
|
|
12118
12336
|
const portalContext = usePortalContext(CONTENT_NAME3, props.__scopeHoverCard);
|
|
12119
12337
|
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
@@ -12131,7 +12349,7 @@ var HoverCardContent = React68.forwardRef(
|
|
|
12131
12349
|
}
|
|
12132
12350
|
);
|
|
12133
12351
|
HoverCardContent.displayName = CONTENT_NAME3;
|
|
12134
|
-
var HoverCardContentImpl =
|
|
12352
|
+
var HoverCardContentImpl = React69.forwardRef((props, forwardedRef) => {
|
|
12135
12353
|
const {
|
|
12136
12354
|
__scopeHoverCard,
|
|
12137
12355
|
onEscapeKeyDown,
|
|
@@ -12142,10 +12360,10 @@ var HoverCardContentImpl = React68.forwardRef((props, forwardedRef) => {
|
|
|
12142
12360
|
} = props;
|
|
12143
12361
|
const context = useHoverCardContext(CONTENT_NAME3, __scopeHoverCard);
|
|
12144
12362
|
const popperScope = usePopperScope(__scopeHoverCard);
|
|
12145
|
-
const ref =
|
|
12363
|
+
const ref = React69.useRef(null);
|
|
12146
12364
|
const composedRefs = useComposedRefs2(forwardedRef, ref);
|
|
12147
|
-
const [containSelection, setContainSelection] =
|
|
12148
|
-
|
|
12365
|
+
const [containSelection, setContainSelection] = React69.useState(false);
|
|
12366
|
+
React69.useEffect(() => {
|
|
12149
12367
|
if (containSelection) {
|
|
12150
12368
|
const body = document.body;
|
|
12151
12369
|
originalBodyUserSelect = body.style.userSelect || body.style.webkitUserSelect;
|
|
@@ -12157,7 +12375,7 @@ var HoverCardContentImpl = React68.forwardRef((props, forwardedRef) => {
|
|
|
12157
12375
|
};
|
|
12158
12376
|
}
|
|
12159
12377
|
}, [containSelection]);
|
|
12160
|
-
|
|
12378
|
+
React69.useEffect(() => {
|
|
12161
12379
|
if (ref.current) {
|
|
12162
12380
|
const handlePointerUp = () => {
|
|
12163
12381
|
setContainSelection(false);
|
|
@@ -12176,7 +12394,7 @@ var HoverCardContentImpl = React68.forwardRef((props, forwardedRef) => {
|
|
|
12176
12394
|
};
|
|
12177
12395
|
}
|
|
12178
12396
|
}, [context.isPointerDownOnContentRef, context.hasSelectionRef]);
|
|
12179
|
-
|
|
12397
|
+
React69.useEffect(() => {
|
|
12180
12398
|
if (ref.current) {
|
|
12181
12399
|
const tabbables = getTabbableNodes(ref.current);
|
|
12182
12400
|
tabbables.forEach((tabbable) => tabbable.setAttribute("tabindex", "-1"));
|
|
@@ -12227,7 +12445,7 @@ var HoverCardContentImpl = React68.forwardRef((props, forwardedRef) => {
|
|
|
12227
12445
|
);
|
|
12228
12446
|
});
|
|
12229
12447
|
var ARROW_NAME2 = "HoverCardArrow";
|
|
12230
|
-
var HoverCardArrow =
|
|
12448
|
+
var HoverCardArrow = React69.forwardRef(
|
|
12231
12449
|
(props, forwardedRef) => {
|
|
12232
12450
|
const { __scopeHoverCard, ...arrowProps } = props;
|
|
12233
12451
|
const popperScope = usePopperScope(__scopeHoverCard);
|
|
@@ -12254,7 +12472,7 @@ var Trigger11 = HoverCardTrigger;
|
|
|
12254
12472
|
var Content22 = HoverCardContent;
|
|
12255
12473
|
var HoverCard2 = Root23;
|
|
12256
12474
|
var HoverCardTrigger2 = Trigger11;
|
|
12257
|
-
var HoverCardContent2 =
|
|
12475
|
+
var HoverCardContent2 = React69.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
12258
12476
|
Content22,
|
|
12259
12477
|
{
|
|
12260
12478
|
ref,
|
|
@@ -12268,15 +12486,15 @@ var HoverCardContent2 = React68.forwardRef(({ className, align = "center", sideO
|
|
|
12268
12486
|
}
|
|
12269
12487
|
));
|
|
12270
12488
|
HoverCardContent2.displayName = Content22.displayName;
|
|
12271
|
-
var DirectionContext =
|
|
12489
|
+
var DirectionContext = React69.createContext(void 0);
|
|
12272
12490
|
function useDirection(localDir) {
|
|
12273
|
-
const globalDir =
|
|
12491
|
+
const globalDir = React69.useContext(DirectionContext);
|
|
12274
12492
|
return localDir || globalDir || "ltr";
|
|
12275
12493
|
}
|
|
12276
|
-
var useReactId2 =
|
|
12494
|
+
var useReactId2 = React69[" useId ".trim().toString()] || (() => void 0);
|
|
12277
12495
|
var count2 = 0;
|
|
12278
12496
|
function useId4(deterministicId) {
|
|
12279
|
-
const [id, setId] =
|
|
12497
|
+
const [id, setId] = React69.useState(useReactId2());
|
|
12280
12498
|
useLayoutEffect22(() => {
|
|
12281
12499
|
if (!deterministicId)
|
|
12282
12500
|
setId((reactId) => reactId ?? String(count2++));
|
|
@@ -12292,14 +12510,14 @@ function createCollection(name) {
|
|
|
12292
12510
|
);
|
|
12293
12511
|
const CollectionProvider = (props) => {
|
|
12294
12512
|
const { scope, children } = props;
|
|
12295
|
-
const ref =
|
|
12296
|
-
const itemMap =
|
|
12513
|
+
const ref = React69__default.useRef(null);
|
|
12514
|
+
const itemMap = React69__default.useRef(/* @__PURE__ */ new Map()).current;
|
|
12297
12515
|
return /* @__PURE__ */ jsx(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
|
|
12298
12516
|
};
|
|
12299
12517
|
CollectionProvider.displayName = PROVIDER_NAME;
|
|
12300
12518
|
const COLLECTION_SLOT_NAME = name + "CollectionSlot";
|
|
12301
12519
|
const CollectionSlotImpl = createSlot(COLLECTION_SLOT_NAME);
|
|
12302
|
-
const CollectionSlot =
|
|
12520
|
+
const CollectionSlot = React69__default.forwardRef(
|
|
12303
12521
|
(props, forwardedRef) => {
|
|
12304
12522
|
const { scope, children } = props;
|
|
12305
12523
|
const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
|
|
@@ -12311,13 +12529,13 @@ function createCollection(name) {
|
|
|
12311
12529
|
const ITEM_SLOT_NAME = name + "CollectionItemSlot";
|
|
12312
12530
|
const ITEM_DATA_ATTR = "data-radix-collection-item";
|
|
12313
12531
|
const CollectionItemSlotImpl = createSlot(ITEM_SLOT_NAME);
|
|
12314
|
-
const CollectionItemSlot =
|
|
12532
|
+
const CollectionItemSlot = React69__default.forwardRef(
|
|
12315
12533
|
(props, forwardedRef) => {
|
|
12316
12534
|
const { scope, children, ...itemData } = props;
|
|
12317
|
-
const ref =
|
|
12535
|
+
const ref = React69__default.useRef(null);
|
|
12318
12536
|
const composedRefs = useComposedRefs2(forwardedRef, ref);
|
|
12319
12537
|
const context = useCollectionContext(ITEM_SLOT_NAME, scope);
|
|
12320
|
-
|
|
12538
|
+
React69__default.useEffect(() => {
|
|
12321
12539
|
context.itemMap.set(ref, { ref, ...itemData });
|
|
12322
12540
|
return () => void context.itemMap.delete(ref);
|
|
12323
12541
|
});
|
|
@@ -12327,7 +12545,7 @@ function createCollection(name) {
|
|
|
12327
12545
|
CollectionItemSlot.displayName = ITEM_SLOT_NAME;
|
|
12328
12546
|
function useCollection2(scope) {
|
|
12329
12547
|
const context = useCollectionContext(name + "CollectionConsumer", scope);
|
|
12330
|
-
const getItems =
|
|
12548
|
+
const getItems = React69__default.useCallback(() => {
|
|
12331
12549
|
const collectionNode = context.collectionRef.current;
|
|
12332
12550
|
if (!collectionNode)
|
|
12333
12551
|
return [];
|
|
@@ -12347,8 +12565,8 @@ function createCollection(name) {
|
|
|
12347
12565
|
];
|
|
12348
12566
|
}
|
|
12349
12567
|
function usePrevious(value) {
|
|
12350
|
-
const ref =
|
|
12351
|
-
return
|
|
12568
|
+
const ref = React69.useRef({ value, previous: value });
|
|
12569
|
+
return React69.useMemo(() => {
|
|
12352
12570
|
if (ref.current.value !== value) {
|
|
12353
12571
|
ref.current.previous = ref.current.value;
|
|
12354
12572
|
ref.current.value = value;
|
|
@@ -12370,7 +12588,7 @@ var VISUALLY_HIDDEN_STYLES = Object.freeze({
|
|
|
12370
12588
|
wordWrap: "normal"
|
|
12371
12589
|
});
|
|
12372
12590
|
var NAME3 = "VisuallyHidden";
|
|
12373
|
-
var VisuallyHidden =
|
|
12591
|
+
var VisuallyHidden = React69.forwardRef(
|
|
12374
12592
|
(props, forwardedRef) => {
|
|
12375
12593
|
return /* @__PURE__ */ jsx(
|
|
12376
12594
|
Primitive2.span,
|
|
@@ -12393,7 +12611,7 @@ var [createNavigationMenuContext, createNavigationMenuScope] = createContextScop
|
|
|
12393
12611
|
);
|
|
12394
12612
|
var [NavigationMenuProviderImpl, useNavigationMenuContext] = createNavigationMenuContext(NAVIGATION_MENU_NAME);
|
|
12395
12613
|
var [ViewportContentProvider, useViewportContentContext] = createNavigationMenuContext(NAVIGATION_MENU_NAME);
|
|
12396
|
-
var NavigationMenu =
|
|
12614
|
+
var NavigationMenu = React69.forwardRef(
|
|
12397
12615
|
(props, forwardedRef) => {
|
|
12398
12616
|
const {
|
|
12399
12617
|
__scopeNavigationMenu,
|
|
@@ -12406,13 +12624,13 @@ var NavigationMenu = React68.forwardRef(
|
|
|
12406
12624
|
dir,
|
|
12407
12625
|
...NavigationMenuProps
|
|
12408
12626
|
} = props;
|
|
12409
|
-
const [navigationMenu, setNavigationMenu] =
|
|
12627
|
+
const [navigationMenu, setNavigationMenu] = React69.useState(null);
|
|
12410
12628
|
const composedRef = useComposedRefs2(forwardedRef, (node) => setNavigationMenu(node));
|
|
12411
12629
|
const direction = useDirection(dir);
|
|
12412
|
-
const openTimerRef =
|
|
12413
|
-
const closeTimerRef =
|
|
12414
|
-
const skipDelayTimerRef =
|
|
12415
|
-
const [isOpenDelayed, setIsOpenDelayed] =
|
|
12630
|
+
const openTimerRef = React69.useRef(0);
|
|
12631
|
+
const closeTimerRef = React69.useRef(0);
|
|
12632
|
+
const skipDelayTimerRef = React69.useRef(0);
|
|
12633
|
+
const [isOpenDelayed, setIsOpenDelayed] = React69.useState(true);
|
|
12416
12634
|
const [value, setValue] = useControllableState2({
|
|
12417
12635
|
prop: valueProp,
|
|
12418
12636
|
onChange: (value2) => {
|
|
@@ -12434,18 +12652,18 @@ var NavigationMenu = React68.forwardRef(
|
|
|
12434
12652
|
defaultProp: defaultValue2 ?? "",
|
|
12435
12653
|
caller: NAVIGATION_MENU_NAME
|
|
12436
12654
|
});
|
|
12437
|
-
const startCloseTimer =
|
|
12655
|
+
const startCloseTimer = React69.useCallback(() => {
|
|
12438
12656
|
window.clearTimeout(closeTimerRef.current);
|
|
12439
12657
|
closeTimerRef.current = window.setTimeout(() => setValue(""), 150);
|
|
12440
12658
|
}, [setValue]);
|
|
12441
|
-
const handleOpen =
|
|
12659
|
+
const handleOpen = React69.useCallback(
|
|
12442
12660
|
(itemValue) => {
|
|
12443
12661
|
window.clearTimeout(closeTimerRef.current);
|
|
12444
12662
|
setValue(itemValue);
|
|
12445
12663
|
},
|
|
12446
12664
|
[setValue]
|
|
12447
12665
|
);
|
|
12448
|
-
const handleDelayedOpen =
|
|
12666
|
+
const handleDelayedOpen = React69.useCallback(
|
|
12449
12667
|
(itemValue) => {
|
|
12450
12668
|
const isOpenItem = value === itemValue;
|
|
12451
12669
|
if (isOpenItem) {
|
|
@@ -12459,7 +12677,7 @@ var NavigationMenu = React68.forwardRef(
|
|
|
12459
12677
|
},
|
|
12460
12678
|
[value, setValue, delayDuration]
|
|
12461
12679
|
);
|
|
12462
|
-
|
|
12680
|
+
React69.useEffect(() => {
|
|
12463
12681
|
return () => {
|
|
12464
12682
|
window.clearTimeout(openTimerRef.current);
|
|
12465
12683
|
window.clearTimeout(closeTimerRef.current);
|
|
@@ -12508,7 +12726,7 @@ var NavigationMenu = React68.forwardRef(
|
|
|
12508
12726
|
);
|
|
12509
12727
|
NavigationMenu.displayName = NAVIGATION_MENU_NAME;
|
|
12510
12728
|
var SUB_NAME = "NavigationMenuSub";
|
|
12511
|
-
var NavigationMenuSub =
|
|
12729
|
+
var NavigationMenuSub = React69.forwardRef(
|
|
12512
12730
|
(props, forwardedRef) => {
|
|
12513
12731
|
const {
|
|
12514
12732
|
__scopeNavigationMenu,
|
|
@@ -12559,9 +12777,9 @@ var NavigationMenuProvider = (props) => {
|
|
|
12559
12777
|
onContentEnter,
|
|
12560
12778
|
onContentLeave
|
|
12561
12779
|
} = props;
|
|
12562
|
-
const [viewport, setViewport] =
|
|
12563
|
-
const [viewportContent, setViewportContent] =
|
|
12564
|
-
const [indicatorTrack, setIndicatorTrack] =
|
|
12780
|
+
const [viewport, setViewport] = React69.useState(null);
|
|
12781
|
+
const [viewportContent, setViewportContent] = React69.useState(/* @__PURE__ */ new Map());
|
|
12782
|
+
const [indicatorTrack, setIndicatorTrack] = React69.useState(null);
|
|
12565
12783
|
return /* @__PURE__ */ jsx(
|
|
12566
12784
|
NavigationMenuProviderImpl,
|
|
12567
12785
|
{
|
|
@@ -12583,13 +12801,13 @@ var NavigationMenuProvider = (props) => {
|
|
|
12583
12801
|
onContentLeave: useCallbackRef(onContentLeave),
|
|
12584
12802
|
onItemSelect: useCallbackRef(onItemSelect),
|
|
12585
12803
|
onItemDismiss: useCallbackRef(onItemDismiss),
|
|
12586
|
-
onViewportContentChange:
|
|
12804
|
+
onViewportContentChange: React69.useCallback((contentValue, contentData) => {
|
|
12587
12805
|
setViewportContent((prevContent) => {
|
|
12588
12806
|
prevContent.set(contentValue, contentData);
|
|
12589
12807
|
return new Map(prevContent);
|
|
12590
12808
|
});
|
|
12591
12809
|
}, []),
|
|
12592
|
-
onViewportContentRemove:
|
|
12810
|
+
onViewportContentRemove: React69.useCallback((contentValue) => {
|
|
12593
12811
|
setViewportContent((prevContent) => {
|
|
12594
12812
|
if (!prevContent.has(contentValue))
|
|
12595
12813
|
return prevContent;
|
|
@@ -12602,7 +12820,7 @@ var NavigationMenuProvider = (props) => {
|
|
|
12602
12820
|
);
|
|
12603
12821
|
};
|
|
12604
12822
|
var LIST_NAME = "NavigationMenuList";
|
|
12605
|
-
var NavigationMenuList =
|
|
12823
|
+
var NavigationMenuList = React69.forwardRef(
|
|
12606
12824
|
(props, forwardedRef) => {
|
|
12607
12825
|
const { __scopeNavigationMenu, ...listProps } = props;
|
|
12608
12826
|
const context = useNavigationMenuContext(LIST_NAME, __scopeNavigationMenu);
|
|
@@ -12613,18 +12831,18 @@ var NavigationMenuList = React68.forwardRef(
|
|
|
12613
12831
|
NavigationMenuList.displayName = LIST_NAME;
|
|
12614
12832
|
var ITEM_NAME = "NavigationMenuItem";
|
|
12615
12833
|
var [NavigationMenuItemContextProvider, useNavigationMenuItemContext] = createNavigationMenuContext(ITEM_NAME);
|
|
12616
|
-
var NavigationMenuItem =
|
|
12834
|
+
var NavigationMenuItem = React69.forwardRef(
|
|
12617
12835
|
(props, forwardedRef) => {
|
|
12618
12836
|
const { __scopeNavigationMenu, value: valueProp, ...itemProps } = props;
|
|
12619
12837
|
const autoValue = useId4();
|
|
12620
12838
|
const value = valueProp || autoValue || "LEGACY_REACT_AUTO_VALUE";
|
|
12621
|
-
const contentRef =
|
|
12622
|
-
const triggerRef =
|
|
12623
|
-
const focusProxyRef =
|
|
12624
|
-
const restoreContentTabOrderRef =
|
|
12839
|
+
const contentRef = React69.useRef(null);
|
|
12840
|
+
const triggerRef = React69.useRef(null);
|
|
12841
|
+
const focusProxyRef = React69.useRef(null);
|
|
12842
|
+
const restoreContentTabOrderRef = React69.useRef(() => {
|
|
12625
12843
|
});
|
|
12626
|
-
const wasEscapeCloseRef =
|
|
12627
|
-
const handleContentEntry =
|
|
12844
|
+
const wasEscapeCloseRef = React69.useRef(false);
|
|
12845
|
+
const handleContentEntry = React69.useCallback((side = "start") => {
|
|
12628
12846
|
if (contentRef.current) {
|
|
12629
12847
|
restoreContentTabOrderRef.current();
|
|
12630
12848
|
const candidates = getTabbableCandidates(contentRef.current);
|
|
@@ -12632,7 +12850,7 @@ var NavigationMenuItem = React68.forwardRef(
|
|
|
12632
12850
|
focusFirst(side === "start" ? candidates : candidates.reverse());
|
|
12633
12851
|
}
|
|
12634
12852
|
}, []);
|
|
12635
|
-
const handleContentExit =
|
|
12853
|
+
const handleContentExit = React69.useCallback(() => {
|
|
12636
12854
|
if (contentRef.current) {
|
|
12637
12855
|
const candidates = getTabbableCandidates(contentRef.current);
|
|
12638
12856
|
if (candidates.length)
|
|
@@ -12659,16 +12877,16 @@ var NavigationMenuItem = React68.forwardRef(
|
|
|
12659
12877
|
);
|
|
12660
12878
|
NavigationMenuItem.displayName = ITEM_NAME;
|
|
12661
12879
|
var TRIGGER_NAME3 = "NavigationMenuTrigger";
|
|
12662
|
-
var NavigationMenuTrigger =
|
|
12880
|
+
var NavigationMenuTrigger = React69.forwardRef((props, forwardedRef) => {
|
|
12663
12881
|
const { __scopeNavigationMenu, disabled, ...triggerProps } = props;
|
|
12664
12882
|
const context = useNavigationMenuContext(TRIGGER_NAME3, props.__scopeNavigationMenu);
|
|
12665
12883
|
const itemContext = useNavigationMenuItemContext(TRIGGER_NAME3, props.__scopeNavigationMenu);
|
|
12666
|
-
const ref =
|
|
12884
|
+
const ref = React69.useRef(null);
|
|
12667
12885
|
const composedRefs = useComposedRefs2(ref, itemContext.triggerRef, forwardedRef);
|
|
12668
12886
|
const triggerId = makeTriggerId(context.baseId, itemContext.value);
|
|
12669
12887
|
const contentId = makeContentId(context.baseId, itemContext.value);
|
|
12670
|
-
const hasPointerMoveOpenedRef =
|
|
12671
|
-
const wasClickCloseRef =
|
|
12888
|
+
const hasPointerMoveOpenedRef = React69.useRef(false);
|
|
12889
|
+
const wasClickCloseRef = React69.useRef(false);
|
|
12672
12890
|
const open = itemContext.value === context.value;
|
|
12673
12891
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
12674
12892
|
/* @__PURE__ */ jsx(Collection.ItemSlot, { scope: __scopeNavigationMenu, value: itemContext.value, children: /* @__PURE__ */ jsx(FocusGroupItem, { asChild: true, children: /* @__PURE__ */ jsx(
|
|
@@ -12743,7 +12961,7 @@ var NavigationMenuTrigger = React68.forwardRef((props, forwardedRef) => {
|
|
|
12743
12961
|
NavigationMenuTrigger.displayName = TRIGGER_NAME3;
|
|
12744
12962
|
var LINK_NAME = "NavigationMenuLink";
|
|
12745
12963
|
var LINK_SELECT = "navigationMenu.linkSelect";
|
|
12746
|
-
var NavigationMenuLink =
|
|
12964
|
+
var NavigationMenuLink = React69.forwardRef(
|
|
12747
12965
|
(props, forwardedRef) => {
|
|
12748
12966
|
const { __scopeNavigationMenu, active, onSelect, ...linkProps } = props;
|
|
12749
12967
|
return /* @__PURE__ */ jsx(FocusGroupItem, { asChild: true, children: /* @__PURE__ */ jsx(
|
|
@@ -12779,7 +12997,7 @@ var NavigationMenuLink = React68.forwardRef(
|
|
|
12779
12997
|
);
|
|
12780
12998
|
NavigationMenuLink.displayName = LINK_NAME;
|
|
12781
12999
|
var INDICATOR_NAME2 = "NavigationMenuIndicator";
|
|
12782
|
-
var NavigationMenuIndicator =
|
|
13000
|
+
var NavigationMenuIndicator = React69.forwardRef((props, forwardedRef) => {
|
|
12783
13001
|
const { forceMount, ...indicatorProps } = props;
|
|
12784
13002
|
const context = useNavigationMenuContext(INDICATOR_NAME2, props.__scopeNavigationMenu);
|
|
12785
13003
|
const isVisible = Boolean(context.value);
|
|
@@ -12789,17 +13007,17 @@ var NavigationMenuIndicator = React68.forwardRef((props, forwardedRef) => {
|
|
|
12789
13007
|
) : null;
|
|
12790
13008
|
});
|
|
12791
13009
|
NavigationMenuIndicator.displayName = INDICATOR_NAME2;
|
|
12792
|
-
var NavigationMenuIndicatorImpl =
|
|
13010
|
+
var NavigationMenuIndicatorImpl = React69.forwardRef((props, forwardedRef) => {
|
|
12793
13011
|
const { __scopeNavigationMenu, ...indicatorProps } = props;
|
|
12794
13012
|
const context = useNavigationMenuContext(INDICATOR_NAME2, __scopeNavigationMenu);
|
|
12795
13013
|
const getItems = useCollection(__scopeNavigationMenu);
|
|
12796
|
-
const [activeTrigger, setActiveTrigger] =
|
|
13014
|
+
const [activeTrigger, setActiveTrigger] = React69.useState(
|
|
12797
13015
|
null
|
|
12798
13016
|
);
|
|
12799
|
-
const [position, setPosition] =
|
|
13017
|
+
const [position, setPosition] = React69.useState(null);
|
|
12800
13018
|
const isHorizontal = context.orientation === "horizontal";
|
|
12801
13019
|
const isVisible = Boolean(context.value);
|
|
12802
|
-
|
|
13020
|
+
React69.useEffect(() => {
|
|
12803
13021
|
const items = getItems();
|
|
12804
13022
|
const triggerNode = items.find((item) => item.value === context.value)?.ref.current;
|
|
12805
13023
|
if (triggerNode)
|
|
@@ -12840,7 +13058,7 @@ var NavigationMenuIndicatorImpl = React68.forwardRef((props, forwardedRef) => {
|
|
|
12840
13058
|
) : null;
|
|
12841
13059
|
});
|
|
12842
13060
|
var CONTENT_NAME4 = "NavigationMenuContent";
|
|
12843
|
-
var NavigationMenuContent =
|
|
13061
|
+
var NavigationMenuContent = React69.forwardRef((props, forwardedRef) => {
|
|
12844
13062
|
const { forceMount, ...contentProps } = props;
|
|
12845
13063
|
const context = useNavigationMenuContext(CONTENT_NAME4, props.__scopeNavigationMenu);
|
|
12846
13064
|
const itemContext = useNavigationMenuItemContext(CONTENT_NAME4, props.__scopeNavigationMenu);
|
|
@@ -12875,7 +13093,7 @@ var NavigationMenuContent = React68.forwardRef((props, forwardedRef) => {
|
|
|
12875
13093
|
) }) : /* @__PURE__ */ jsx(ViewportContentMounter, { forceMount, ...commonProps, ref: composedRefs });
|
|
12876
13094
|
});
|
|
12877
13095
|
NavigationMenuContent.displayName = CONTENT_NAME4;
|
|
12878
|
-
var ViewportContentMounter =
|
|
13096
|
+
var ViewportContentMounter = React69.forwardRef((props, forwardedRef) => {
|
|
12879
13097
|
const context = useNavigationMenuContext(CONTENT_NAME4, props.__scopeNavigationMenu);
|
|
12880
13098
|
const { onViewportContentChange, onViewportContentRemove } = context;
|
|
12881
13099
|
useLayoutEffect22(() => {
|
|
@@ -12890,7 +13108,7 @@ var ViewportContentMounter = React68.forwardRef((props, forwardedRef) => {
|
|
|
12890
13108
|
return null;
|
|
12891
13109
|
});
|
|
12892
13110
|
var ROOT_CONTENT_DISMISS = "navigationMenu.rootContentDismiss";
|
|
12893
|
-
var NavigationMenuContentImpl =
|
|
13111
|
+
var NavigationMenuContentImpl = React69.forwardRef((props, forwardedRef) => {
|
|
12894
13112
|
const {
|
|
12895
13113
|
__scopeNavigationMenu,
|
|
12896
13114
|
value,
|
|
@@ -12902,14 +13120,14 @@ var NavigationMenuContentImpl = React68.forwardRef((props, forwardedRef) => {
|
|
|
12902
13120
|
...contentProps
|
|
12903
13121
|
} = props;
|
|
12904
13122
|
const context = useNavigationMenuContext(CONTENT_NAME4, __scopeNavigationMenu);
|
|
12905
|
-
const ref =
|
|
13123
|
+
const ref = React69.useRef(null);
|
|
12906
13124
|
const composedRefs = useComposedRefs2(ref, forwardedRef);
|
|
12907
13125
|
const triggerId = makeTriggerId(context.baseId, value);
|
|
12908
13126
|
const contentId = makeContentId(context.baseId, value);
|
|
12909
13127
|
const getItems = useCollection(__scopeNavigationMenu);
|
|
12910
|
-
const prevMotionAttributeRef =
|
|
13128
|
+
const prevMotionAttributeRef = React69.useRef(null);
|
|
12911
13129
|
const { onItemDismiss } = context;
|
|
12912
|
-
|
|
13130
|
+
React69.useEffect(() => {
|
|
12913
13131
|
const content = ref.current;
|
|
12914
13132
|
if (context.isRootMenu && content) {
|
|
12915
13133
|
const handleClose = () => {
|
|
@@ -12922,7 +13140,7 @@ var NavigationMenuContentImpl = React68.forwardRef((props, forwardedRef) => {
|
|
|
12922
13140
|
return () => content.removeEventListener(ROOT_CONTENT_DISMISS, handleClose);
|
|
12923
13141
|
}
|
|
12924
13142
|
}, [context.isRootMenu, props.value, triggerRef, onItemDismiss, onRootContentClose]);
|
|
12925
|
-
const motionAttribute =
|
|
13143
|
+
const motionAttribute = React69.useMemo(() => {
|
|
12926
13144
|
const items = getItems();
|
|
12927
13145
|
const values = items.map((item) => item.value);
|
|
12928
13146
|
if (context.dir === "rtl")
|
|
@@ -12998,14 +13216,14 @@ var NavigationMenuContentImpl = React68.forwardRef((props, forwardedRef) => {
|
|
|
12998
13216
|
) });
|
|
12999
13217
|
});
|
|
13000
13218
|
var VIEWPORT_NAME = "NavigationMenuViewport";
|
|
13001
|
-
var NavigationMenuViewport =
|
|
13219
|
+
var NavigationMenuViewport = React69.forwardRef((props, forwardedRef) => {
|
|
13002
13220
|
const { forceMount, ...viewportProps } = props;
|
|
13003
13221
|
const context = useNavigationMenuContext(VIEWPORT_NAME, props.__scopeNavigationMenu);
|
|
13004
13222
|
const open = Boolean(context.value);
|
|
13005
13223
|
return /* @__PURE__ */ jsx(Presence2, { present: forceMount || open, children: /* @__PURE__ */ jsx(NavigationMenuViewportImpl, { ...viewportProps, ref: forwardedRef }) });
|
|
13006
13224
|
});
|
|
13007
13225
|
NavigationMenuViewport.displayName = VIEWPORT_NAME;
|
|
13008
|
-
var NavigationMenuViewportImpl =
|
|
13226
|
+
var NavigationMenuViewportImpl = React69.forwardRef((props, forwardedRef) => {
|
|
13009
13227
|
const { __scopeNavigationMenu, children, ...viewportImplProps } = props;
|
|
13010
13228
|
const context = useNavigationMenuContext(VIEWPORT_NAME, __scopeNavigationMenu);
|
|
13011
13229
|
const composedRefs = useComposedRefs2(forwardedRef, context.onViewportChange);
|
|
@@ -13013,8 +13231,8 @@ var NavigationMenuViewportImpl = React68.forwardRef((props, forwardedRef) => {
|
|
|
13013
13231
|
CONTENT_NAME4,
|
|
13014
13232
|
props.__scopeNavigationMenu
|
|
13015
13233
|
);
|
|
13016
|
-
const [size4, setSize] =
|
|
13017
|
-
const [content, setContent2] =
|
|
13234
|
+
const [size4, setSize] = React69.useState(null);
|
|
13235
|
+
const [content, setContent2] = React69.useState(null);
|
|
13018
13236
|
const viewportWidth = size4 ? size4?.width + "px" : void 0;
|
|
13019
13237
|
const viewportHeight = size4 ? size4?.height + "px" : void 0;
|
|
13020
13238
|
const open = Boolean(context.value);
|
|
@@ -13057,7 +13275,7 @@ var NavigationMenuViewportImpl = React68.forwardRef((props, forwardedRef) => {
|
|
|
13057
13275
|
);
|
|
13058
13276
|
});
|
|
13059
13277
|
var FOCUS_GROUP_NAME = "FocusGroup";
|
|
13060
|
-
var FocusGroup =
|
|
13278
|
+
var FocusGroup = React69.forwardRef(
|
|
13061
13279
|
(props, forwardedRef) => {
|
|
13062
13280
|
const { __scopeNavigationMenu, ...groupProps } = props;
|
|
13063
13281
|
const context = useNavigationMenuContext(FOCUS_GROUP_NAME, __scopeNavigationMenu);
|
|
@@ -13066,7 +13284,7 @@ var FocusGroup = React68.forwardRef(
|
|
|
13066
13284
|
);
|
|
13067
13285
|
var ARROW_KEYS = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"];
|
|
13068
13286
|
var FOCUS_GROUP_ITEM_NAME = "FocusGroupItem";
|
|
13069
|
-
var FocusGroupItem =
|
|
13287
|
+
var FocusGroupItem = React69.forwardRef(
|
|
13070
13288
|
(props, forwardedRef) => {
|
|
13071
13289
|
const { __scopeNavigationMenu, ...groupProps } = props;
|
|
13072
13290
|
const getItems = useFocusGroupCollection(__scopeNavigationMenu);
|
|
@@ -13168,7 +13386,7 @@ var Link = NavigationMenuLink;
|
|
|
13168
13386
|
var Indicator3 = NavigationMenuIndicator;
|
|
13169
13387
|
var Content12 = NavigationMenuContent;
|
|
13170
13388
|
var Viewport4 = NavigationMenuViewport;
|
|
13171
|
-
var NavigationMenu2 =
|
|
13389
|
+
var NavigationMenu2 = React69.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
13172
13390
|
Root24,
|
|
13173
13391
|
{
|
|
13174
13392
|
ref,
|
|
@@ -13184,7 +13402,7 @@ var NavigationMenu2 = React68.forwardRef(({ className, children, ...props }, ref
|
|
|
13184
13402
|
}
|
|
13185
13403
|
));
|
|
13186
13404
|
NavigationMenu2.displayName = Root24.displayName;
|
|
13187
|
-
var NavigationMenuList2 =
|
|
13405
|
+
var NavigationMenuList2 = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
13188
13406
|
List3,
|
|
13189
13407
|
{
|
|
13190
13408
|
ref,
|
|
@@ -13200,7 +13418,7 @@ var NavigationMenuItem2 = Item4;
|
|
|
13200
13418
|
var navigationMenuTriggerStyle = cva(
|
|
13201
13419
|
"group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
|
|
13202
13420
|
);
|
|
13203
|
-
var NavigationMenuTrigger2 =
|
|
13421
|
+
var NavigationMenuTrigger2 = React69.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
13204
13422
|
Trigger12,
|
|
13205
13423
|
{
|
|
13206
13424
|
ref,
|
|
@@ -13220,7 +13438,7 @@ var NavigationMenuTrigger2 = React68.forwardRef(({ className, children, ...props
|
|
|
13220
13438
|
}
|
|
13221
13439
|
));
|
|
13222
13440
|
NavigationMenuTrigger2.displayName = Trigger12.displayName;
|
|
13223
|
-
var NavigationMenuContent2 =
|
|
13441
|
+
var NavigationMenuContent2 = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
13224
13442
|
Content12,
|
|
13225
13443
|
{
|
|
13226
13444
|
ref,
|
|
@@ -13233,7 +13451,7 @@ var NavigationMenuContent2 = React68.forwardRef(({ className, ...props }, ref) =
|
|
|
13233
13451
|
));
|
|
13234
13452
|
NavigationMenuContent2.displayName = Content12.displayName;
|
|
13235
13453
|
var NavigationMenuLink2 = Link;
|
|
13236
|
-
var NavigationMenuViewport2 =
|
|
13454
|
+
var NavigationMenuViewport2 = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx(
|
|
13237
13455
|
Viewport4,
|
|
13238
13456
|
{
|
|
13239
13457
|
className: cn(
|
|
@@ -13245,7 +13463,7 @@ var NavigationMenuViewport2 = React68.forwardRef(({ className, ...props }, ref)
|
|
|
13245
13463
|
}
|
|
13246
13464
|
) }));
|
|
13247
13465
|
NavigationMenuViewport2.displayName = Viewport4.displayName;
|
|
13248
|
-
var NavigationMenuIndicator2 =
|
|
13466
|
+
var NavigationMenuIndicator2 = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
13249
13467
|
Indicator3,
|
|
13250
13468
|
{
|
|
13251
13469
|
ref,
|
|
@@ -13366,7 +13584,7 @@ var calculateSnapPoint = (offset4, velocity, snapPoints, direction, viewportSize
|
|
|
13366
13584
|
(prev, curr) => Math.abs(curr - currentPosition) < Math.abs(prev - currentPosition) ? curr : prev
|
|
13367
13585
|
);
|
|
13368
13586
|
};
|
|
13369
|
-
var MoonUIGestureDrawerProComponent =
|
|
13587
|
+
var MoonUIGestureDrawerProComponent = React69__default.forwardRef(({
|
|
13370
13588
|
isOpen,
|
|
13371
13589
|
onOpenChange,
|
|
13372
13590
|
children,
|
|
@@ -13624,7 +13842,7 @@ var MoonUIGestureDrawerProComponent = React68__default.forwardRef(({
|
|
|
13624
13842
|
return drawerContent;
|
|
13625
13843
|
});
|
|
13626
13844
|
MoonUIGestureDrawerProComponent.displayName = "MoonUIGestureDrawerProComponent";
|
|
13627
|
-
var MoonUIGestureDrawerPro =
|
|
13845
|
+
var MoonUIGestureDrawerPro = React69__default.forwardRef((props, ref) => {
|
|
13628
13846
|
const { hasProAccess, isLoading } = useSubscription();
|
|
13629
13847
|
if (!isLoading && !hasProAccess) {
|
|
13630
13848
|
return /* @__PURE__ */ jsx(MoonUICardPro, { className: "w-fit mx-auto", children: /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "py-6 text-center", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
|
|
@@ -13659,9 +13877,9 @@ var lightboxVariants = cva(
|
|
|
13659
13877
|
}
|
|
13660
13878
|
}
|
|
13661
13879
|
);
|
|
13662
|
-
var LightboxContext =
|
|
13880
|
+
var LightboxContext = React69.createContext(void 0);
|
|
13663
13881
|
function useLightbox() {
|
|
13664
|
-
const context =
|
|
13882
|
+
const context = React69.useContext(LightboxContext);
|
|
13665
13883
|
if (!context) {
|
|
13666
13884
|
throw new Error("useLightbox must be used within a LightboxProvider");
|
|
13667
13885
|
}
|
|
@@ -13669,10 +13887,10 @@ function useLightbox() {
|
|
|
13669
13887
|
}
|
|
13670
13888
|
function LightboxProvider({ children, items = [], defaultIndex = 0 }) {
|
|
13671
13889
|
const { hasProAccess, isLoading } = useSubscription();
|
|
13672
|
-
const [currentIndex, setCurrentIndex] =
|
|
13673
|
-
const [isOpen, setIsOpen] =
|
|
13674
|
-
const [zoom, setZoom] =
|
|
13675
|
-
const value =
|
|
13890
|
+
const [currentIndex, setCurrentIndex] = React69.useState(defaultIndex);
|
|
13891
|
+
const [isOpen, setIsOpen] = React69.useState(false);
|
|
13892
|
+
const [zoom, setZoom] = React69.useState(1);
|
|
13893
|
+
const value = React69.useMemo(
|
|
13676
13894
|
() => ({
|
|
13677
13895
|
items,
|
|
13678
13896
|
currentIndex,
|
|
@@ -13695,7 +13913,7 @@ function LightboxProvider({ children, items = [], defaultIndex = 0 }) {
|
|
|
13695
13913
|
}
|
|
13696
13914
|
return /* @__PURE__ */ jsx(LightboxContext.Provider, { value, children });
|
|
13697
13915
|
}
|
|
13698
|
-
var LightboxTrigger =
|
|
13916
|
+
var LightboxTrigger = React69.forwardRef(
|
|
13699
13917
|
({ index: index2 = 0, asChild, children, onClick, ...props }, ref) => {
|
|
13700
13918
|
const { setCurrentIndex, setIsOpen, setZoom } = useLightbox();
|
|
13701
13919
|
const handleClick2 = (e) => {
|
|
@@ -13707,7 +13925,7 @@ var LightboxTrigger = React68.forwardRef(
|
|
|
13707
13925
|
if (asChild) {
|
|
13708
13926
|
const child = children;
|
|
13709
13927
|
const { onDrag: onDrag2, onDragStart: onDragStart2, onDragEnd: onDragEnd2, onDragOver: onDragOver2, onDrop: onDrop2, ...filteredProps2 } = props;
|
|
13710
|
-
return
|
|
13928
|
+
return React69.cloneElement(child, {
|
|
13711
13929
|
...child.props,
|
|
13712
13930
|
...filteredProps2,
|
|
13713
13931
|
onClick: handleClick2
|
|
@@ -13718,7 +13936,7 @@ var LightboxTrigger = React68.forwardRef(
|
|
|
13718
13936
|
}
|
|
13719
13937
|
);
|
|
13720
13938
|
LightboxTrigger.displayName = "LightboxTrigger";
|
|
13721
|
-
var LightboxContent =
|
|
13939
|
+
var LightboxContent = React69.forwardRef(
|
|
13722
13940
|
({
|
|
13723
13941
|
className,
|
|
13724
13942
|
backdrop,
|
|
@@ -13736,16 +13954,16 @@ var LightboxContent = React68.forwardRef(
|
|
|
13736
13954
|
}, ref) => {
|
|
13737
13955
|
const { onDrag, onDragStart, onDragEnd, onDragOver, onDrop, onAnimationStart, onAnimationEnd, onAnimationIteration, ...props } = restProps;
|
|
13738
13956
|
const { items, currentIndex, setCurrentIndex, isOpen, setIsOpen, zoom, setZoom } = useLightbox();
|
|
13739
|
-
const [isLoading, setIsLoading] =
|
|
13740
|
-
const [isPlaying, setIsPlaying] =
|
|
13741
|
-
const [isMuted, setIsMuted] =
|
|
13742
|
-
const [isFullscreen, setIsFullscreen] =
|
|
13743
|
-
const [position, setPosition] =
|
|
13744
|
-
const [isDragging, setIsDragging] =
|
|
13745
|
-
const containerRef =
|
|
13746
|
-
const videoRef =
|
|
13957
|
+
const [isLoading, setIsLoading] = React69.useState(true);
|
|
13958
|
+
const [isPlaying, setIsPlaying] = React69.useState(false);
|
|
13959
|
+
const [isMuted, setIsMuted] = React69.useState(true);
|
|
13960
|
+
const [isFullscreen, setIsFullscreen] = React69.useState(false);
|
|
13961
|
+
const [position, setPosition] = React69.useState({ x: 0, y: 0 });
|
|
13962
|
+
const [isDragging, setIsDragging] = React69.useState(false);
|
|
13963
|
+
const containerRef = React69.useRef(null);
|
|
13964
|
+
const videoRef = React69.useRef(null);
|
|
13747
13965
|
const currentItem = items[currentIndex];
|
|
13748
|
-
|
|
13966
|
+
React69.useEffect(() => {
|
|
13749
13967
|
if (currentItem?.type === "video" && autoPlayVideo) {
|
|
13750
13968
|
setIsPlaying(true);
|
|
13751
13969
|
setIsMuted(true);
|
|
@@ -13753,7 +13971,7 @@ var LightboxContent = React68.forwardRef(
|
|
|
13753
13971
|
setIsPlaying(false);
|
|
13754
13972
|
}
|
|
13755
13973
|
}, [currentIndex, currentItem, autoPlayVideo]);
|
|
13756
|
-
|
|
13974
|
+
React69.useEffect(() => {
|
|
13757
13975
|
if (!enableKeyboardNavigation || !isOpen)
|
|
13758
13976
|
return;
|
|
13759
13977
|
const handleKeyDown3 = (e) => {
|
|
@@ -13785,7 +14003,7 @@ var LightboxContent = React68.forwardRef(
|
|
|
13785
14003
|
window.addEventListener("keydown", handleKeyDown3);
|
|
13786
14004
|
return () => window.removeEventListener("keydown", handleKeyDown3);
|
|
13787
14005
|
}, [isOpen, currentIndex, isPlaying, enableKeyboardNavigation]);
|
|
13788
|
-
|
|
14006
|
+
React69.useEffect(() => {
|
|
13789
14007
|
if (videoRef.current && currentItem?.type === "video") {
|
|
13790
14008
|
if (isPlaying) {
|
|
13791
14009
|
videoRef.current.play().catch((err) => {
|
|
@@ -14160,7 +14378,7 @@ var galleryItemVariants = cva(
|
|
|
14160
14378
|
}
|
|
14161
14379
|
}
|
|
14162
14380
|
);
|
|
14163
|
-
var MoonUIMediaGalleryPro =
|
|
14381
|
+
var MoonUIMediaGalleryPro = React69.forwardRef(({
|
|
14164
14382
|
className,
|
|
14165
14383
|
items,
|
|
14166
14384
|
layout,
|
|
@@ -14190,13 +14408,13 @@ var MoonUIMediaGalleryPro = React68.forwardRef(({
|
|
|
14190
14408
|
...props
|
|
14191
14409
|
}, ref) => {
|
|
14192
14410
|
const { hasProAccess, isLoading } = useSubscription();
|
|
14193
|
-
const [activeCategory, setActiveCategory] =
|
|
14194
|
-
const [activeSort, setActiveSort] =
|
|
14195
|
-
const [showFilters, setShowFilters] =
|
|
14196
|
-
const [loadedImages, setLoadedImages] =
|
|
14197
|
-
const observerRef =
|
|
14198
|
-
const loadMoreRef =
|
|
14199
|
-
const filteredItems =
|
|
14411
|
+
const [activeCategory, setActiveCategory] = React69.useState(defaultCategory);
|
|
14412
|
+
const [activeSort, setActiveSort] = React69.useState(defaultSort);
|
|
14413
|
+
const [showFilters, setShowFilters] = React69.useState(false);
|
|
14414
|
+
const [loadedImages, setLoadedImages] = React69.useState(/* @__PURE__ */ new Set());
|
|
14415
|
+
const observerRef = React69.useRef(null);
|
|
14416
|
+
const loadMoreRef = React69.useRef(null);
|
|
14417
|
+
const filteredItems = React69.useMemo(() => {
|
|
14200
14418
|
if (!enableFiltering || activeCategory === "all")
|
|
14201
14419
|
return items;
|
|
14202
14420
|
return items.filter((item) => {
|
|
@@ -14210,7 +14428,7 @@ var MoonUIMediaGalleryPro = React68.forwardRef(({
|
|
|
14210
14428
|
return true;
|
|
14211
14429
|
});
|
|
14212
14430
|
}, [items, activeCategory, enableFiltering]);
|
|
14213
|
-
const sortedItems =
|
|
14431
|
+
const sortedItems = React69.useMemo(() => {
|
|
14214
14432
|
if (!enableSorting || activeSort === "default")
|
|
14215
14433
|
return filteredItems;
|
|
14216
14434
|
const sortOption = sortOptions.find((opt) => opt.id === activeSort);
|
|
@@ -14224,7 +14442,7 @@ var MoonUIMediaGalleryPro = React68.forwardRef(({
|
|
|
14224
14442
|
{ id: "video", label: "Videos", icon: /* @__PURE__ */ jsx(Video, { className: "h-4 w-4" }) }
|
|
14225
14443
|
];
|
|
14226
14444
|
const finalCategories = categories.length > 0 ? categories : defaultCategories;
|
|
14227
|
-
|
|
14445
|
+
React69.useEffect(() => {
|
|
14228
14446
|
if (!lazyLoad)
|
|
14229
14447
|
return;
|
|
14230
14448
|
observerRef.current = new IntersectionObserver(
|
|
@@ -14242,7 +14460,7 @@ var MoonUIMediaGalleryPro = React68.forwardRef(({
|
|
|
14242
14460
|
observerRef.current?.disconnect();
|
|
14243
14461
|
};
|
|
14244
14462
|
}, [lazyLoad]);
|
|
14245
|
-
|
|
14463
|
+
React69.useEffect(() => {
|
|
14246
14464
|
if (!infiniteScroll || !onLoadMore || !hasMore)
|
|
14247
14465
|
return;
|
|
14248
14466
|
const observer = new IntersectionObserver(
|
|
@@ -14429,7 +14647,7 @@ var MoonUIMediaGalleryPro = React68.forwardRef(({
|
|
|
14429
14647
|
className
|
|
14430
14648
|
),
|
|
14431
14649
|
style: layout === "masonry" ? { columnGap: "1rem" } : void 0,
|
|
14432
|
-
children: loadingState ? /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: skeletonCount }).map((_, i) => /* @__PURE__ */ jsx(
|
|
14650
|
+
children: loadingState ? /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: skeletonCount }).map((_, i) => /* @__PURE__ */ jsx(React69.Fragment, { children: renderSkeleton() }, i)) }) : sortedItems.length > 0 ? sortedItems.map((item, index2) => renderGalleryItem(item, index2)) : emptyState || /* @__PURE__ */ jsxs("div", { className: "col-span-full flex flex-col items-center justify-center py-12 text-center", children: [
|
|
14433
14651
|
/* @__PURE__ */ jsx(Image$1, { className: "h-12 w-12 text-muted-foreground mb-4" }),
|
|
14434
14652
|
/* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "No media items found" })
|
|
14435
14653
|
] })
|
|
@@ -14446,7 +14664,7 @@ var MoonUIMediaGalleryPro = React68.forwardRef(({
|
|
|
14446
14664
|
return galleryContent;
|
|
14447
14665
|
});
|
|
14448
14666
|
MoonUIMediaGalleryPro.displayName = "MoonUIMediaGalleryPro";
|
|
14449
|
-
var MoonUIGalleryItemPro =
|
|
14667
|
+
var MoonUIGalleryItemPro = React69.forwardRef(({
|
|
14450
14668
|
className,
|
|
14451
14669
|
item,
|
|
14452
14670
|
index: index2 = 0,
|
|
@@ -14459,7 +14677,7 @@ var MoonUIGalleryItemPro = React68.forwardRef(({
|
|
|
14459
14677
|
onLoad,
|
|
14460
14678
|
...props
|
|
14461
14679
|
}, ref) => {
|
|
14462
|
-
const [isLoaded, setIsLoaded] =
|
|
14680
|
+
const [isLoaded, setIsLoaded] = React69.useState(false);
|
|
14463
14681
|
const handleLoad = () => {
|
|
14464
14682
|
setIsLoaded(true);
|
|
14465
14683
|
onLoad?.();
|
|
@@ -15196,7 +15414,7 @@ var moonUIAnimatedButtonProVariants = cva(
|
|
|
15196
15414
|
}
|
|
15197
15415
|
}
|
|
15198
15416
|
);
|
|
15199
|
-
var MoonUIAnimatedButtonProInternal =
|
|
15417
|
+
var MoonUIAnimatedButtonProInternal = React69__default.forwardRef(
|
|
15200
15418
|
({
|
|
15201
15419
|
className,
|
|
15202
15420
|
variant,
|
|
@@ -15390,9 +15608,9 @@ var MoonUIAnimatedButtonProInternal = React68__default.forwardRef(
|
|
|
15390
15608
|
) : (
|
|
15391
15609
|
// Diğer boyutlar için normal akış
|
|
15392
15610
|
/* @__PURE__ */ jsx(Fragment, { children: currentState === "idle" ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
15393
|
-
|
|
15611
|
+
React69__default.isValidElement(children) && React69__default.cloneElement(children),
|
|
15394
15612
|
typeof children === "string" && children,
|
|
15395
|
-
|
|
15613
|
+
React69__default.isValidElement(children) || typeof children === "string" ? null : children
|
|
15396
15614
|
] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
15397
15615
|
getIcon(),
|
|
15398
15616
|
/* @__PURE__ */ jsxs("span", { className: "ml-2", children: [
|
|
@@ -15437,7 +15655,7 @@ var MoonUIAnimatedButtonProInternal = React68__default.forwardRef(
|
|
|
15437
15655
|
}
|
|
15438
15656
|
);
|
|
15439
15657
|
MoonUIAnimatedButtonProInternal.displayName = "MoonUIAnimatedButtonProInternal";
|
|
15440
|
-
var MoonUIAnimatedButtonPro =
|
|
15658
|
+
var MoonUIAnimatedButtonPro = React69__default.forwardRef(
|
|
15441
15659
|
(props, ref) => {
|
|
15442
15660
|
const { hasProAccess, isLoading } = useSubscription();
|
|
15443
15661
|
if (!isLoading && !hasProAccess) {
|
|
@@ -15646,7 +15864,7 @@ var spotlightPresets = {
|
|
|
15646
15864
|
pink: "rgba(236, 72, 153, 0.25)",
|
|
15647
15865
|
cyan: "rgba(6, 182, 212, 0.25)"
|
|
15648
15866
|
};
|
|
15649
|
-
var SpotlightCardInternal =
|
|
15867
|
+
var SpotlightCardInternal = React69__default.forwardRef(
|
|
15650
15868
|
({
|
|
15651
15869
|
children,
|
|
15652
15870
|
className,
|
|
@@ -15665,7 +15883,7 @@ var SpotlightCardInternal = React68__default.forwardRef(
|
|
|
15665
15883
|
const [isFocused, setIsFocused] = useState(false);
|
|
15666
15884
|
const [position, setPosition] = useState({ x: 0, y: 0 });
|
|
15667
15885
|
const [opacity, setOpacity] = useState(0);
|
|
15668
|
-
const resolvedSpotlightColor =
|
|
15886
|
+
const resolvedSpotlightColor = React69__default.useMemo(() => {
|
|
15669
15887
|
if (typeof spotlightColor === "string" && spotlightColor in spotlightPresets) {
|
|
15670
15888
|
return spotlightPresets[spotlightColor];
|
|
15671
15889
|
}
|
|
@@ -15766,7 +15984,7 @@ var SpotlightCardInternal = React68__default.forwardRef(
|
|
|
15766
15984
|
}
|
|
15767
15985
|
);
|
|
15768
15986
|
SpotlightCardInternal.displayName = "SpotlightCardInternal";
|
|
15769
|
-
var MoonUISpotlightCardPro =
|
|
15987
|
+
var MoonUISpotlightCardPro = React69__default.forwardRef(
|
|
15770
15988
|
(props, ref) => {
|
|
15771
15989
|
return /* @__PURE__ */ jsx(SpotlightCardInternal, { ...props, ref });
|
|
15772
15990
|
}
|
|
@@ -15800,7 +16018,7 @@ var animatedNumberVariants = cva(
|
|
|
15800
16018
|
}
|
|
15801
16019
|
}
|
|
15802
16020
|
);
|
|
15803
|
-
var AnimatedNumberInternal =
|
|
16021
|
+
var AnimatedNumberInternal = React69__default.forwardRef(
|
|
15804
16022
|
({
|
|
15805
16023
|
className,
|
|
15806
16024
|
value,
|
|
@@ -15893,7 +16111,7 @@ var AnimatedNumberInternal = React68__default.forwardRef(
|
|
|
15893
16111
|
}
|
|
15894
16112
|
);
|
|
15895
16113
|
AnimatedNumberInternal.displayName = "AnimatedNumberInternal";
|
|
15896
|
-
var AnimatedNumber =
|
|
16114
|
+
var AnimatedNumber = React69__default.forwardRef(
|
|
15897
16115
|
(props, ref) => {
|
|
15898
16116
|
const { hasProAccess, isLoading } = useSubscription();
|
|
15899
16117
|
if (!isLoading && !hasProAccess) {
|
|
@@ -15947,7 +16165,7 @@ cva(
|
|
|
15947
16165
|
}
|
|
15948
16166
|
}
|
|
15949
16167
|
);
|
|
15950
|
-
var DockIcon =
|
|
16168
|
+
var DockIcon = React69__default.memo(({
|
|
15951
16169
|
item,
|
|
15952
16170
|
size: size4,
|
|
15953
16171
|
magnification,
|
|
@@ -16032,7 +16250,7 @@ var DockIcon = React68__default.memo(({
|
|
|
16032
16250
|
}
|
|
16033
16251
|
);
|
|
16034
16252
|
});
|
|
16035
|
-
var FloatingDockInternal =
|
|
16253
|
+
var FloatingDockInternal = React69__default.forwardRef(
|
|
16036
16254
|
({
|
|
16037
16255
|
className,
|
|
16038
16256
|
items,
|
|
@@ -16102,7 +16320,7 @@ var FloatingDockInternal = React68__default.forwardRef(
|
|
|
16102
16320
|
}
|
|
16103
16321
|
);
|
|
16104
16322
|
FloatingDockInternal.displayName = "FloatingDockInternal";
|
|
16105
|
-
var FloatingDock =
|
|
16323
|
+
var FloatingDock = React69__default.forwardRef(
|
|
16106
16324
|
(props, ref) => {
|
|
16107
16325
|
const { hasProAccess, isLoading } = useSubscription();
|
|
16108
16326
|
if (!isLoading && !hasProAccess) {
|
|
@@ -16413,7 +16631,7 @@ var SplashCursorComponent = ({
|
|
|
16413
16631
|
)) : []
|
|
16414
16632
|
]).flat() }) });
|
|
16415
16633
|
};
|
|
16416
|
-
var SplashCursor =
|
|
16634
|
+
var SplashCursor = React69__default.memo(SplashCursorComponent);
|
|
16417
16635
|
SplashCursor.displayName = "SplashCursor";
|
|
16418
16636
|
var SplashCursorContainer = ({
|
|
16419
16637
|
className,
|
|
@@ -16783,7 +17001,7 @@ function ErrorBoundaryWrapper(props) {
|
|
|
16783
17001
|
return /* @__PURE__ */ jsx(ErrorBoundaryInternal, { ...props });
|
|
16784
17002
|
}
|
|
16785
17003
|
var ErrorBoundary = ErrorBoundaryWrapper;
|
|
16786
|
-
var FloatingActionButtonInternal =
|
|
17004
|
+
var FloatingActionButtonInternal = React69__default.forwardRef(
|
|
16787
17005
|
({
|
|
16788
17006
|
actions = [],
|
|
16789
17007
|
position = "bottom-right",
|
|
@@ -16914,7 +17132,7 @@ var FloatingActionButtonInternal = React68__default.forwardRef(
|
|
|
16914
17132
|
}
|
|
16915
17133
|
);
|
|
16916
17134
|
FloatingActionButtonInternal.displayName = "FloatingActionButtonInternal";
|
|
16917
|
-
var FloatingActionButton =
|
|
17135
|
+
var FloatingActionButton = React69__default.forwardRef(
|
|
16918
17136
|
({ className, ...props }, ref) => {
|
|
16919
17137
|
const { hasProAccess, isLoading } = useSubscription();
|
|
16920
17138
|
if (!isLoading && !hasProAccess) {
|
|
@@ -16966,7 +17184,7 @@ var hoverCard3DVariants = cva(
|
|
|
16966
17184
|
}
|
|
16967
17185
|
}
|
|
16968
17186
|
);
|
|
16969
|
-
var HoverCard3DInternal =
|
|
17187
|
+
var HoverCard3DInternal = React69__default.forwardRef(
|
|
16970
17188
|
({
|
|
16971
17189
|
children,
|
|
16972
17190
|
className,
|
|
@@ -17250,7 +17468,7 @@ var HoverCard3DInternal = React68__default.forwardRef(
|
|
|
17250
17468
|
}
|
|
17251
17469
|
);
|
|
17252
17470
|
HoverCard3DInternal.displayName = "HoverCard3DInternal";
|
|
17253
|
-
var HoverCard3D =
|
|
17471
|
+
var HoverCard3D = React69__default.forwardRef(
|
|
17254
17472
|
(props, ref) => {
|
|
17255
17473
|
const { hasProAccess, isLoading } = useSubscription();
|
|
17256
17474
|
if (!isLoading && !hasProAccess) {
|
|
@@ -17305,7 +17523,7 @@ var magneticButtonVariants = cva(
|
|
|
17305
17523
|
}
|
|
17306
17524
|
}
|
|
17307
17525
|
);
|
|
17308
|
-
var MagneticButtonInternal =
|
|
17526
|
+
var MagneticButtonInternal = React69__default.forwardRef(
|
|
17309
17527
|
({
|
|
17310
17528
|
children,
|
|
17311
17529
|
className,
|
|
@@ -17417,7 +17635,7 @@ var MagneticButtonInternal = React68__default.forwardRef(
|
|
|
17417
17635
|
}
|
|
17418
17636
|
);
|
|
17419
17637
|
MagneticButtonInternal.displayName = "MagneticButtonInternal";
|
|
17420
|
-
var MagneticButton =
|
|
17638
|
+
var MagneticButton = React69__default.forwardRef(
|
|
17421
17639
|
({ className, ...props }, ref) => {
|
|
17422
17640
|
const { hasProAccess, isLoading } = useSubscription();
|
|
17423
17641
|
if (!isLoading && !hasProAccess) {
|
|
@@ -17434,7 +17652,7 @@ var MagneticButton = React68__default.forwardRef(
|
|
|
17434
17652
|
}
|
|
17435
17653
|
);
|
|
17436
17654
|
MagneticButton.displayName = "MagneticButton";
|
|
17437
|
-
var PinchZoomInternal =
|
|
17655
|
+
var PinchZoomInternal = React69__default.forwardRef(
|
|
17438
17656
|
({
|
|
17439
17657
|
children,
|
|
17440
17658
|
minZoom = 0.5,
|
|
@@ -17848,7 +18066,7 @@ var PinchZoomInternal = React68__default.forwardRef(
|
|
|
17848
18066
|
}
|
|
17849
18067
|
);
|
|
17850
18068
|
PinchZoomInternal.displayName = "PinchZoomInternal";
|
|
17851
|
-
var PinchZoom =
|
|
18069
|
+
var PinchZoom = React69__default.forwardRef(
|
|
17852
18070
|
({ className, ...props }, ref) => {
|
|
17853
18071
|
const { hasProAccess, isLoading } = useSubscription();
|
|
17854
18072
|
if (!isLoading && !hasProAccess) {
|
|
@@ -18271,22 +18489,22 @@ function CalendarInternal({
|
|
|
18271
18489
|
] })
|
|
18272
18490
|
] }) }) });
|
|
18273
18491
|
}
|
|
18274
|
-
const [currentDate, setCurrentDate] =
|
|
18275
|
-
const [selectedDate, setSelectedDate] =
|
|
18276
|
-
const [view, setView] =
|
|
18277
|
-
const [eventDialogOpen, setEventDialogOpen] =
|
|
18278
|
-
const [eventDialogMode, setEventDialogMode] =
|
|
18279
|
-
const [selectedEvent, setSelectedEvent] =
|
|
18280
|
-
const [draggedEvent, setDraggedEvent] =
|
|
18281
|
-
const [dragTargetDate, setDragTargetDate] =
|
|
18282
|
-
const [searchQuery, setSearchQuery] =
|
|
18283
|
-
const [filterType, setFilterType] =
|
|
18284
|
-
const [filterPriority, setFilterPriority] =
|
|
18285
|
-
|
|
18286
|
-
const [selectedTags, setSelectedTags] =
|
|
18287
|
-
const [miniCalendarDate, setMiniCalendarDate] =
|
|
18288
|
-
const [isSidebarOpen, setIsSidebarOpen] =
|
|
18289
|
-
const [isDesktopSidebarCollapsed, setIsDesktopSidebarCollapsed] =
|
|
18492
|
+
const [currentDate, setCurrentDate] = React69__default.useState(/* @__PURE__ */ new Date());
|
|
18493
|
+
const [selectedDate, setSelectedDate] = React69__default.useState(null);
|
|
18494
|
+
const [view, setView] = React69__default.useState(defaultView);
|
|
18495
|
+
const [eventDialogOpen, setEventDialogOpen] = React69__default.useState(false);
|
|
18496
|
+
const [eventDialogMode, setEventDialogMode] = React69__default.useState("create");
|
|
18497
|
+
const [selectedEvent, setSelectedEvent] = React69__default.useState(null);
|
|
18498
|
+
const [draggedEvent, setDraggedEvent] = React69__default.useState(null);
|
|
18499
|
+
const [dragTargetDate, setDragTargetDate] = React69__default.useState(null);
|
|
18500
|
+
const [searchQuery, setSearchQuery] = React69__default.useState("");
|
|
18501
|
+
const [filterType, setFilterType] = React69__default.useState("all");
|
|
18502
|
+
const [filterPriority, setFilterPriority] = React69__default.useState("all");
|
|
18503
|
+
React69__default.useState(false);
|
|
18504
|
+
const [selectedTags, setSelectedTags] = React69__default.useState([]);
|
|
18505
|
+
const [miniCalendarDate, setMiniCalendarDate] = React69__default.useState(/* @__PURE__ */ new Date());
|
|
18506
|
+
const [isSidebarOpen, setIsSidebarOpen] = React69__default.useState(false);
|
|
18507
|
+
const [isDesktopSidebarCollapsed, setIsDesktopSidebarCollapsed] = React69__default.useState(false);
|
|
18290
18508
|
const today = /* @__PURE__ */ new Date();
|
|
18291
18509
|
const currentMonth = currentDate.getMonth();
|
|
18292
18510
|
const currentYear = currentDate.getFullYear();
|
|
@@ -18304,14 +18522,14 @@ function CalendarInternal({
|
|
|
18304
18522
|
calendarDays.push(new Date(currentDateIterator));
|
|
18305
18523
|
currentDateIterator.setDate(currentDateIterator.getDate() + 1);
|
|
18306
18524
|
}
|
|
18307
|
-
|
|
18525
|
+
React69__default.useMemo(() => {
|
|
18308
18526
|
const tags = /* @__PURE__ */ new Set();
|
|
18309
18527
|
events.forEach((event) => {
|
|
18310
18528
|
event.tags?.forEach((tag) => tags.add(tag));
|
|
18311
18529
|
});
|
|
18312
18530
|
return Array.from(tags);
|
|
18313
18531
|
}, [events]);
|
|
18314
|
-
const filteredEvents =
|
|
18532
|
+
const filteredEvents = React69__default.useMemo(() => {
|
|
18315
18533
|
return events.filter((event) => {
|
|
18316
18534
|
if (searchQuery && !event.title.toLowerCase().includes(searchQuery.toLowerCase()) && !event.description?.toLowerCase().includes(searchQuery.toLowerCase())) {
|
|
18317
18535
|
return false;
|
|
@@ -37920,7 +38138,7 @@ function markPasteRule(config) {
|
|
|
37920
38138
|
}
|
|
37921
38139
|
|
|
37922
38140
|
// ../../node_modules/@tiptap/react/dist/index.js
|
|
37923
|
-
var
|
|
38141
|
+
var import_react34 = __toESM(require_react(), 1);
|
|
37924
38142
|
var mergeRefs = (...refs) => {
|
|
37925
38143
|
return (node) => {
|
|
37926
38144
|
refs.forEach((ref) => {
|
|
@@ -37980,11 +38198,11 @@ function getInstance() {
|
|
|
37980
38198
|
}
|
|
37981
38199
|
};
|
|
37982
38200
|
}
|
|
37983
|
-
var PureEditorContent = class extends
|
|
38201
|
+
var PureEditorContent = class extends React69__default.Component {
|
|
37984
38202
|
constructor(props) {
|
|
37985
38203
|
var _a2;
|
|
37986
38204
|
super(props);
|
|
37987
|
-
this.editorContentRef =
|
|
38205
|
+
this.editorContentRef = React69__default.createRef();
|
|
37988
38206
|
this.initialized = false;
|
|
37989
38207
|
this.state = {
|
|
37990
38208
|
hasContentComponentInitialized: Boolean((_a2 = props.editor) == null ? void 0 : _a2.contentComponent)
|
|
@@ -38062,17 +38280,17 @@ var PureEditorContent = class extends React68__default.Component {
|
|
|
38062
38280
|
};
|
|
38063
38281
|
var EditorContentWithKey = forwardRef(
|
|
38064
38282
|
(props, ref) => {
|
|
38065
|
-
const key =
|
|
38283
|
+
const key = React69__default.useMemo(() => {
|
|
38066
38284
|
return Math.floor(Math.random() * 4294967295).toString();
|
|
38067
38285
|
}, [props.editor]);
|
|
38068
|
-
return
|
|
38286
|
+
return React69__default.createElement(PureEditorContent, {
|
|
38069
38287
|
key,
|
|
38070
38288
|
innerRef: ref,
|
|
38071
38289
|
...props
|
|
38072
38290
|
});
|
|
38073
38291
|
}
|
|
38074
38292
|
);
|
|
38075
|
-
var EditorContent =
|
|
38293
|
+
var EditorContent = React69__default.memo(EditorContentWithKey);
|
|
38076
38294
|
var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
|
|
38077
38295
|
var EditorStateManager = class {
|
|
38078
38296
|
constructor(initialEditor) {
|
|
@@ -38139,7 +38357,7 @@ function useEditorState(options) {
|
|
|
38139
38357
|
editorStateManager.getSnapshot,
|
|
38140
38358
|
editorStateManager.getServerSnapshot,
|
|
38141
38359
|
options.selector,
|
|
38142
|
-
(_a2 = options.equalityFn) != null ? _a2 :
|
|
38360
|
+
(_a2 = options.equalityFn) != null ? _a2 : import_react34.default
|
|
38143
38361
|
);
|
|
38144
38362
|
useIsomorphicLayoutEffect(() => {
|
|
38145
38363
|
return editorStateManager.watch(options.editor);
|
|
@@ -38416,7 +38634,7 @@ var ReactNodeViewContext = createContext({
|
|
|
38416
38634
|
}
|
|
38417
38635
|
});
|
|
38418
38636
|
var useReactNodeView = () => useContext(ReactNodeViewContext);
|
|
38419
|
-
|
|
38637
|
+
React69__default.forwardRef((props, ref) => {
|
|
38420
38638
|
const { onDragStart } = useReactNodeView();
|
|
38421
38639
|
const Tag5 = props.as || "div";
|
|
38422
38640
|
return (
|
|
@@ -38436,7 +38654,7 @@ React68__default.forwardRef((props, ref) => {
|
|
|
38436
38654
|
)
|
|
38437
38655
|
);
|
|
38438
38656
|
});
|
|
38439
|
-
|
|
38657
|
+
React69__default.createContext({
|
|
38440
38658
|
markViewContentRef: () => {
|
|
38441
38659
|
}
|
|
38442
38660
|
});
|
|
@@ -60149,7 +60367,7 @@ var EditorColorPicker = ({
|
|
|
60149
60367
|
onColorSelect,
|
|
60150
60368
|
currentColor = "#000000"
|
|
60151
60369
|
}) => {
|
|
60152
|
-
const [showAdvanced, setShowAdvanced] =
|
|
60370
|
+
const [showAdvanced, setShowAdvanced] = React69__default.useState(false);
|
|
60153
60371
|
const quickColors = [
|
|
60154
60372
|
"#000000",
|
|
60155
60373
|
// Black
|
|
@@ -63310,7 +63528,7 @@ function SelectableVirtualList(props) {
|
|
|
63310
63528
|
}
|
|
63311
63529
|
return /* @__PURE__ */ jsx(SelectableVirtualListInternal, { ...props });
|
|
63312
63530
|
}
|
|
63313
|
-
var SwipeableCardInternal =
|
|
63531
|
+
var SwipeableCardInternal = React69__default.forwardRef(
|
|
63314
63532
|
({
|
|
63315
63533
|
children,
|
|
63316
63534
|
onSwipeLeft,
|
|
@@ -63388,7 +63606,7 @@ var SwipeableCardInternal = React68__default.forwardRef(
|
|
|
63388
63606
|
}
|
|
63389
63607
|
);
|
|
63390
63608
|
SwipeableCardInternal.displayName = "SwipeableCardInternal";
|
|
63391
|
-
var SwipeableCard =
|
|
63609
|
+
var SwipeableCard = React69__default.forwardRef(
|
|
63392
63610
|
(props, ref) => {
|
|
63393
63611
|
const { hasProAccess, isLoading } = useSubscription();
|
|
63394
63612
|
if (!isLoading && !hasProAccess) {
|
|
@@ -64388,7 +64606,7 @@ function TimelineInternal({
|
|
|
64388
64606
|
groupEvents.length !== 1 ? "s" : ""
|
|
64389
64607
|
] })
|
|
64390
64608
|
] }) }),
|
|
64391
|
-
/* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: displayEvents.map((event, index2) => /* @__PURE__ */ jsx(
|
|
64609
|
+
/* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: displayEvents.map((event, index2) => /* @__PURE__ */ jsx(React69__default.Fragment, { children: renderEvent(event, index2, index2 === displayEvents.length - 1) }, event.id)) }),
|
|
64392
64610
|
remainingCount > 0 && /* @__PURE__ */ jsxs(
|
|
64393
64611
|
MoonUIButtonPro,
|
|
64394
64612
|
{
|
|
@@ -64423,7 +64641,7 @@ function TimelineInternal({
|
|
|
64423
64641
|
"space-y-0",
|
|
64424
64642
|
layout === "horizontal" && "flex overflow-x-auto gap-6 pb-4"
|
|
64425
64643
|
),
|
|
64426
|
-
children: filteredAndSortedEvents.map((event, index2) => /* @__PURE__ */ jsx(
|
|
64644
|
+
children: filteredAndSortedEvents.map((event, index2) => /* @__PURE__ */ jsx(React69__default.Fragment, { children: renderEvent(event, index2, index2 === filteredAndSortedEvents.length - 1) }, event.id))
|
|
64427
64645
|
}
|
|
64428
64646
|
) : /* @__PURE__ */ jsxs("div", { className: cn(
|
|
64429
64647
|
"space-y-0",
|
|
@@ -64431,7 +64649,7 @@ function TimelineInternal({
|
|
|
64431
64649
|
layout === "alternating" && "relative"
|
|
64432
64650
|
), children: [
|
|
64433
64651
|
(layout === "alternating" || layout === "centered") && /* @__PURE__ */ jsx("div", { className: "hidden lg:block absolute left-1/2 transform -translate-x-1/2 w-1 h-full bg-gradient-to-b from-primary/60 via-primary/30 to-primary/10" }),
|
|
64434
|
-
filteredAndSortedEvents.map((event, index2) => /* @__PURE__ */ jsx(
|
|
64652
|
+
filteredAndSortedEvents.map((event, index2) => /* @__PURE__ */ jsx(React69__default.Fragment, { children: renderEvent(event, index2, index2 === filteredAndSortedEvents.length - 1) }, event.id))
|
|
64435
64653
|
] }) });
|
|
64436
64654
|
if (virtualScroll && filteredAndSortedEvents.length > 50) {
|
|
64437
64655
|
return /* @__PURE__ */ jsx("div", { className: "h-[600px] overflow-y-auto", children: content });
|
|
@@ -64741,19 +64959,19 @@ function AdvancedChartInternal({
|
|
|
64741
64959
|
animationDuration = 1500,
|
|
64742
64960
|
theme = "default"
|
|
64743
64961
|
}) {
|
|
64744
|
-
const [isFullscreen, setIsFullscreen] =
|
|
64745
|
-
const [showSettings, setShowSettings] =
|
|
64746
|
-
const [zoomLevel, setZoomLevel] =
|
|
64747
|
-
const [selectedTheme, setSelectedTheme] =
|
|
64748
|
-
const [hoveredDataPoint, setHoveredDataPoint] =
|
|
64749
|
-
const [hiddenSeries, setHiddenSeries] =
|
|
64750
|
-
const chartRef =
|
|
64751
|
-
const containerRef =
|
|
64752
|
-
const themeColors =
|
|
64962
|
+
const [isFullscreen, setIsFullscreen] = React69__default.useState(false);
|
|
64963
|
+
const [showSettings, setShowSettings] = React69__default.useState(false);
|
|
64964
|
+
const [zoomLevel, setZoomLevel] = React69__default.useState(100);
|
|
64965
|
+
const [selectedTheme, setSelectedTheme] = React69__default.useState(theme);
|
|
64966
|
+
const [hoveredDataPoint, setHoveredDataPoint] = React69__default.useState(null);
|
|
64967
|
+
const [hiddenSeries, setHiddenSeries] = React69__default.useState(/* @__PURE__ */ new Set());
|
|
64968
|
+
const chartRef = React69__default.useRef(null);
|
|
64969
|
+
const containerRef = React69__default.useRef(null);
|
|
64970
|
+
const themeColors = React69__default.useMemo(() => {
|
|
64753
64971
|
return COLOR_THEMES[selectedTheme] || DEFAULT_COLORS2;
|
|
64754
64972
|
}, [selectedTheme]);
|
|
64755
|
-
const gradientId =
|
|
64756
|
-
const trend =
|
|
64973
|
+
const gradientId = React69__default.useId();
|
|
64974
|
+
const trend = React69__default.useMemo(() => {
|
|
64757
64975
|
if (!data || !Array.isArray(data) || !data.length || !series || !Array.isArray(series) || !series.length)
|
|
64758
64976
|
return null;
|
|
64759
64977
|
const firstSeries = series[0];
|
|
@@ -65649,9 +65867,9 @@ function MetricCard({
|
|
|
65649
65867
|
glassmorphism = false,
|
|
65650
65868
|
compact = false
|
|
65651
65869
|
}) {
|
|
65652
|
-
const [isHovered, setIsHovered] =
|
|
65653
|
-
const [isMounted, setIsMounted] =
|
|
65654
|
-
|
|
65870
|
+
const [isHovered, setIsHovered] = React69__default.useState(false);
|
|
65871
|
+
const [isMounted, setIsMounted] = React69__default.useState(false);
|
|
65872
|
+
React69__default.useEffect(() => {
|
|
65655
65873
|
setIsMounted(true);
|
|
65656
65874
|
}, []);
|
|
65657
65875
|
const colorClasses = {
|
|
@@ -65993,8 +66211,8 @@ function ChartWidget({
|
|
|
65993
66211
|
interactive = true,
|
|
65994
66212
|
compact = false
|
|
65995
66213
|
}) {
|
|
65996
|
-
const [colorScheme, setColorScheme] =
|
|
65997
|
-
const [isFullscreen, setIsFullscreen] =
|
|
66214
|
+
const [colorScheme, setColorScheme] = React69__default.useState("default");
|
|
66215
|
+
const [isFullscreen, setIsFullscreen] = React69__default.useState(false);
|
|
65998
66216
|
const colors = CHART_COLORS[colorScheme];
|
|
65999
66217
|
const chartHeight = compact ? 120 : height;
|
|
66000
66218
|
const CustomTooltip2 = ({ active, payload, label }) => {
|
|
@@ -66286,14 +66504,14 @@ function ActivityFeed({
|
|
|
66286
66504
|
maxItems,
|
|
66287
66505
|
compact = false
|
|
66288
66506
|
}) {
|
|
66289
|
-
const [filter, setFilter] =
|
|
66290
|
-
const [notificationsEnabled, setNotificationsEnabled] =
|
|
66291
|
-
const [newItems, setNewItems] =
|
|
66292
|
-
const [isMounted, setIsMounted] =
|
|
66293
|
-
|
|
66507
|
+
const [filter, setFilter] = React69__default.useState("all");
|
|
66508
|
+
const [notificationsEnabled, setNotificationsEnabled] = React69__default.useState(true);
|
|
66509
|
+
const [newItems, setNewItems] = React69__default.useState([]);
|
|
66510
|
+
const [isMounted, setIsMounted] = React69__default.useState(false);
|
|
66511
|
+
React69__default.useEffect(() => {
|
|
66294
66512
|
setIsMounted(true);
|
|
66295
66513
|
}, []);
|
|
66296
|
-
|
|
66514
|
+
React69__default.useEffect(() => {
|
|
66297
66515
|
if (!realtime)
|
|
66298
66516
|
return;
|
|
66299
66517
|
const interval = setInterval(() => {
|
|
@@ -66549,8 +66767,8 @@ function ProgressWidget({
|
|
|
66549
66767
|
compact = false
|
|
66550
66768
|
}) {
|
|
66551
66769
|
const items = Array.isArray(data) ? data : [data];
|
|
66552
|
-
const [isMounted, setIsMounted] =
|
|
66553
|
-
|
|
66770
|
+
const [isMounted, setIsMounted] = React69__default.useState(false);
|
|
66771
|
+
React69__default.useEffect(() => {
|
|
66554
66772
|
setIsMounted(true);
|
|
66555
66773
|
}, []);
|
|
66556
66774
|
return /* @__PURE__ */ jsxs(MoonUICardPro, { className: cn(
|
|
@@ -66644,8 +66862,8 @@ function ComparisonWidget({
|
|
|
66644
66862
|
glassmorphism = false,
|
|
66645
66863
|
compact = false
|
|
66646
66864
|
}) {
|
|
66647
|
-
const [isMounted, setIsMounted] =
|
|
66648
|
-
|
|
66865
|
+
const [isMounted, setIsMounted] = React69__default.useState(false);
|
|
66866
|
+
React69__default.useEffect(() => {
|
|
66649
66867
|
setIsMounted(true);
|
|
66650
66868
|
}, []);
|
|
66651
66869
|
const maxValue = Math.max(...data.periods.map((p) => p.value));
|
|
@@ -66781,14 +66999,14 @@ function DashboardGrid({
|
|
|
66781
66999
|
margin = [8, 4],
|
|
66782
67000
|
containerPadding = [4, 4]
|
|
66783
67001
|
}) {
|
|
66784
|
-
const [layouts, setLayouts] =
|
|
66785
|
-
const [currentBreakpoint, setCurrentBreakpoint] =
|
|
66786
|
-
const [lockedWidgets, setLockedWidgets] =
|
|
66787
|
-
const [fullscreenWidget, setFullscreenWidget] =
|
|
66788
|
-
const [containerWidth, setContainerWidth] =
|
|
66789
|
-
const containerRef =
|
|
66790
|
-
const [compactType, setCompactType] =
|
|
66791
|
-
|
|
67002
|
+
const [layouts, setLayouts] = React69__default.useState({});
|
|
67003
|
+
const [currentBreakpoint, setCurrentBreakpoint] = React69__default.useState("lg");
|
|
67004
|
+
const [lockedWidgets, setLockedWidgets] = React69__default.useState(/* @__PURE__ */ new Set());
|
|
67005
|
+
const [fullscreenWidget, setFullscreenWidget] = React69__default.useState(null);
|
|
67006
|
+
const [containerWidth, setContainerWidth] = React69__default.useState(1200);
|
|
67007
|
+
const containerRef = React69__default.useRef(null);
|
|
67008
|
+
const [compactType, setCompactType] = React69__default.useState("vertical");
|
|
67009
|
+
React69__default.useEffect(() => {
|
|
66792
67010
|
const updateWidth = () => {
|
|
66793
67011
|
if (containerRef.current) {
|
|
66794
67012
|
const width = containerRef.current.offsetWidth;
|
|
@@ -67249,12 +67467,12 @@ function TimeRangePicker({
|
|
|
67249
67467
|
showComparison = false,
|
|
67250
67468
|
glassmorphism = false
|
|
67251
67469
|
}) {
|
|
67252
|
-
const [isOpen, setIsOpen] =
|
|
67253
|
-
const [customRange, setCustomRange] =
|
|
67470
|
+
const [isOpen, setIsOpen] = React69__default.useState(false);
|
|
67471
|
+
const [customRange, setCustomRange] = React69__default.useState({
|
|
67254
67472
|
from: void 0,
|
|
67255
67473
|
to: void 0
|
|
67256
67474
|
});
|
|
67257
|
-
const [comparisonEnabled, setComparisonEnabled] =
|
|
67475
|
+
const [comparisonEnabled, setComparisonEnabled] = React69__default.useState(false);
|
|
67258
67476
|
const currentRange = value || PRESET_RANGES[2].getRange();
|
|
67259
67477
|
const formatRange = (range) => {
|
|
67260
67478
|
if (range.preset && range.preset !== "custom") {
|
|
@@ -67437,8 +67655,8 @@ function MapWidget({
|
|
|
67437
67655
|
interactive = true,
|
|
67438
67656
|
onLocationClick
|
|
67439
67657
|
}) {
|
|
67440
|
-
const [selectedLocation, setSelectedLocation] =
|
|
67441
|
-
const [zoom, setZoom] =
|
|
67658
|
+
const [selectedLocation, setSelectedLocation] = React69__default.useState(null);
|
|
67659
|
+
const [zoom, setZoom] = React69__default.useState(1);
|
|
67442
67660
|
const mapHeight = compact ? 150 : height;
|
|
67443
67661
|
const getLocationColor = (type) => {
|
|
67444
67662
|
switch (type) {
|
|
@@ -67632,8 +67850,8 @@ function TableWidget({
|
|
|
67632
67850
|
sortable = true,
|
|
67633
67851
|
showHeader = true
|
|
67634
67852
|
}) {
|
|
67635
|
-
const [sortColumn, setSortColumn] =
|
|
67636
|
-
const [sortDirection, setSortDirection] =
|
|
67853
|
+
const [sortColumn, setSortColumn] = React69__default.useState(null);
|
|
67854
|
+
const [sortDirection, setSortDirection] = React69__default.useState("asc");
|
|
67637
67855
|
const tableHeight = compact ? 150 : height;
|
|
67638
67856
|
const handleSort = (columnKey) => {
|
|
67639
67857
|
if (!sortable)
|
|
@@ -67645,7 +67863,7 @@ function TableWidget({
|
|
|
67645
67863
|
setSortDirection("asc");
|
|
67646
67864
|
}
|
|
67647
67865
|
};
|
|
67648
|
-
const sortedRows =
|
|
67866
|
+
const sortedRows = React69__default.useMemo(() => {
|
|
67649
67867
|
if (!sortColumn)
|
|
67650
67868
|
return rows;
|
|
67651
67869
|
return [...rows].sort((a, b) => {
|
|
@@ -67762,7 +67980,7 @@ function TableWidget({
|
|
|
67762
67980
|
column.align === "center" && "text-center",
|
|
67763
67981
|
column.align === "right" && "text-right"
|
|
67764
67982
|
),
|
|
67765
|
-
children:
|
|
67983
|
+
children: React69__default.isValidElement(formattedValue) ? formattedValue : /* @__PURE__ */ jsx("span", { className: cn(
|
|
67766
67984
|
compact && "line-clamp-1"
|
|
67767
67985
|
), children: formattedValue })
|
|
67768
67986
|
},
|
|
@@ -67809,8 +68027,8 @@ function CalendarWidget({
|
|
|
67809
68027
|
onDateClick,
|
|
67810
68028
|
onEventClick
|
|
67811
68029
|
}) {
|
|
67812
|
-
const [currentDate, setCurrentDate] =
|
|
67813
|
-
const [selectedDate, setSelectedDate] =
|
|
68030
|
+
const [currentDate, setCurrentDate] = React69__default.useState(/* @__PURE__ */ new Date());
|
|
68031
|
+
const [selectedDate, setSelectedDate] = React69__default.useState(null);
|
|
67814
68032
|
const calendarHeight = compact ? 180 : height;
|
|
67815
68033
|
const firstDayOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1);
|
|
67816
68034
|
const lastDayOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0);
|
|
@@ -68211,7 +68429,7 @@ function formatRelativeTime(date) {
|
|
|
68211
68429
|
return `${Math.floor(diffInSeconds / 86400)}d ago`;
|
|
68212
68430
|
return date.toLocaleDateString();
|
|
68213
68431
|
}
|
|
68214
|
-
var DashboardInternal =
|
|
68432
|
+
var DashboardInternal = React69__default.memo(function DashboardInternal2({
|
|
68215
68433
|
config,
|
|
68216
68434
|
widgets: initialWidgets = [],
|
|
68217
68435
|
templates = DASHBOARD_TEMPLATES,
|
|
@@ -68256,33 +68474,33 @@ var DashboardInternal = React68__default.memo(function DashboardInternal2({
|
|
|
68256
68474
|
logo,
|
|
68257
68475
|
brandName
|
|
68258
68476
|
}) {
|
|
68259
|
-
const [editMode, setEditMode] =
|
|
68260
|
-
const [widgets, setWidgets] =
|
|
68261
|
-
const [selectedTheme, setSelectedTheme] =
|
|
68262
|
-
const [timeRange, setTimeRange] =
|
|
68263
|
-
const [searchQuery, setSearchQuery] =
|
|
68264
|
-
const [showWidgetLibrary, setShowWidgetLibrary] =
|
|
68265
|
-
const [showTemplates, setShowTemplates] =
|
|
68266
|
-
const [sidebarCollapsed, setSidebarCollapsed] =
|
|
68267
|
-
const [refreshing, setRefreshing] =
|
|
68268
|
-
const [showNotifications, setShowNotifications] =
|
|
68269
|
-
const prevInitialWidgetsRef =
|
|
68270
|
-
const prevTimeRangeRef =
|
|
68271
|
-
|
|
68477
|
+
const [editMode, setEditMode] = React69__default.useState(false);
|
|
68478
|
+
const [widgets, setWidgets] = React69__default.useState(() => initialWidgets);
|
|
68479
|
+
const [selectedTheme, setSelectedTheme] = React69__default.useState("analytics");
|
|
68480
|
+
const [timeRange, setTimeRange] = React69__default.useState(() => propTimeRange);
|
|
68481
|
+
const [searchQuery, setSearchQuery] = React69__default.useState("");
|
|
68482
|
+
const [showWidgetLibrary, setShowWidgetLibrary] = React69__default.useState(false);
|
|
68483
|
+
const [showTemplates, setShowTemplates] = React69__default.useState(false);
|
|
68484
|
+
const [sidebarCollapsed, setSidebarCollapsed] = React69__default.useState(propSidebarCollapsed ?? false);
|
|
68485
|
+
const [refreshing, setRefreshing] = React69__default.useState(false);
|
|
68486
|
+
const [showNotifications, setShowNotifications] = React69__default.useState(false);
|
|
68487
|
+
const prevInitialWidgetsRef = React69__default.useRef(initialWidgets);
|
|
68488
|
+
const prevTimeRangeRef = React69__default.useRef(propTimeRange);
|
|
68489
|
+
React69__default.useEffect(() => {
|
|
68272
68490
|
const hasChanged = JSON.stringify(prevInitialWidgetsRef.current) !== JSON.stringify(initialWidgets);
|
|
68273
68491
|
if (hasChanged) {
|
|
68274
68492
|
prevInitialWidgetsRef.current = initialWidgets;
|
|
68275
68493
|
setWidgets(initialWidgets);
|
|
68276
68494
|
}
|
|
68277
68495
|
}, [initialWidgets]);
|
|
68278
|
-
|
|
68496
|
+
React69__default.useEffect(() => {
|
|
68279
68497
|
const hasChanged = JSON.stringify(prevTimeRangeRef.current) !== JSON.stringify(propTimeRange);
|
|
68280
68498
|
if (propTimeRange && hasChanged) {
|
|
68281
68499
|
prevTimeRangeRef.current = propTimeRange;
|
|
68282
68500
|
setTimeRange(propTimeRange);
|
|
68283
68501
|
}
|
|
68284
68502
|
}, [propTimeRange]);
|
|
68285
|
-
|
|
68503
|
+
React69__default.useEffect(() => {
|
|
68286
68504
|
if (!realtime || mode !== "widgets")
|
|
68287
68505
|
return;
|
|
68288
68506
|
const interval = setInterval(() => {
|
|
@@ -68307,7 +68525,7 @@ var DashboardInternal = React68__default.memo(function DashboardInternal2({
|
|
|
68307
68525
|
}, 5e3);
|
|
68308
68526
|
return () => clearInterval(interval);
|
|
68309
68527
|
}, [realtime, mode]);
|
|
68310
|
-
const generateDefaultData =
|
|
68528
|
+
const generateDefaultData = React69__default.useCallback((type) => {
|
|
68311
68529
|
switch (type) {
|
|
68312
68530
|
case "metric":
|
|
68313
68531
|
return {
|
|
@@ -68395,7 +68613,7 @@ var DashboardInternal = React68__default.memo(function DashboardInternal2({
|
|
|
68395
68613
|
return {};
|
|
68396
68614
|
}
|
|
68397
68615
|
}, []);
|
|
68398
|
-
const handleAddWidget =
|
|
68616
|
+
const handleAddWidget = React69__default.useCallback((type) => {
|
|
68399
68617
|
const newWidget = {
|
|
68400
68618
|
id: `widget-${Date.now()}`,
|
|
68401
68619
|
type,
|
|
@@ -68408,7 +68626,7 @@ var DashboardInternal = React68__default.memo(function DashboardInternal2({
|
|
|
68408
68626
|
onWidgetAdd?.(newWidget);
|
|
68409
68627
|
setShowWidgetLibrary(false);
|
|
68410
68628
|
}, [onWidgetAdd, generateDefaultData]);
|
|
68411
|
-
const applyTemplate =
|
|
68629
|
+
const applyTemplate = React69__default.useCallback((template) => {
|
|
68412
68630
|
const newWidgets = template.widgets.map((w, index2) => ({
|
|
68413
68631
|
...w,
|
|
68414
68632
|
id: `widget-${Date.now()}-${index2}`,
|
|
@@ -68419,7 +68637,7 @@ var DashboardInternal = React68__default.memo(function DashboardInternal2({
|
|
|
68419
68637
|
setSelectedTheme(template.theme);
|
|
68420
68638
|
setShowTemplates(false);
|
|
68421
68639
|
}, []);
|
|
68422
|
-
const WidgetLibrary =
|
|
68640
|
+
const WidgetLibrary = React69__default.useCallback(() => {
|
|
68423
68641
|
if (!showWidgetLibrary)
|
|
68424
68642
|
return null;
|
|
68425
68643
|
return /* @__PURE__ */ jsx(Sheet, { open: showWidgetLibrary, onOpenChange: setShowWidgetLibrary, children: /* @__PURE__ */ jsxs(SheetContent, { className: cn(
|
|
@@ -68469,7 +68687,7 @@ var DashboardInternal = React68__default.memo(function DashboardInternal2({
|
|
|
68469
68687
|
] })
|
|
68470
68688
|
] }) });
|
|
68471
68689
|
}, [showWidgetLibrary, searchQuery, glassmorphism, onSearch, handleAddWidget]);
|
|
68472
|
-
const TemplateGallery =
|
|
68690
|
+
const TemplateGallery = React69__default.useCallback(() => {
|
|
68473
68691
|
if (!showTemplates)
|
|
68474
68692
|
return null;
|
|
68475
68693
|
return /* @__PURE__ */ jsx(MoonUIDialogPro, { open: showTemplates, onOpenChange: setShowTemplates, children: /* @__PURE__ */ jsxs(MoonUIDialogContentPro, { className: cn(
|
|
@@ -69101,7 +69319,7 @@ var DashboardInternal = React68__default.memo(function DashboardInternal2({
|
|
|
69101
69319
|
}
|
|
69102
69320
|
);
|
|
69103
69321
|
});
|
|
69104
|
-
var Dashboard =
|
|
69322
|
+
var Dashboard = React69__default.memo(function Dashboard2(props) {
|
|
69105
69323
|
const { hasProAccess, isLoading } = useSubscription();
|
|
69106
69324
|
if (!isLoading && !hasProAccess) {
|
|
69107
69325
|
return /* @__PURE__ */ jsx(
|
|
@@ -69132,7 +69350,7 @@ function formatPhoneNumber(number) {
|
|
|
69132
69350
|
return `(${cleaned.slice(0, 3)}) ${cleaned.slice(3, 6)} ${cleaned.slice(6, 8)} ${cleaned.slice(8, 10)}`;
|
|
69133
69351
|
}
|
|
69134
69352
|
}
|
|
69135
|
-
var MoonUIPhoneNumberInputSimple =
|
|
69353
|
+
var MoonUIPhoneNumberInputSimple = React69__default.forwardRef(({
|
|
69136
69354
|
value = "",
|
|
69137
69355
|
onChange,
|
|
69138
69356
|
label,
|
|
@@ -69288,7 +69506,7 @@ function toInternationalFormat(countryCode, phoneNumber) {
|
|
|
69288
69506
|
return `${country.dialCode}${cleaned}`;
|
|
69289
69507
|
}
|
|
69290
69508
|
var defaultValue = { country: "US", number: "" };
|
|
69291
|
-
var PhoneNumberInputInternal =
|
|
69509
|
+
var PhoneNumberInputInternal = React69__default.forwardRef(({
|
|
69292
69510
|
value,
|
|
69293
69511
|
onChange,
|
|
69294
69512
|
defaultCountry = "US",
|
|
@@ -69311,7 +69529,7 @@ var PhoneNumberInputInternal = React68__default.forwardRef(({
|
|
|
69311
69529
|
allowInternationalFormat = true,
|
|
69312
69530
|
...props
|
|
69313
69531
|
}, ref) => {
|
|
69314
|
-
const phoneValue =
|
|
69532
|
+
const phoneValue = React69__default.useMemo(() => {
|
|
69315
69533
|
return value || defaultValue;
|
|
69316
69534
|
}, [value]);
|
|
69317
69535
|
const [isFocused, setIsFocused] = useState(false);
|
|
@@ -69478,7 +69696,7 @@ var PhoneNumberInputInternal = React68__default.forwardRef(({
|
|
|
69478
69696
|
] });
|
|
69479
69697
|
});
|
|
69480
69698
|
PhoneNumberInputInternal.displayName = "PhoneNumberInputInternal";
|
|
69481
|
-
var MoonUIPhoneNumberInputPro =
|
|
69699
|
+
var MoonUIPhoneNumberInputPro = React69__default.forwardRef(
|
|
69482
69700
|
(props, ref) => {
|
|
69483
69701
|
const { hasProAccess, isLoading } = useSubscription();
|
|
69484
69702
|
if (!isLoading && !hasProAccess) {
|
|
@@ -71146,7 +71364,7 @@ var GitHubStarsInternal = ({
|
|
|
71146
71364
|
const effectiveNotifications = isDocsMode2 ? false : enableNotifications;
|
|
71147
71365
|
const effectiveRefreshInterval = isDocsMode2 ? 36e5 : refreshInterval;
|
|
71148
71366
|
const { notify } = useGitHubNotifications(effectiveNotifications);
|
|
71149
|
-
const handleMilestoneReached =
|
|
71367
|
+
const handleMilestoneReached = React69__default.useCallback((milestone) => {
|
|
71150
71368
|
if (celebrateAt?.includes(milestone.count)) {
|
|
71151
71369
|
confetti2({
|
|
71152
71370
|
particleCount: 100,
|
|
@@ -71188,7 +71406,7 @@ var GitHubStarsInternal = ({
|
|
|
71188
71406
|
forceMockData: useMockData
|
|
71189
71407
|
// Force mock data if true
|
|
71190
71408
|
});
|
|
71191
|
-
const handleExport =
|
|
71409
|
+
const handleExport = React69__default.useCallback((format6) => {
|
|
71192
71410
|
if (!enableExport)
|
|
71193
71411
|
return;
|
|
71194
71412
|
const timestamp = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
|
|
@@ -71201,7 +71419,7 @@ var GitHubStarsInternal = ({
|
|
|
71201
71419
|
exportAsCSV(repos, `github-stars-${username}-${timestamp}.csv`);
|
|
71202
71420
|
}
|
|
71203
71421
|
}, [enableExport, repos, stats, username]);
|
|
71204
|
-
const handleDetailedExport =
|
|
71422
|
+
const handleDetailedExport = React69__default.useCallback((e) => {
|
|
71205
71423
|
if (!enableExport)
|
|
71206
71424
|
return;
|
|
71207
71425
|
const dropdown = document.createElement("div");
|
|
@@ -73904,7 +74122,7 @@ var FilePreviewModal = ({
|
|
|
73904
74122
|
] })
|
|
73905
74123
|
] }) });
|
|
73906
74124
|
};
|
|
73907
|
-
var MoonUIFileUploadPro =
|
|
74125
|
+
var MoonUIFileUploadPro = React69__default.forwardRef(
|
|
73908
74126
|
({
|
|
73909
74127
|
accept = "*",
|
|
73910
74128
|
multiple = true,
|
|
@@ -74878,11 +75096,11 @@ var FileUploadItem = ({
|
|
|
74878
75096
|
MoonUIFileUploadPro.displayName = "MoonUIFileUploadPro";
|
|
74879
75097
|
var file_upload_default = MoonUIFileUploadPro;
|
|
74880
75098
|
function DataTableColumnToggle({ table, trigger }) {
|
|
74881
|
-
const [search, setSearch] =
|
|
75099
|
+
const [search, setSearch] = React69__default.useState("");
|
|
74882
75100
|
const columns = table.getAllColumns().filter(
|
|
74883
75101
|
(column) => column.getCanHide() && column.id !== "select" && column.id !== "actions" && column.id !== "expander"
|
|
74884
75102
|
);
|
|
74885
|
-
const filteredColumns =
|
|
75103
|
+
const filteredColumns = React69__default.useMemo(() => {
|
|
74886
75104
|
if (!search)
|
|
74887
75105
|
return columns;
|
|
74888
75106
|
return columns.filter((column) => {
|
|
@@ -74995,7 +75213,7 @@ var AlertDialog = (props) => {
|
|
|
74995
75213
|
};
|
|
74996
75214
|
AlertDialog.displayName = ROOT_NAME;
|
|
74997
75215
|
var TRIGGER_NAME4 = "AlertDialogTrigger";
|
|
74998
|
-
var AlertDialogTrigger =
|
|
75216
|
+
var AlertDialogTrigger = React69.forwardRef(
|
|
74999
75217
|
(props, forwardedRef) => {
|
|
75000
75218
|
const { __scopeAlertDialog, ...triggerProps } = props;
|
|
75001
75219
|
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
@@ -75011,7 +75229,7 @@ var AlertDialogPortal = (props) => {
|
|
|
75011
75229
|
};
|
|
75012
75230
|
AlertDialogPortal.displayName = PORTAL_NAME3;
|
|
75013
75231
|
var OVERLAY_NAME = "AlertDialogOverlay";
|
|
75014
|
-
var AlertDialogOverlay =
|
|
75232
|
+
var AlertDialogOverlay = React69.forwardRef(
|
|
75015
75233
|
(props, forwardedRef) => {
|
|
75016
75234
|
const { __scopeAlertDialog, ...overlayProps } = props;
|
|
75017
75235
|
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
@@ -75022,13 +75240,13 @@ AlertDialogOverlay.displayName = OVERLAY_NAME;
|
|
|
75022
75240
|
var CONTENT_NAME5 = "AlertDialogContent";
|
|
75023
75241
|
var [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME5);
|
|
75024
75242
|
var Slottable = createSlottable("AlertDialogContent");
|
|
75025
|
-
var AlertDialogContent =
|
|
75243
|
+
var AlertDialogContent = React69.forwardRef(
|
|
75026
75244
|
(props, forwardedRef) => {
|
|
75027
75245
|
const { __scopeAlertDialog, children, ...contentProps } = props;
|
|
75028
75246
|
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
75029
|
-
const contentRef =
|
|
75247
|
+
const contentRef = React69.useRef(null);
|
|
75030
75248
|
const composedRefs = useComposedRefs2(forwardedRef, contentRef);
|
|
75031
|
-
const cancelRef =
|
|
75249
|
+
const cancelRef = React69.useRef(null);
|
|
75032
75250
|
return /* @__PURE__ */ jsx(
|
|
75033
75251
|
DialogPrimitive.WarningProvider,
|
|
75034
75252
|
{
|
|
@@ -75060,7 +75278,7 @@ var AlertDialogContent = React68.forwardRef(
|
|
|
75060
75278
|
);
|
|
75061
75279
|
AlertDialogContent.displayName = CONTENT_NAME5;
|
|
75062
75280
|
var TITLE_NAME = "AlertDialogTitle";
|
|
75063
|
-
var AlertDialogTitle =
|
|
75281
|
+
var AlertDialogTitle = React69.forwardRef(
|
|
75064
75282
|
(props, forwardedRef) => {
|
|
75065
75283
|
const { __scopeAlertDialog, ...titleProps } = props;
|
|
75066
75284
|
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
@@ -75069,14 +75287,14 @@ var AlertDialogTitle = React68.forwardRef(
|
|
|
75069
75287
|
);
|
|
75070
75288
|
AlertDialogTitle.displayName = TITLE_NAME;
|
|
75071
75289
|
var DESCRIPTION_NAME = "AlertDialogDescription";
|
|
75072
|
-
var AlertDialogDescription =
|
|
75290
|
+
var AlertDialogDescription = React69.forwardRef((props, forwardedRef) => {
|
|
75073
75291
|
const { __scopeAlertDialog, ...descriptionProps } = props;
|
|
75074
75292
|
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
75075
75293
|
return /* @__PURE__ */ jsx(DialogPrimitive.Description, { ...dialogScope, ...descriptionProps, ref: forwardedRef });
|
|
75076
75294
|
});
|
|
75077
75295
|
AlertDialogDescription.displayName = DESCRIPTION_NAME;
|
|
75078
75296
|
var ACTION_NAME = "AlertDialogAction";
|
|
75079
|
-
var AlertDialogAction =
|
|
75297
|
+
var AlertDialogAction = React69.forwardRef(
|
|
75080
75298
|
(props, forwardedRef) => {
|
|
75081
75299
|
const { __scopeAlertDialog, ...actionProps } = props;
|
|
75082
75300
|
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
@@ -75085,7 +75303,7 @@ var AlertDialogAction = React68.forwardRef(
|
|
|
75085
75303
|
);
|
|
75086
75304
|
AlertDialogAction.displayName = ACTION_NAME;
|
|
75087
75305
|
var CANCEL_NAME = "AlertDialogCancel";
|
|
75088
|
-
var AlertDialogCancel =
|
|
75306
|
+
var AlertDialogCancel = React69.forwardRef(
|
|
75089
75307
|
(props, forwardedRef) => {
|
|
75090
75308
|
const { __scopeAlertDialog, ...cancelProps } = props;
|
|
75091
75309
|
const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);
|
|
@@ -75103,7 +75321,7 @@ You can add a description to the \`${CONTENT_NAME5}\` by passing a \`${DESCRIPTI
|
|
|
75103
75321
|
Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${CONTENT_NAME5}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
|
|
75104
75322
|
|
|
75105
75323
|
For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
|
|
75106
|
-
|
|
75324
|
+
React69.useEffect(() => {
|
|
75107
75325
|
const hasDescription = document.getElementById(
|
|
75108
75326
|
contentRef.current?.getAttribute("aria-describedby")
|
|
75109
75327
|
);
|
|
@@ -75122,7 +75340,7 @@ var Title22 = AlertDialogTitle;
|
|
|
75122
75340
|
var Description22 = AlertDialogDescription;
|
|
75123
75341
|
var AlertDialog2 = Root27;
|
|
75124
75342
|
var AlertDialogPortal2 = Portal22;
|
|
75125
|
-
var AlertDialogOverlay2 =
|
|
75343
|
+
var AlertDialogOverlay2 = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
75126
75344
|
Overlay22,
|
|
75127
75345
|
{
|
|
75128
75346
|
className: cn(
|
|
@@ -75134,7 +75352,7 @@ var AlertDialogOverlay2 = React68.forwardRef(({ className, ...props }, ref) => /
|
|
|
75134
75352
|
}
|
|
75135
75353
|
));
|
|
75136
75354
|
AlertDialogOverlay2.displayName = Overlay22.displayName;
|
|
75137
|
-
var AlertDialogContent2 =
|
|
75355
|
+
var AlertDialogContent2 = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal2, { children: [
|
|
75138
75356
|
/* @__PURE__ */ jsx(AlertDialogOverlay2, {}),
|
|
75139
75357
|
/* @__PURE__ */ jsx(
|
|
75140
75358
|
Content23,
|
|
@@ -75177,7 +75395,7 @@ var AlertDialogFooter = ({
|
|
|
75177
75395
|
}
|
|
75178
75396
|
);
|
|
75179
75397
|
AlertDialogFooter.displayName = "AlertDialogFooter";
|
|
75180
|
-
var AlertDialogTitle2 =
|
|
75398
|
+
var AlertDialogTitle2 = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
75181
75399
|
Title22,
|
|
75182
75400
|
{
|
|
75183
75401
|
ref,
|
|
@@ -75186,7 +75404,7 @@ var AlertDialogTitle2 = React68.forwardRef(({ className, ...props }, ref) => /*
|
|
|
75186
75404
|
}
|
|
75187
75405
|
));
|
|
75188
75406
|
AlertDialogTitle2.displayName = Title22.displayName;
|
|
75189
|
-
var AlertDialogDescription2 =
|
|
75407
|
+
var AlertDialogDescription2 = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
75190
75408
|
Description22,
|
|
75191
75409
|
{
|
|
75192
75410
|
ref,
|
|
@@ -75195,7 +75413,7 @@ var AlertDialogDescription2 = React68.forwardRef(({ className, ...props }, ref)
|
|
|
75195
75413
|
}
|
|
75196
75414
|
));
|
|
75197
75415
|
AlertDialogDescription2.displayName = Description22.displayName;
|
|
75198
|
-
var AlertDialogAction2 =
|
|
75416
|
+
var AlertDialogAction2 = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
75199
75417
|
Action2,
|
|
75200
75418
|
{
|
|
75201
75419
|
ref,
|
|
@@ -75204,7 +75422,7 @@ var AlertDialogAction2 = React68.forwardRef(({ className, ...props }, ref) => /*
|
|
|
75204
75422
|
}
|
|
75205
75423
|
));
|
|
75206
75424
|
AlertDialogAction2.displayName = Action2.displayName;
|
|
75207
|
-
var AlertDialogCancel2 =
|
|
75425
|
+
var AlertDialogCancel2 = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
75208
75426
|
Cancel,
|
|
75209
75427
|
{
|
|
75210
75428
|
ref,
|
|
@@ -75223,8 +75441,8 @@ function DataTableBulkActions({
|
|
|
75223
75441
|
onClearSelection,
|
|
75224
75442
|
className
|
|
75225
75443
|
}) {
|
|
75226
|
-
const [isLoading, setIsLoading] =
|
|
75227
|
-
const [pendingAction, setPendingAction] =
|
|
75444
|
+
const [isLoading, setIsLoading] = React69__default.useState(false);
|
|
75445
|
+
const [pendingAction, setPendingAction] = React69__default.useState(null);
|
|
75228
75446
|
const selectedCount = selectedRows.length;
|
|
75229
75447
|
const handleAction = async (action) => {
|
|
75230
75448
|
if (action.confirmMessage) {
|
|
@@ -75666,7 +75884,7 @@ function FilterConditionRow({
|
|
|
75666
75884
|
const availableOperators = getOperatorsForColumnType(columnType);
|
|
75667
75885
|
const needsValue = filter.operator !== "isNull" && filter.operator !== "isNotNull";
|
|
75668
75886
|
const needsMultiValue = filter.operator === "in" || filter.operator === "notIn";
|
|
75669
|
-
const enumOptions =
|
|
75887
|
+
const enumOptions = React69__default.useMemo(() => {
|
|
75670
75888
|
if (columnType !== "select" && !filterOptions)
|
|
75671
75889
|
return null;
|
|
75672
75890
|
if (filterOptions) {
|
|
@@ -75805,7 +76023,7 @@ function DataTableQuickFilter({
|
|
|
75805
76023
|
}) {
|
|
75806
76024
|
const [open, setOpen] = useState(false);
|
|
75807
76025
|
const [searchValue, setSearchValue] = useState("");
|
|
75808
|
-
const column =
|
|
76026
|
+
const column = React69__default.useMemo(() => {
|
|
75809
76027
|
let col = table.getColumn(filter.column);
|
|
75810
76028
|
if (!col) {
|
|
75811
76029
|
const allCols = table.getAllColumns();
|
|
@@ -76226,7 +76444,7 @@ function DataTable({
|
|
|
76226
76444
|
onColumnFiltersChange,
|
|
76227
76445
|
state: externalState
|
|
76228
76446
|
}) {
|
|
76229
|
-
const columns =
|
|
76447
|
+
const columns = React69__default.useMemo(() => {
|
|
76230
76448
|
return originalColumns.map((col) => {
|
|
76231
76449
|
const { enableHiding, ...restCol } = col;
|
|
76232
76450
|
return {
|
|
@@ -76248,21 +76466,21 @@ function DataTable({
|
|
|
76248
76466
|
}
|
|
76249
76467
|
);
|
|
76250
76468
|
}
|
|
76251
|
-
const [sorting, setSorting] =
|
|
76252
|
-
const [columnFilters, setColumnFilters] =
|
|
76253
|
-
const [columnVisibility, setColumnVisibility] =
|
|
76254
|
-
const [rowSelection, setRowSelection] =
|
|
76255
|
-
const [globalFilter, setGlobalFilter] =
|
|
76256
|
-
const [paginationState, setPaginationState] =
|
|
76469
|
+
const [sorting, setSorting] = React69__default.useState([]);
|
|
76470
|
+
const [columnFilters, setColumnFilters] = React69__default.useState([]);
|
|
76471
|
+
const [columnVisibility, setColumnVisibility] = React69__default.useState({});
|
|
76472
|
+
const [rowSelection, setRowSelection] = React69__default.useState({});
|
|
76473
|
+
const [globalFilter, setGlobalFilter] = React69__default.useState("");
|
|
76474
|
+
const [paginationState, setPaginationState] = React69__default.useState({
|
|
76257
76475
|
pageIndex: 0,
|
|
76258
76476
|
pageSize: defaultPageSize || pageSize || 10
|
|
76259
76477
|
});
|
|
76260
|
-
const [isPaginationLoading, setIsPaginationLoading] =
|
|
76261
|
-
const [internalExpandedRows, setInternalExpandedRows] =
|
|
76262
|
-
const [filterDrawerOpen, setFilterDrawerOpen] =
|
|
76478
|
+
const [isPaginationLoading, setIsPaginationLoading] = React69__default.useState(false);
|
|
76479
|
+
const [internalExpandedRows, setInternalExpandedRows] = React69__default.useState(/* @__PURE__ */ new Set());
|
|
76480
|
+
const [filterDrawerOpen, setFilterDrawerOpen] = React69__default.useState(false);
|
|
76263
76481
|
const expandedRows = controlledExpandedRows || internalExpandedRows;
|
|
76264
76482
|
const actualPageSize = defaultPageSize || pageSize;
|
|
76265
|
-
const stableData =
|
|
76483
|
+
const stableData = React69__default.useMemo(() => data, [data]);
|
|
76266
76484
|
const createSortingHandler = (columnId) => {
|
|
76267
76485
|
return () => {
|
|
76268
76486
|
const currentSorting = externalState?.sorting ?? sorting;
|
|
@@ -76283,8 +76501,8 @@ function DataTable({
|
|
|
76283
76501
|
}
|
|
76284
76502
|
};
|
|
76285
76503
|
};
|
|
76286
|
-
const tableRef =
|
|
76287
|
-
const handleRowSelectionChange =
|
|
76504
|
+
const tableRef = React69__default.useRef(null);
|
|
76505
|
+
const handleRowSelectionChange = React69__default.useCallback(
|
|
76288
76506
|
(updater) => {
|
|
76289
76507
|
const newSelection = typeof updater === "function" ? updater(rowSelection) : updater;
|
|
76290
76508
|
setRowSelection(newSelection);
|
|
@@ -76298,7 +76516,7 @@ function DataTable({
|
|
|
76298
76516
|
},
|
|
76299
76517
|
[rowSelection, onRowSelect]
|
|
76300
76518
|
);
|
|
76301
|
-
const processedColumns =
|
|
76519
|
+
const processedColumns = React69__default.useMemo(() => {
|
|
76302
76520
|
let cols = columns.map((col) => {
|
|
76303
76521
|
if (!col.id && col.accessorKey) {
|
|
76304
76522
|
return { ...col, id: col.accessorKey };
|
|
@@ -76486,8 +76704,8 @@ function DataTable({
|
|
|
76486
76704
|
tableRef.current = table;
|
|
76487
76705
|
table.getState();
|
|
76488
76706
|
const rowModel = table.getRowModel();
|
|
76489
|
-
const rowsRef =
|
|
76490
|
-
|
|
76707
|
+
const rowsRef = React69__default.useRef(rowModel.rows);
|
|
76708
|
+
React69__default.useMemo(() => {
|
|
76491
76709
|
const changed = rowsRef.current !== rowModel.rows;
|
|
76492
76710
|
if (changed) {
|
|
76493
76711
|
rowsRef.current = rowModel.rows;
|
|
@@ -76527,7 +76745,7 @@ function DataTable({
|
|
|
76527
76745
|
includeHeaders: true
|
|
76528
76746
|
});
|
|
76529
76747
|
};
|
|
76530
|
-
const exportFormats =
|
|
76748
|
+
const exportFormats = React69__default.useMemo(() => {
|
|
76531
76749
|
if (!exportable)
|
|
76532
76750
|
return [];
|
|
76533
76751
|
if (exportable === true)
|
|
@@ -76951,8 +77169,8 @@ function getExpandableColumn(expandedRows, onToggle) {
|
|
|
76951
77169
|
};
|
|
76952
77170
|
}
|
|
76953
77171
|
function useExpandableRows(initialExpanded = /* @__PURE__ */ new Set()) {
|
|
76954
|
-
const [expandedRows, setExpandedRows] =
|
|
76955
|
-
const toggleRow =
|
|
77172
|
+
const [expandedRows, setExpandedRows] = React69__default.useState(initialExpanded);
|
|
77173
|
+
const toggleRow = React69__default.useCallback((id) => {
|
|
76956
77174
|
setExpandedRows((prev) => {
|
|
76957
77175
|
const newExpanded = new Set(prev);
|
|
76958
77176
|
if (newExpanded.has(id)) {
|
|
@@ -76963,10 +77181,10 @@ function useExpandableRows(initialExpanded = /* @__PURE__ */ new Set()) {
|
|
|
76963
77181
|
return newExpanded;
|
|
76964
77182
|
});
|
|
76965
77183
|
}, []);
|
|
76966
|
-
const expandAll =
|
|
77184
|
+
const expandAll = React69__default.useCallback((rowIds) => {
|
|
76967
77185
|
setExpandedRows(new Set(rowIds));
|
|
76968
77186
|
}, []);
|
|
76969
|
-
const collapseAll =
|
|
77187
|
+
const collapseAll = React69__default.useCallback(() => {
|
|
76970
77188
|
setExpandedRows(/* @__PURE__ */ new Set());
|
|
76971
77189
|
}, []);
|
|
76972
77190
|
return {
|
|
@@ -77042,7 +77260,7 @@ var MoonUIDataTable = DataTable;
|
|
|
77042
77260
|
|
|
77043
77261
|
// src/styles/nprogress.css
|
|
77044
77262
|
styleInject("#nprogress {\n pointer-events: none;\n}\n#nprogress .bar {\n background: linear-gradient(90deg, #8b5cf6 0%, #d946ef 50%, #8b5cf6 100%);\n background-size: 200% 100%;\n animation: gradient-shift 2s ease infinite;\n position: fixed;\n z-index: 9999;\n top: 0;\n left: 0;\n width: 100%;\n height: 3px;\n box-shadow: 0 0 10px rgba(139, 92, 246, 0.5), 0 0 5px rgba(217, 70, 239, 0.5);\n}\n#nprogress .peg {\n display: block;\n position: absolute;\n right: 0px;\n width: 100px;\n height: 100%;\n box-shadow: 0 0 15px rgba(139, 92, 246, 0.7), 0 0 8px rgba(217, 70, 239, 0.7);\n opacity: 1.0;\n transform: rotate(3deg) translate(0px, -4px);\n}\n#nprogress .spinner {\n display: none;\n}\n@keyframes gradient-shift {\n 0% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n 100% {\n background-position: 0% 50%;\n }\n}\n.dark #nprogress .bar {\n background: linear-gradient(90deg, #a78bfa 0%, #e879f9 50%, #a78bfa 100%);\n box-shadow: 0 0 15px rgba(167, 139, 250, 0.6), 0 0 8px rgba(232, 121, 249, 0.6);\n}\n.dark #nprogress .peg {\n box-shadow: 0 0 20px rgba(167, 139, 250, 0.8), 0 0 10px rgba(232, 121, 249, 0.8);\n}\n");
|
|
77045
|
-
var SearchInput =
|
|
77263
|
+
var SearchInput = React69__default.memo(({
|
|
77046
77264
|
searchInputRef,
|
|
77047
77265
|
searchPlaceholder,
|
|
77048
77266
|
initialValue,
|
|
@@ -77499,7 +77717,7 @@ function SidebarInternal({
|
|
|
77499
77717
|
) })
|
|
77500
77718
|
] }, item.id);
|
|
77501
77719
|
}, [activePath, pinnedItems, expandedSections, collapsed, customStyles, handleItemClick, toggleSection, isMobile, glassmorphism, renderCollapsedHoverContent, fullWidthItems]);
|
|
77502
|
-
const SidebarHeader =
|
|
77720
|
+
const SidebarHeader = React69__default.memo(() => {
|
|
77503
77721
|
return /* @__PURE__ */ jsxs("div", { className: cn(
|
|
77504
77722
|
"flex items-center h-16 px-4 border-b",
|
|
77505
77723
|
collapsed && !isMobile && "px-0 justify-center"
|
|
@@ -77541,7 +77759,7 @@ function SidebarInternal({
|
|
|
77541
77759
|
)
|
|
77542
77760
|
] });
|
|
77543
77761
|
});
|
|
77544
|
-
const SidebarMenuContent =
|
|
77762
|
+
const SidebarMenuContent = React69__default.memo(() => {
|
|
77545
77763
|
return /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto overscroll-contain", style: { scrollbarWidth: "thin" }, children: /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-6", children: [
|
|
77546
77764
|
pinnedItems.length > 0 && (!collapsed || isMobile) && /* @__PURE__ */ jsxs("div", { children: [
|
|
77547
77765
|
/* @__PURE__ */ jsx("h4", { className: "text-xs font-medium text-muted-foreground mb-2", children: "Pinned" }),
|
|
@@ -77558,7 +77776,7 @@ function SidebarInternal({
|
|
|
77558
77776
|
] }) });
|
|
77559
77777
|
});
|
|
77560
77778
|
SidebarMenuContent.displayName = "SidebarMenuContent";
|
|
77561
|
-
const SidebarFooter =
|
|
77779
|
+
const SidebarFooter = React69__default.memo(() => {
|
|
77562
77780
|
return footer ? /* @__PURE__ */ jsxs("div", { className: "border-t p-4", children: [
|
|
77563
77781
|
/* @__PURE__ */ jsx("div", { className: "space-y-1", children: footer.items.map((item) => renderItem(item)) }),
|
|
77564
77782
|
showThemeToggle && (!collapsed || isMobile) && /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center justify-between", children: [
|
|
@@ -77588,7 +77806,7 @@ function SidebarInternal({
|
|
|
77588
77806
|
] }) : null;
|
|
77589
77807
|
});
|
|
77590
77808
|
SidebarFooter.displayName = "SidebarFooter";
|
|
77591
|
-
const SidebarContent =
|
|
77809
|
+
const SidebarContent = React69__default.memo(() => {
|
|
77592
77810
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
77593
77811
|
/* @__PURE__ */ jsx(SidebarMenuContent, {}),
|
|
77594
77812
|
/* @__PURE__ */ jsx(SidebarFooter, {})
|
|
@@ -78150,7 +78368,7 @@ function NavbarInternal({
|
|
|
78150
78368
|
isMinimal && minimalConfig?.centerOnScroll && navItemsPosition !== "center" && "flex-1 justify-center",
|
|
78151
78369
|
navItemsPosition === "center" && "absolute left-1/2 transform -translate-x-1/2"
|
|
78152
78370
|
),
|
|
78153
|
-
children: /* @__PURE__ */ jsx(NavigationMenuList2, { children: sections.map((section) => /* @__PURE__ */ jsx(
|
|
78371
|
+
children: /* @__PURE__ */ jsx(NavigationMenuList2, { children: sections.map((section) => /* @__PURE__ */ jsx(React69__default.Fragment, { children: section.items.map((item) => {
|
|
78154
78372
|
const hasChildren = item.items && item.items.length > 0;
|
|
78155
78373
|
const isActive2 = item.href === activePath;
|
|
78156
78374
|
if (hasChildren) {
|
|
@@ -79253,9 +79471,9 @@ var FormWizardStep = ({
|
|
|
79253
79471
|
animationDuration = 0.3
|
|
79254
79472
|
}) => {
|
|
79255
79473
|
const { steps, currentStep, goToNext, goToPrevious, goToStep, updateStepData, stepData, error } = useFormWizard();
|
|
79256
|
-
const [direction, setDirection] =
|
|
79257
|
-
const previousStep =
|
|
79258
|
-
|
|
79474
|
+
const [direction, setDirection] = React69__default.useState(0);
|
|
79475
|
+
const previousStep = React69__default.useRef(currentStep);
|
|
79476
|
+
React69__default.useEffect(() => {
|
|
79259
79477
|
setDirection(currentStep > previousStep.current ? 1 : -1);
|
|
79260
79478
|
previousStep.current = currentStep;
|
|
79261
79479
|
}, [currentStep]);
|
|
@@ -79391,7 +79609,7 @@ var FormWizardNavigation = ({
|
|
|
79391
79609
|
)
|
|
79392
79610
|
] });
|
|
79393
79611
|
};
|
|
79394
|
-
var FormWizardInternal =
|
|
79612
|
+
var FormWizardInternal = React69__default.forwardRef(({
|
|
79395
79613
|
steps,
|
|
79396
79614
|
currentStep = 0,
|
|
79397
79615
|
onStepChange,
|
|
@@ -79470,7 +79688,7 @@ var FormWizardInternal = React68__default.forwardRef(({
|
|
|
79470
79688
|
);
|
|
79471
79689
|
});
|
|
79472
79690
|
FormWizardInternal.displayName = "FormWizardInternal";
|
|
79473
|
-
var MoonUIFormWizardPro =
|
|
79691
|
+
var MoonUIFormWizardPro = React69__default.forwardRef(
|
|
79474
79692
|
(props, ref) => {
|
|
79475
79693
|
const { hasProAccess, isLoading } = useSubscription();
|
|
79476
79694
|
if (!isLoading && !hasProAccess) {
|
|
@@ -79940,7 +80158,7 @@ function validateExpiry(expiry) {
|
|
|
79940
80158
|
const expiryDate = new Date(year, month - 1);
|
|
79941
80159
|
return expiryDate > now;
|
|
79942
80160
|
}
|
|
79943
|
-
var MoonUICreditCardInputPro =
|
|
80161
|
+
var MoonUICreditCardInputPro = React69__default.forwardRef(({
|
|
79944
80162
|
value = { number: "", expiry: "", cvc: "", name: "" },
|
|
79945
80163
|
onChange,
|
|
79946
80164
|
showCardPreview = true,
|
|
@@ -80187,7 +80405,7 @@ var quizFormVariants = cva(
|
|
|
80187
80405
|
}
|
|
80188
80406
|
}
|
|
80189
80407
|
);
|
|
80190
|
-
var MoonUIQuizFormProInternal =
|
|
80408
|
+
var MoonUIQuizFormProInternal = React69__default.forwardRef(({
|
|
80191
80409
|
className,
|
|
80192
80410
|
variant,
|
|
80193
80411
|
size: size4,
|
|
@@ -80769,7 +80987,7 @@ var MoonUIQuizFormProInternal = React68__default.forwardRef(({
|
|
|
80769
80987
|
] });
|
|
80770
80988
|
});
|
|
80771
80989
|
MoonUIQuizFormProInternal.displayName = "MoonUIQuizFormProInternal";
|
|
80772
|
-
var MoonUIQuizFormPro2 =
|
|
80990
|
+
var MoonUIQuizFormPro2 = React69__default.forwardRef((props, ref) => {
|
|
80773
80991
|
const { hasProAccess, isLoading } = useSubscription();
|
|
80774
80992
|
if (!isLoading && !hasProAccess) {
|
|
80775
80993
|
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: [
|
|
@@ -81201,7 +81419,7 @@ var textRevealVariants = cva(
|
|
|
81201
81419
|
}
|
|
81202
81420
|
}
|
|
81203
81421
|
);
|
|
81204
|
-
var TextReveal =
|
|
81422
|
+
var TextReveal = React69__default.forwardRef(
|
|
81205
81423
|
({
|
|
81206
81424
|
className,
|
|
81207
81425
|
text,
|
|
@@ -81682,7 +81900,7 @@ var iconBadgeMap = {
|
|
|
81682
81900
|
flame: Flame,
|
|
81683
81901
|
zap: Zap
|
|
81684
81902
|
};
|
|
81685
|
-
var MoonUIAvatarPro2 =
|
|
81903
|
+
var MoonUIAvatarPro2 = React69.forwardRef(({
|
|
81686
81904
|
className,
|
|
81687
81905
|
size: size4,
|
|
81688
81906
|
shape,
|
|
@@ -81711,7 +81929,7 @@ var MoonUIAvatarPro2 = React68.forwardRef(({
|
|
|
81711
81929
|
spin: "animate-spin",
|
|
81712
81930
|
ping: "animate-ping"
|
|
81713
81931
|
};
|
|
81714
|
-
const ringStyle =
|
|
81932
|
+
const ringStyle = React69.useMemo(() => {
|
|
81715
81933
|
if (ring === "gradient" && gradientFrom && gradientTo) {
|
|
81716
81934
|
return {
|
|
81717
81935
|
background: `linear-gradient(135deg, ${gradientFrom}, ${gradientTo})`,
|
|
@@ -81801,9 +82019,9 @@ var MoonUIAvatarPro2 = React68.forwardRef(({
|
|
|
81801
82019
|
] });
|
|
81802
82020
|
});
|
|
81803
82021
|
MoonUIAvatarPro2.displayName = "MoonUIAvatarPro";
|
|
81804
|
-
var MoonUIAvatarGroupPro2 =
|
|
82022
|
+
var MoonUIAvatarGroupPro2 = React69.forwardRef(({ children, max: max2 = 4, size: size4 = "md", spacing = "normal", className }, ref) => {
|
|
81805
82023
|
const { hasProAccess, isLoading: isCheckingAuth } = useSubscription();
|
|
81806
|
-
const childrenArray =
|
|
82024
|
+
const childrenArray = React69.Children.toArray(children);
|
|
81807
82025
|
const visibleChildren = childrenArray.slice(0, max2);
|
|
81808
82026
|
const remainingCount = childrenArray.length - max2;
|
|
81809
82027
|
const spacingClasses = {
|
|
@@ -81855,12 +82073,12 @@ var MoonUIAvatarGroupPro2 = React68.forwardRef(({ children, max: max2 = 4, size:
|
|
|
81855
82073
|
);
|
|
81856
82074
|
});
|
|
81857
82075
|
MoonUIAvatarGroupPro2.displayName = "MoonUIAvatarGroupPro";
|
|
81858
|
-
var MoonUIAsyncAvatarPro =
|
|
82076
|
+
var MoonUIAsyncAvatarPro = React69.forwardRef(({ userId, fetchUser, ...props }, ref) => {
|
|
81859
82077
|
const { hasProAccess, isLoading: isCheckingAuth } = useSubscription();
|
|
81860
|
-
const [userData, setUserData] =
|
|
81861
|
-
const [isLoading, setIsLoading] =
|
|
81862
|
-
const [hasError, setHasError] =
|
|
81863
|
-
|
|
82078
|
+
const [userData, setUserData] = React69.useState(null);
|
|
82079
|
+
const [isLoading, setIsLoading] = React69.useState(false);
|
|
82080
|
+
const [hasError, setHasError] = React69.useState(false);
|
|
82081
|
+
React69.useEffect(() => {
|
|
81864
82082
|
if (userId && fetchUser) {
|
|
81865
82083
|
setIsLoading(true);
|
|
81866
82084
|
setHasError(false);
|
|
@@ -82262,7 +82480,7 @@ function ChartWidget2({
|
|
|
82262
82480
|
...widgetProps
|
|
82263
82481
|
}) {
|
|
82264
82482
|
const { hasProAccess, isLoading } = useSubscription();
|
|
82265
|
-
const [hoveredIndex, setHoveredIndex] =
|
|
82483
|
+
const [hoveredIndex, setHoveredIndex] = React69__default.useState(null);
|
|
82266
82484
|
const defaultColors2 = [
|
|
82267
82485
|
"#3b82f6",
|
|
82268
82486
|
// blue
|
|
@@ -82286,7 +82504,7 @@ function ChartWidget2({
|
|
|
82286
82504
|
// purple
|
|
82287
82505
|
];
|
|
82288
82506
|
const chartColors = colors || defaultColors2;
|
|
82289
|
-
const maxValue =
|
|
82507
|
+
const maxValue = React69__default.useMemo(() => {
|
|
82290
82508
|
if (data.values) {
|
|
82291
82509
|
return Math.max(...data.values);
|
|
82292
82510
|
}
|
|
@@ -82987,14 +83205,14 @@ function FunnelWidget({
|
|
|
82987
83205
|
...widgetProps
|
|
82988
83206
|
}) {
|
|
82989
83207
|
const { hasProAccess, isLoading } = useSubscription();
|
|
82990
|
-
const [hoveredStage, setHoveredStage] =
|
|
83208
|
+
const [hoveredStage, setHoveredStage] = React69__default.useState(null);
|
|
82991
83209
|
const formatNumber2 = (value) => {
|
|
82992
83210
|
if (value % 1 !== 0) {
|
|
82993
83211
|
return (Math.round(value * 100) / 100).toString();
|
|
82994
83212
|
}
|
|
82995
83213
|
return value.toString();
|
|
82996
83214
|
};
|
|
82997
|
-
const processedStages =
|
|
83215
|
+
const processedStages = React69__default.useMemo(() => {
|
|
82998
83216
|
const maxValue = Math.max(...data.stages.map((s) => s.value));
|
|
82999
83217
|
return data.stages.map((stage, index2) => {
|
|
83000
83218
|
const percentage = stage.percentage ?? stage.value / maxValue * 100;
|
|
@@ -83146,7 +83364,7 @@ function FunnelWidget({
|
|
|
83146
83364
|
const icon = getStageIcon(stage, index2);
|
|
83147
83365
|
const isHovered = hoveredStage === stage.id;
|
|
83148
83366
|
const isLast = index2 === processedStages.length - 1;
|
|
83149
|
-
return /* @__PURE__ */ jsxs(
|
|
83367
|
+
return /* @__PURE__ */ jsxs(React69__default.Fragment, { children: [
|
|
83150
83368
|
/* @__PURE__ */ jsxs(
|
|
83151
83369
|
motion.div,
|
|
83152
83370
|
{
|
|
@@ -83345,7 +83563,7 @@ function RevenueWidget({
|
|
|
83345
83563
|
...widgetProps
|
|
83346
83564
|
}) {
|
|
83347
83565
|
const { hasProAccess, isLoading } = useSubscription();
|
|
83348
|
-
const [selectedTab, setSelectedTab] =
|
|
83566
|
+
const [selectedTab, setSelectedTab] = React69__default.useState("overview");
|
|
83349
83567
|
const formatNumber2 = (value) => {
|
|
83350
83568
|
if (value % 1 !== 0) {
|
|
83351
83569
|
return (Math.round(value * 100) / 100).toString();
|
|
@@ -83791,8 +84009,8 @@ function ServerMonitorWidget({
|
|
|
83791
84009
|
}) {
|
|
83792
84010
|
const { hasProAccess, isLoading } = useSubscription();
|
|
83793
84011
|
const servers = Array.isArray(data) ? data : [data];
|
|
83794
|
-
const [selectedTab, setSelectedTab] =
|
|
83795
|
-
const [liveData, setLiveData] =
|
|
84012
|
+
const [selectedTab, setSelectedTab] = React69__default.useState("overview");
|
|
84013
|
+
const [liveData, setLiveData] = React69__default.useState(servers);
|
|
83796
84014
|
const formatNumber2 = (value) => {
|
|
83797
84015
|
if (typeof value === "string")
|
|
83798
84016
|
return value;
|
|
@@ -83801,7 +84019,7 @@ function ServerMonitorWidget({
|
|
|
83801
84019
|
}
|
|
83802
84020
|
return value.toString();
|
|
83803
84021
|
};
|
|
83804
|
-
|
|
84022
|
+
React69__default.useEffect(() => {
|
|
83805
84023
|
if (!animate4)
|
|
83806
84024
|
return;
|
|
83807
84025
|
const interval = setInterval(() => {
|
|
@@ -84444,7 +84662,7 @@ var ConfettiInternal = ({
|
|
|
84444
84662
|
fireConfetti();
|
|
84445
84663
|
}
|
|
84446
84664
|
}, [active, fireConfetti]);
|
|
84447
|
-
|
|
84665
|
+
React69__default.useImperativeHandle(
|
|
84448
84666
|
void 0,
|
|
84449
84667
|
() => ({
|
|
84450
84668
|
fire: fireConfetti
|
|
@@ -85308,7 +85526,7 @@ var RevealCards = ({
|
|
|
85308
85526
|
staggerDelay = 100,
|
|
85309
85527
|
className
|
|
85310
85528
|
}) => {
|
|
85311
|
-
return /* @__PURE__ */ jsx("div", { className: cn("space-y-4", className), children:
|
|
85529
|
+
return /* @__PURE__ */ jsx("div", { className: cn("space-y-4", className), children: React69__default.Children.map(children, (child, index2) => /* @__PURE__ */ jsx(
|
|
85312
85530
|
RevealCard,
|
|
85313
85531
|
{
|
|
85314
85532
|
trigger,
|
|
@@ -85466,7 +85684,7 @@ var AuroraBackgroundInternal = ({
|
|
|
85466
85684
|
}) => {
|
|
85467
85685
|
const [mousePosition, setMousePosition] = useState({ x: 50, y: 50 });
|
|
85468
85686
|
const [isVisible, setIsVisible] = useState(true);
|
|
85469
|
-
const containerRef =
|
|
85687
|
+
const containerRef = React69__default.useRef(null);
|
|
85470
85688
|
const getAnimationDuration = () => {
|
|
85471
85689
|
switch (speed) {
|
|
85472
85690
|
case "slow":
|
|
@@ -94915,11 +95133,11 @@ var ScrollRevealInternal = ({
|
|
|
94915
95133
|
const processChildren = () => {
|
|
94916
95134
|
if (!cascade && !stagger)
|
|
94917
95135
|
return children;
|
|
94918
|
-
const childArray =
|
|
95136
|
+
const childArray = React69__default.Children.toArray(children);
|
|
94919
95137
|
return childArray.map((child, index2) => {
|
|
94920
|
-
if (
|
|
95138
|
+
if (React69__default.isValidElement(child)) {
|
|
94921
95139
|
const childDelay = cascade ? delay + index2 * cascadeDelay : stagger ? delay + index2 * staggerDelay : delay;
|
|
94922
|
-
return
|
|
95140
|
+
return React69__default.cloneElement(child, {
|
|
94923
95141
|
style: {
|
|
94924
95142
|
...child.props.style || {},
|
|
94925
95143
|
transitionDelay: `${childDelay}ms`,
|
|
@@ -94994,7 +95212,7 @@ var ScrollRevealInternal = ({
|
|
|
94994
95212
|
"data-animation": animation,
|
|
94995
95213
|
"data-visible": isVisible
|
|
94996
95214
|
};
|
|
94997
|
-
return
|
|
95215
|
+
return React69__default.createElement(
|
|
94998
95216
|
Component2,
|
|
94999
95217
|
elementProps,
|
|
95000
95218
|
/* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -95285,7 +95503,7 @@ var BounceEffectInternal = ({
|
|
|
95285
95503
|
transitionDelay: `${i * 20}ms`,
|
|
95286
95504
|
...getShadowStyle()
|
|
95287
95505
|
},
|
|
95288
|
-
children:
|
|
95506
|
+
children: React69__default.isValidElement(children) && React69__default.cloneElement(children, {
|
|
95289
95507
|
style: { opacity: 0.5 }
|
|
95290
95508
|
})
|
|
95291
95509
|
},
|
|
@@ -95700,7 +95918,7 @@ var SpringPhysicsInternal = ({
|
|
|
95700
95918
|
opacity: 1 - i / trailCount,
|
|
95701
95919
|
filter: `blur(${i * 0.5}px)`
|
|
95702
95920
|
},
|
|
95703
|
-
children:
|
|
95921
|
+
children: React69__default.isValidElement(children) && React69__default.cloneElement(children, {
|
|
95704
95922
|
style: { opacity: 0.3 }
|
|
95705
95923
|
})
|
|
95706
95924
|
},
|
|
@@ -95715,7 +95933,7 @@ var SpringPhysicsInternal = ({
|
|
|
95715
95933
|
opacity: 1 - i / chainCount * 0.5,
|
|
95716
95934
|
transitionDelay: `${i * chainDelay}ms`
|
|
95717
95935
|
},
|
|
95718
|
-
children:
|
|
95936
|
+
children: React69__default.isValidElement(children) && React69__default.cloneElement(children, {
|
|
95719
95937
|
style: {
|
|
95720
95938
|
opacity: 0.5,
|
|
95721
95939
|
transform: `scale(${1 - i * 0.1})`
|
|
@@ -96513,7 +96731,7 @@ var PathAnimationsInternal = ({
|
|
|
96513
96731
|
transform: `translate(${pos.x - 20}px, ${pos.y - 20}px)`,
|
|
96514
96732
|
opacity: pos.opacity
|
|
96515
96733
|
},
|
|
96516
|
-
children:
|
|
96734
|
+
children: React69__default.isValidElement(children) && React69__default.cloneElement(children, {
|
|
96517
96735
|
style: {
|
|
96518
96736
|
...children.props.style,
|
|
96519
96737
|
opacity: pos.opacity,
|
|
@@ -97634,7 +97852,7 @@ var TouchGesturesInternal = ({
|
|
|
97634
97852
|
`,
|
|
97635
97853
|
transformOrigin: "center center"
|
|
97636
97854
|
},
|
|
97637
|
-
children:
|
|
97855
|
+
children: React69__default.isValidElement(children) && React69__default.cloneElement(children, {
|
|
97638
97856
|
style: {
|
|
97639
97857
|
...children.props.style,
|
|
97640
97858
|
opacity: 0.5
|
|
@@ -103414,4 +103632,4 @@ export default function Component() {
|
|
|
103414
103632
|
* @credits React Bits by David H
|
|
103415
103633
|
*/
|
|
103416
103634
|
|
|
103417
|
-
export { MoonUIAccordionPro as Accordion, MoonUIAccordionContentPro as AccordionContent, MoonUIAccordionItemPro as AccordionItem, MoonUIAccordionTriggerPro as AccordionTrigger, Calendar3 as AdvancedCalendar, AdvancedChart, AdvancedForms, MoonUIAlertPro as Alert, MoonUIAlertDescriptionPro as AlertDescription, MoonUIAlertTitlePro as AlertTitle, AnimatedNumber, MoonUIAspectRatioPro as AspectRatio, AuroraBackground, MoonUIAvatarPro as Avatar, MoonUIAvatarFallbackPro as AvatarFallback, MoonUIAvatarImagePro as AvatarImage, MoonUIBadgePro as Badge, BentoGrid, BentoGridItem, BlurFade, BounceEffect, MoonUIBreadcrumbPro as Breadcrumb, MoonUIBreadcrumbEllipsisPro as BreadcrumbEllipsis, MoonUIBreadcrumbItemPro as BreadcrumbItem, MoonUIBreadcrumbLinkPro as BreadcrumbLink, MoonUIBreadcrumbListPro as BreadcrumbList, MoonUIBreadcrumbPagePro as BreadcrumbPage, MoonUIBreadcrumbSeparatorPro as BreadcrumbSeparator, BubbleBackground, MoonUIButtonPro as Button, Calendar, Calendar3 as CalendarPro, MoonUICardPro as Card, MoonUICardContentPro as CardContent, MoonUICardDescriptionPro as CardDescription, MoonUICardFooterPro as CardFooter, MoonUICardHeaderPro as CardHeader, MoonUICardTitlePro as CardTitle, ChartWidget2 as ChartWidget, MoonUICheckboxPro as Checkbox, ClaudeProvider, ClickAnimations, CodeSnippets, MoonUICollapsiblePro as Collapsible, MoonUICollapsibleContentPro as CollapsibleContent, MoonUICollapsibleTriggerPro as CollapsibleTrigger, MoonUIColorPickerPro as ColorPicker, MoonUICommandPro as Command, MoonUICommandDialogPro as CommandDialog, MoonUICommandEmptyPro as CommandEmpty, MoonUICommandGroupPro as CommandGroup, MoonUICommandInputPro as CommandInput, MoonUICommandItemPro as CommandItem, MoonUICommandListPro as CommandList, MoonUICommandSeparatorPro as CommandSeparator, MoonUICommandShortcutPro as CommandShortcut, Confetti, ConfettiButton, CursorTrail, Dashboard, DataTable, MoonUIDialogPro as Dialog, MoonUIDialogClosePro as DialogClose, MoonUIDialogContentPro as DialogContent, MoonUIDialogDescriptionPro as DialogDescription, MoonUIDialogFooterPro as DialogFooter, MoonUIDialogHeaderPro as DialogHeader, MoonUIDialogTitlePro as DialogTitle, MoonUIDialogTriggerPro as DialogTrigger, DocsPageTemplate, DocsProProvider, DotPattern, DotPatternDocsPage, DraggableList, MoonUIDropdownMenuPro as DropdownMenu, MoonUIDropdownMenuCheckboxItemPro as DropdownMenuCheckboxItem, MoonUIDropdownMenuContentPro as DropdownMenuContent, MoonUIDropdownMenuGroupPro as DropdownMenuGroup, MoonUIDropdownMenuItemPro as DropdownMenuItem, MoonUIDropdownMenuLabelPro as DropdownMenuLabel, MoonUIDropdownMenuPortalPro as DropdownMenuPortal, MoonUIDropdownMenuRadioGroupPro as DropdownMenuRadioGroup, MoonUIDropdownMenuRadioItemPro as DropdownMenuRadioItem, MoonUIDropdownMenuSeparatorPro as DropdownMenuSeparator, MoonUIDropdownMenuShortcutPro as DropdownMenuShortcut, MoonUIDropdownMenuSubPro as DropdownMenuSub, MoonUIDropdownMenuSubContentPro as DropdownMenuSubContent, MoonUIDropdownMenuSubTriggerPro as DropdownMenuSubTrigger, MoonUIDropdownMenuTriggerPro as DropdownMenuTrigger, ElasticAnimation, ErrorBoundary, FadeTransitions, FlipText, FloatingActionButton, FloatingDock, FloatingElements, FocusTransitions, FormWizard, FormWizardNavigation, FormWizardProgress, FormWizardStep, FunnelWidget, MoonUIGalleryItemPro as GalleryItem, GaugeWidget, GeminiProvider, GeometricPatterns, GestureDrawer, GitHubStars, GlitchBackground, GlitchText, GlowCard, GlowEffect, GradientFlow, GradientText, GridDistortion, GridDistortionDocsPage, GridPattern, HealthCheck, HoverCard2 as HoverCard, HoverCard3D, HoverCardContent2 as HoverCardContent, HoverCardTrigger2 as HoverCardTrigger, MoonUIInputPro as Input, KPIWidget, Kanban, LANGUAGE_COLORS, MoonUILabelPro as Label, LazyComponent, LazyImage, LazyList, LightboxContent, LightboxProvider, LightboxTrigger, LiquidBackground, MagneticButton, MagneticElements, Marquee, MatrixRain, MoonUIMediaGalleryPro as MediaGallery, MemoryAnalytics, MemoryEfficientData, MeshGradient, Meteors, MoonUIAccordionContentPro, MoonUIAccordionItemPro, MoonUIAccordionPro, MoonUIAccordionTriggerPro, MoonUIAdvancedChartPro, MoonUIAlertDescriptionPro, MoonUIAlertPro, MoonUIAlertTitlePro, MoonUIAnimatedButtonPro, MoonUIAnimatedListPro, MoonUIAspectRatioPro, MoonUIAsyncAvatarPro, MoonUIAvatarFallbackPro, MoonUIAvatarGroupPro2 as MoonUIAvatarGroupPro, MoonUIAvatarImagePro, MoonUIAvatarPro2 as MoonUIAvatarPro, MoonUIBadgePro, MoonUIBreadcrumbEllipsisPro, MoonUIBreadcrumbItemPro, MoonUIBreadcrumbLinkPro, MoonUIBreadcrumbListPro, MoonUIBreadcrumbPagePro, MoonUIBreadcrumbPro, MoonUIBreadcrumbSeparatorPro, MoonUIButtonPro, Calendar3 as MoonUICalendarPro, MoonUICardContentPro, MoonUICardDescriptionPro, MoonUICardFooterPro, MoonUICardHeaderPro, MoonUICardPro, MoonUICardTitlePro, ChartWidget2 as MoonUIChartWidget, MoonUICheckboxPro, MoonUICollapsibleContentPro, MoonUICollapsiblePro, MoonUICollapsibleTriggerPro, MoonUIColorPickerPro, MoonUICommandDialogPro, MoonUICommandEmptyPro, MoonUICommandGroupPro, MoonUICommandInputPro, MoonUICommandItemPro, MoonUICommandListPro, MoonUICommandPro, MoonUICommandSeparatorPro, MoonUICommandShortcutPro, MoonUICreditCardInputPro, Dashboard as MoonUIDashboardPro, MoonUIDataTable, DataTable as MoonUIDataTablePro, MoonUIDialogClosePro, MoonUIDialogContentPro, MoonUIDialogDescriptionPro, MoonUIDialogFooterPro, MoonUIDialogHeaderPro, MoonUIDialogPro, MoonUIDialogTitlePro, MoonUIDialogTriggerPro, DraggableList as MoonUIDraggableListPro, MoonUIDropdownMenuCheckboxItemPro, MoonUIDropdownMenuContentPro, MoonUIDropdownMenuGroupPro, MoonUIDropdownMenuItemPro, MoonUIDropdownMenuLabelPro, MoonUIDropdownMenuPortalPro, MoonUIDropdownMenuPro, MoonUIDropdownMenuRadioGroupPro, MoonUIDropdownMenuRadioItemPro, MoonUIDropdownMenuSeparatorPro, MoonUIDropdownMenuShortcutPro, MoonUIDropdownMenuSubContentPro, MoonUIDropdownMenuSubPro, MoonUIDropdownMenuSubTriggerPro, MoonUIDropdownMenuTriggerPro, file_upload_default as MoonUIFileUploadPro, MoonUIFormWizardPro, FunnelWidget as MoonUIFunnelWidget, MoonUIGalleryItemPro, GaugeWidget as MoonUIGaugeWidget, MoonUIGestureDrawerPro, MoonUIInputPro, KPIWidget as MoonUIKPIWidget, MoonUIKanbanPro, MoonUILabelPro, LightboxContent as MoonUILightboxContentPro, SimpleLightbox as MoonUILightboxPro, LightboxProvider as MoonUILightboxProviderPro, LightboxTrigger as MoonUILightboxTriggerPro, MoonUIMediaGalleryPro, MoonUIMemoryEfficientDataPro, Navbar as MoonUINavbarPro, MoonUIPaginationContentPro, MoonUIPaginationEllipsisPro, MoonUIPaginationItemPro, MoonUIPaginationLinkPro, MoonUIPaginationNextPro, MoonUIPaginationPreviousPro, MoonUIPaginationPro, PhoneNumberInput as MoonUIPhoneNumberInputPro, MoonUIPhoneNumberInputSimple, MoonUIPopoverContentPro, MoonUIPopoverPro, MoonUIPopoverTriggerPro, MoonUIProgressPro, MoonUIQuizFormPro2 as MoonUIQuizFormPro, MoonUIRadioGroupContextPro, MoonUIRadioGroupItemPro, MoonUIRadioGroupPro, MoonUIRadioItemWithLabelPro, MoonUIRadioLabelPro, RevenueWidget as MoonUIRevenueWidget, RichTextEditor as MoonUIRichTextEditorPro, MoonUISelectContentPro, MoonUISelectGroupPro, MoonUISelectItemPro, MoonUISelectLabelPro, MoonUISelectPro, MoonUISelectSeparatorPro, MoonUISelectTriggerPro, MoonUISelectValuePro, SelectableVirtualList as MoonUISelectableVirtualListPro, MoonUISeparatorPro, ServerMonitorWidget as MoonUIServerMonitorWidget, Sidebar as MoonUISidebarPro, MoonUISkeletonPro, MoonUISliderPro, MoonUISpotlightCardPro, SwipeableCard as MoonUISwipeableCardPro, MoonUISwitchPro, MoonUITableBodyPro, MoonUITableCaptionPro, MoonUITableCellPro, MoonUITableFooterPro, MoonUITableHeadPro, MoonUITableHeaderPro, MoonUITablePro, MoonUITableRowPro, MoonUITabsContentPro, MoonUITabsPro as MoonUITabsEnhanced, MoonUITabsListPro, MoonUITabsPro, MoonUITabsTriggerPro, MoonUITextareaPro, Timeline as MoonUITimelinePro, MoonUIToastPro, MoonUITogglePro, MoonUITooltipContentPro, MoonUITooltipPro, MoonUITooltipProviderPro, MoonUITooltipTriggerPro, VirtualList as MoonUIVirtualListPro, WidgetBase as MoonUIWidgetBase, MoonUIalertVariantsPro, MoonUIaspectRatioVariantsPro, MoonUIbreadcrumbVariantsPro, collapsibleContentVariants as MoonUIcollapsibleContentVariantsPro, collapsibleTriggerVariants as MoonUIcollapsibleTriggerVariantsPro, MoonUIradioGroupItemVariantsPro, MoonUItableVariantsPro, MoonUItoggleVariantsPro, MorphingText, MouseTrail, Navbar, NavigationMenu2 as NavigationMenu, NavigationMenuContent2 as NavigationMenuContent, NavigationMenuIndicator2 as NavigationMenuIndicator, NavigationMenuItem2 as NavigationMenuItem, NavigationMenuLink2 as NavigationMenuLink, NavigationMenuList2 as NavigationMenuList, NavigationMenuTrigger2 as NavigationMenuTrigger, NavigationMenuViewport2 as NavigationMenuViewport, NeonEffect, NumberTicker, OpenAIProvider, OptimizedImage, MoonUIPaginationPro as Pagination, MoonUIPaginationContentPro as PaginationContent, MoonUIPaginationEllipsisPro as PaginationEllipsis, MoonUIPaginationItemPro as PaginationItem, MoonUIPaginationLinkPro as PaginationLink, MoonUIPaginationNextPro as PaginationNext, MoonUIPaginationPreviousPro as PaginationPrevious, ParallaxScroll, Particles, PathAnimations, PerformanceDebugger, PerformanceMonitor, PhoneNumberInput, PinchZoom, MoonUIPopoverPro as Popover, MoonUIPopoverContentPro as PopoverContent, MoonUIPopoverTriggerPro as PopoverTrigger, MoonUIProgressPro as Progress, QuizForm, MoonUIRadioGroupPro as RadioGroup, MoonUIRadioGroupContextPro as RadioGroupContext, MoonUIRadioGroupItemPro as RadioGroupItem, MoonUIRadioItemWithLabelPro as RadioItemWithLabel, MoonUIRadioLabelPro as RadioLabel, RealTimePerformanceMonitor, RevealCard, RevealCards, RevenueWidget, RichTextEditor, Ripple, spotlightPresets as SPOTLIGHT_PRESETS, SVGAnimations, ScrambledText, ScrollArea, ScrollBar, ScrollReveal, MoonUISelectPro as Select, MoonUISelectContentPro as SelectContent, MoonUISelectGroupPro as SelectGroup, MoonUISelectItemPro as SelectItem, MoonUISelectLabelPro as SelectLabel, MoonUISelectSeparatorPro as SelectSeparator, MoonUISelectTriggerPro as SelectTrigger, MoonUISelectValuePro as SelectValue, SelectableVirtualList, MoonUISeparatorPro as Separator, ServerMonitorWidget, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shimmer, ShinyText, Sidebar, SimpleLightbox, MoonUISkeletonPro as Skeleton, MoonUISliderPro as Slider, Sparkles36 as Sparkles, SplashCursor, SplashCursorContainer, Spotlight, SpringPhysics, Starfield, SubscriptionProvider, SwipeActions, SwipeableCard, MoonUISwitchPro as Switch, MoonUITablePro as Table, MoonUITableBodyPro as TableBody, MoonUITableCaptionPro as TableCaption, MoonUITableCellPro as TableCell, MoonUITableFooterPro as TableFooter, MoonUITableHeadPro as TableHead, MoonUITableHeaderPro as TableHeader, MoonUITableRowPro as TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text3D, TextReveal, MoonUITextareaPro as Textarea, Timeline, MoonUIToastPro as Toast, MoonUITogglePro as Toggle, MoonUITooltipPro as Tooltip, MoonUITooltipContentPro as TooltipContent, MoonUITooltipProviderPro as TooltipProvider, MoonUITooltipTriggerPro as TooltipTrigger, TouchGestures, TypewriterText, VirtualList, Waves, WavyText, WidgetBase, WordRotate, MoonUIalertVariantsPro as alertVariants, MoonUIaspectRatioVariantsPro as aspectRatioVariants, moonUIBadgeVariantsPro as badgeVariants, MoonUIbreadcrumbVariantsPro as breadcrumbVariants, moonUIButtonProVariants as buttonVariants, clearAuth, clearAuth as clearAuthV2, cn, codeSnippetsPresets, collapsibleContentVariants, collapsibleTriggerVariants, commandVariantsPro, createAIProvider, dotPatternConfig, forceRefresh, forceRefresh as forceRefreshV2, galleryItemVariants, galleryVariants, geometricPatternsConfig, getExpandableColumn, gradientFlowConfig, gridDistortionConfig, hoverCard3DVariants, liquidBackgroundConfig, meshGradientConfig, moonUIAnimatedButtonProVariants, badgeVariants as moonUIAvatarBadgeVariants, avatarVariants as moonUIAvatarProVariants, statusVariants as moonUIAvatarStatusVariants, moonUIBadgeVariantsPro, moonUIButtonProVariants, gestureDrawerVariants as moonUIGestureDrawerProVariants, moonUISeparatorVariantsPro, navigationMenuTriggerStyle, countries as phoneCountries, MoonUIradioGroupItemVariantsPro as radioGroupItemVariants, moonUISeparatorVariantsPro as separatorVariants, spotlightPresets, MoonUItableVariantsPro as tableVariants, MoonUItoggleVariantsPro as toggleVariants, useAccordionAnalytics, useCollapsibleAnalytics, useExpandableRows, useFormWizard, useStreamingData, useSubscription, useSubscriptionContext, useSubscription as useSubscriptionV2, useVirtualList, wavesConfig };
|
|
103635
|
+
export { MoonUIAccordionPro as Accordion, MoonUIAccordionContentPro as AccordionContent, MoonUIAccordionItemPro as AccordionItem, MoonUIAccordionTriggerPro as AccordionTrigger, Calendar3 as AdvancedCalendar, AdvancedChart, AdvancedForms, MoonUIAlertPro as Alert, MoonUIAlertDescriptionPro as AlertDescription, MoonUIAlertTitlePro as AlertTitle, AnimatedNumber, MoonUIAspectRatioPro as AspectRatio, AuroraBackground, MoonUIAvatarPro as Avatar, MoonUIAvatarFallbackPro as AvatarFallback, MoonUIAvatarImagePro as AvatarImage, MoonUIBadgePro as Badge, BentoGrid, BentoGridItem, BlurFade, BounceEffect, MoonUIBreadcrumbPro as Breadcrumb, MoonUIBreadcrumbEllipsisPro as BreadcrumbEllipsis, MoonUIBreadcrumbItemPro as BreadcrumbItem, MoonUIBreadcrumbLinkPro as BreadcrumbLink, MoonUIBreadcrumbListPro as BreadcrumbList, MoonUIBreadcrumbPagePro as BreadcrumbPage, MoonUIBreadcrumbSeparatorPro as BreadcrumbSeparator, BubbleBackground, MoonUIButtonPro as Button, Calendar, Calendar3 as CalendarPro, MoonUICardPro as Card, MoonUICardContentPro as CardContent, MoonUICardDescriptionPro as CardDescription, MoonUICardFooterPro as CardFooter, MoonUICardHeaderPro as CardHeader, MoonUICardTitlePro as CardTitle, ChartWidget2 as ChartWidget, MoonUICheckboxPro as Checkbox, ClaudeProvider, ClickAnimations, CodeSnippets, MoonUICollapsiblePro as Collapsible, MoonUICollapsibleContentPro as CollapsibleContent, MoonUICollapsibleTriggerPro as CollapsibleTrigger, MoonUIColorPickerPro as ColorPicker, MoonUICommandPro as Command, MoonUICommandDialogPro as CommandDialog, MoonUICommandEmptyPro as CommandEmpty, MoonUICommandGroupPro as CommandGroup, MoonUICommandInputPro as CommandInput, MoonUICommandItemPro as CommandItem, MoonUICommandListPro as CommandList, MoonUICommandSeparatorPro as CommandSeparator, MoonUICommandShortcutPro as CommandShortcut, Confetti, ConfettiButton, CursorTrail, Dashboard, DataTable, MoonUIDialogPro as Dialog, MoonUIDialogClosePro as DialogClose, MoonUIDialogContentPro as DialogContent, MoonUIDialogDescriptionPro as DialogDescription, MoonUIDialogFooterPro as DialogFooter, MoonUIDialogHeaderPro as DialogHeader, MoonUIDialogTitlePro as DialogTitle, MoonUIDialogTriggerPro as DialogTrigger, DocsPageTemplate, DocsProProvider, DotPattern, DotPatternDocsPage, DraggableList, MoonUIDropdownMenuPro as DropdownMenu, MoonUIDropdownMenuCheckboxItemPro as DropdownMenuCheckboxItem, MoonUIDropdownMenuContentPro as DropdownMenuContent, MoonUIDropdownMenuGroupPro as DropdownMenuGroup, MoonUIDropdownMenuItemPro as DropdownMenuItem, MoonUIDropdownMenuLabelPro as DropdownMenuLabel, MoonUIDropdownMenuPortalPro as DropdownMenuPortal, MoonUIDropdownMenuRadioGroupPro as DropdownMenuRadioGroup, MoonUIDropdownMenuRadioItemPro as DropdownMenuRadioItem, MoonUIDropdownMenuSeparatorPro as DropdownMenuSeparator, MoonUIDropdownMenuShortcutPro as DropdownMenuShortcut, MoonUIDropdownMenuSubPro as DropdownMenuSub, MoonUIDropdownMenuSubContentPro as DropdownMenuSubContent, MoonUIDropdownMenuSubTriggerPro as DropdownMenuSubTrigger, MoonUIDropdownMenuTriggerPro as DropdownMenuTrigger, ElasticAnimation, ErrorBoundary, FadeTransitions, FlipText, FloatingActionButton, FloatingDock, FloatingElements, FocusTransitions, FormWizard, FormWizardNavigation, FormWizardProgress, FormWizardStep, FunnelWidget, MoonUIGalleryItemPro as GalleryItem, GaugeWidget, GeminiProvider, GeometricPatterns, GestureDrawer, GitHubStars, GlitchBackground, GlitchText, GlowCard, GlowEffect, GradientFlow, GradientText, GridDistortion, GridDistortionDocsPage, GridPattern, HealthCheck, HoverCard2 as HoverCard, HoverCard3D, HoverCardContent2 as HoverCardContent, HoverCardTrigger2 as HoverCardTrigger, MoonUIInputPro as Input, KPIWidget, Kanban, LANGUAGE_COLORS, MoonUILabelPro as Label, LazyComponent, LazyImage, LazyList, LightboxContent, LightboxProvider, LightboxTrigger, LiquidBackground, MagneticButton, MagneticElements, Marquee, MatrixRain, MoonUIMediaGalleryPro as MediaGallery, MemoryAnalytics, MemoryEfficientData, MeshGradient, Meteors, MoonUIAccordionContentPro, MoonUIAccordionItemPro, MoonUIAccordionPro, MoonUIAccordionTriggerPro, MoonUIAdvancedChartPro, MoonUIAlertDescriptionPro, MoonUIAlertPro, MoonUIAlertTitlePro, MoonUIAnimatedButtonPro, MoonUIAnimatedListPro, MoonUIAspectRatioPro, MoonUIAsyncAvatarPro, MoonUIAuthProvider, MoonUIAvatarFallbackPro, MoonUIAvatarGroupPro2 as MoonUIAvatarGroupPro, MoonUIAvatarImagePro, MoonUIAvatarPro2 as MoonUIAvatarPro, MoonUIBadgePro, MoonUIBreadcrumbEllipsisPro, MoonUIBreadcrumbItemPro, MoonUIBreadcrumbLinkPro, MoonUIBreadcrumbListPro, MoonUIBreadcrumbPagePro, MoonUIBreadcrumbPro, MoonUIBreadcrumbSeparatorPro, MoonUIButtonPro, Calendar3 as MoonUICalendarPro, MoonUICardContentPro, MoonUICardDescriptionPro, MoonUICardFooterPro, MoonUICardHeaderPro, MoonUICardPro, MoonUICardTitlePro, ChartWidget2 as MoonUIChartWidget, MoonUICheckboxPro, MoonUICollapsibleContentPro, MoonUICollapsiblePro, MoonUICollapsibleTriggerPro, MoonUIColorPickerPro, MoonUICommandDialogPro, MoonUICommandEmptyPro, MoonUICommandGroupPro, MoonUICommandInputPro, MoonUICommandItemPro, MoonUICommandListPro, MoonUICommandPro, MoonUICommandSeparatorPro, MoonUICommandShortcutPro, MoonUICreditCardInputPro, Dashboard as MoonUIDashboardPro, MoonUIDataTable, DataTable as MoonUIDataTablePro, MoonUIDialogClosePro, MoonUIDialogContentPro, MoonUIDialogDescriptionPro, MoonUIDialogFooterPro, MoonUIDialogHeaderPro, MoonUIDialogPro, MoonUIDialogTitlePro, MoonUIDialogTriggerPro, DraggableList as MoonUIDraggableListPro, MoonUIDropdownMenuCheckboxItemPro, MoonUIDropdownMenuContentPro, MoonUIDropdownMenuGroupPro, MoonUIDropdownMenuItemPro, MoonUIDropdownMenuLabelPro, MoonUIDropdownMenuPortalPro, MoonUIDropdownMenuPro, MoonUIDropdownMenuRadioGroupPro, MoonUIDropdownMenuRadioItemPro, MoonUIDropdownMenuSeparatorPro, MoonUIDropdownMenuShortcutPro, MoonUIDropdownMenuSubContentPro, MoonUIDropdownMenuSubPro, MoonUIDropdownMenuSubTriggerPro, MoonUIDropdownMenuTriggerPro, file_upload_default as MoonUIFileUploadPro, MoonUIFormWizardPro, FunnelWidget as MoonUIFunnelWidget, MoonUIGalleryItemPro, GaugeWidget as MoonUIGaugeWidget, MoonUIGestureDrawerPro, MoonUIInputPro, KPIWidget as MoonUIKPIWidget, MoonUIKanbanPro, MoonUILabelPro, LightboxContent as MoonUILightboxContentPro, SimpleLightbox as MoonUILightboxPro, LightboxProvider as MoonUILightboxProviderPro, LightboxTrigger as MoonUILightboxTriggerPro, MoonUIMediaGalleryPro, MoonUIMemoryEfficientDataPro, Navbar as MoonUINavbarPro, MoonUIPaginationContentPro, MoonUIPaginationEllipsisPro, MoonUIPaginationItemPro, MoonUIPaginationLinkPro, MoonUIPaginationNextPro, MoonUIPaginationPreviousPro, MoonUIPaginationPro, PhoneNumberInput as MoonUIPhoneNumberInputPro, MoonUIPhoneNumberInputSimple, MoonUIPopoverContentPro, MoonUIPopoverPro, MoonUIPopoverTriggerPro, MoonUIProgressPro, MoonUIQuizFormPro2 as MoonUIQuizFormPro, MoonUIRadioGroupContextPro, MoonUIRadioGroupItemPro, MoonUIRadioGroupPro, MoonUIRadioItemWithLabelPro, MoonUIRadioLabelPro, RevenueWidget as MoonUIRevenueWidget, RichTextEditor as MoonUIRichTextEditorPro, MoonUISelectContentPro, MoonUISelectGroupPro, MoonUISelectItemPro, MoonUISelectLabelPro, MoonUISelectPro, MoonUISelectSeparatorPro, MoonUISelectTriggerPro, MoonUISelectValuePro, SelectableVirtualList as MoonUISelectableVirtualListPro, MoonUISeparatorPro, ServerMonitorWidget as MoonUIServerMonitorWidget, Sidebar as MoonUISidebarPro, MoonUISkeletonPro, MoonUISliderPro, MoonUISpotlightCardPro, SwipeableCard as MoonUISwipeableCardPro, MoonUISwitchPro, MoonUITableBodyPro, MoonUITableCaptionPro, MoonUITableCellPro, MoonUITableFooterPro, MoonUITableHeadPro, MoonUITableHeaderPro, MoonUITablePro, MoonUITableRowPro, MoonUITabsContentPro, MoonUITabsPro as MoonUITabsEnhanced, MoonUITabsListPro, MoonUITabsPro, MoonUITabsTriggerPro, MoonUITextareaPro, Timeline as MoonUITimelinePro, MoonUIToastPro, MoonUITogglePro, MoonUITooltipContentPro, MoonUITooltipPro, MoonUITooltipProviderPro, MoonUITooltipTriggerPro, VirtualList as MoonUIVirtualListPro, WidgetBase as MoonUIWidgetBase, MoonUIalertVariantsPro, MoonUIaspectRatioVariantsPro, MoonUIbreadcrumbVariantsPro, collapsibleContentVariants as MoonUIcollapsibleContentVariantsPro, collapsibleTriggerVariants as MoonUIcollapsibleTriggerVariantsPro, MoonUIradioGroupItemVariantsPro, MoonUItableVariantsPro, MoonUItoggleVariantsPro, MorphingText, MouseTrail, Navbar, NavigationMenu2 as NavigationMenu, NavigationMenuContent2 as NavigationMenuContent, NavigationMenuIndicator2 as NavigationMenuIndicator, NavigationMenuItem2 as NavigationMenuItem, NavigationMenuLink2 as NavigationMenuLink, NavigationMenuList2 as NavigationMenuList, NavigationMenuTrigger2 as NavigationMenuTrigger, NavigationMenuViewport2 as NavigationMenuViewport, NeonEffect, NumberTicker, OpenAIProvider, OptimizedImage, MoonUIPaginationPro as Pagination, MoonUIPaginationContentPro as PaginationContent, MoonUIPaginationEllipsisPro as PaginationEllipsis, MoonUIPaginationItemPro as PaginationItem, MoonUIPaginationLinkPro as PaginationLink, MoonUIPaginationNextPro as PaginationNext, MoonUIPaginationPreviousPro as PaginationPrevious, ParallaxScroll, Particles, PathAnimations, PerformanceDebugger, PerformanceMonitor, PhoneNumberInput, PinchZoom, MoonUIPopoverPro as Popover, MoonUIPopoverContentPro as PopoverContent, MoonUIPopoverTriggerPro as PopoverTrigger, MoonUIProgressPro as Progress, QuizForm, MoonUIRadioGroupPro as RadioGroup, MoonUIRadioGroupContextPro as RadioGroupContext, MoonUIRadioGroupItemPro as RadioGroupItem, MoonUIRadioItemWithLabelPro as RadioItemWithLabel, MoonUIRadioLabelPro as RadioLabel, RealTimePerformanceMonitor, RevealCard, RevealCards, RevenueWidget, RichTextEditor, Ripple, spotlightPresets as SPOTLIGHT_PRESETS, SVGAnimations, ScrambledText, ScrollArea, ScrollBar, ScrollReveal, MoonUISelectPro as Select, MoonUISelectContentPro as SelectContent, MoonUISelectGroupPro as SelectGroup, MoonUISelectItemPro as SelectItem, MoonUISelectLabelPro as SelectLabel, MoonUISelectSeparatorPro as SelectSeparator, MoonUISelectTriggerPro as SelectTrigger, MoonUISelectValuePro as SelectValue, SelectableVirtualList, MoonUISeparatorPro as Separator, ServerMonitorWidget, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shimmer, ShinyText, Sidebar, SimpleLightbox, MoonUISkeletonPro as Skeleton, MoonUISliderPro as Slider, Sparkles36 as Sparkles, SplashCursor, SplashCursorContainer, Spotlight, SpringPhysics, Starfield, SubscriptionProvider, SwipeActions, SwipeableCard, MoonUISwitchPro as Switch, MoonUITablePro as Table, MoonUITableBodyPro as TableBody, MoonUITableCaptionPro as TableCaption, MoonUITableCellPro as TableCell, MoonUITableFooterPro as TableFooter, MoonUITableHeadPro as TableHead, MoonUITableHeaderPro as TableHeader, MoonUITableRowPro as TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text3D, TextReveal, MoonUITextareaPro as Textarea, Timeline, MoonUIToastPro as Toast, MoonUITogglePro as Toggle, MoonUITooltipPro as Tooltip, MoonUITooltipContentPro as TooltipContent, MoonUITooltipProviderPro as TooltipProvider, MoonUITooltipTriggerPro as TooltipTrigger, TouchGestures, TypewriterText, VirtualList, Waves, WavyText, WidgetBase, WordRotate, MoonUIalertVariantsPro as alertVariants, MoonUIaspectRatioVariantsPro as aspectRatioVariants, moonUIBadgeVariantsPro as badgeVariants, MoonUIbreadcrumbVariantsPro as breadcrumbVariants, moonUIButtonProVariants as buttonVariants, clearAuth, clearAuth as clearAuthV2, cn, codeSnippetsPresets, collapsibleContentVariants, collapsibleTriggerVariants, commandVariantsPro, createAIProvider, dotPatternConfig, forceRefresh, forceRefresh as forceRefreshV2, galleryItemVariants, galleryVariants, geometricPatternsConfig, getExpandableColumn, gradientFlowConfig, gridDistortionConfig, hoverCard3DVariants, liquidBackgroundConfig, meshGradientConfig, moonUIAnimatedButtonProVariants, badgeVariants as moonUIAvatarBadgeVariants, avatarVariants as moonUIAvatarProVariants, statusVariants as moonUIAvatarStatusVariants, moonUIBadgeVariantsPro, moonUIButtonProVariants, gestureDrawerVariants as moonUIGestureDrawerProVariants, moonUISeparatorVariantsPro, navigationMenuTriggerStyle, countries as phoneCountries, MoonUIradioGroupItemVariantsPro as radioGroupItemVariants, moonUISeparatorVariantsPro as separatorVariants, spotlightPresets, MoonUItableVariantsPro as tableVariants, MoonUItoggleVariantsPro as toggleVariants, useAccordionAnalytics, useCollapsibleAnalytics, useExpandableRows, useFormWizard, useMoonUIAuth, useStreamingData, useSubscription, useSubscriptionContext, useSubscription as useSubscriptionV2, useVirtualList, wavesConfig };
|