@moontra/moonui-pro 3.4.8 → 3.4.9
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.css.map +1 -1
- package/dist/cdn/index.global.js +335 -229
- package/dist/cdn/index.global.js.map +1 -1
- package/dist/index.d.ts +15 -15
- package/dist/index.mjs +1063 -741
- package/package.json +1 -1
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 React71 from 'react';
|
|
5
|
+
import React71__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 { motion, AnimatePresence, useAnimation, useMotionValue, animate, useInView, useSpring, useTransform, useScroll, useMotionValueEvent, Reorder, useDragControls } from 'framer-motion';
|
|
8
8
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
@@ -14,8 +14,8 @@ import { createSlottable, createSlot } from '@radix-ui/react-slot';
|
|
|
14
14
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
15
15
|
import { format, addMonths, subMonths, startOfMonth, endOfMonth, eachDayOfInterval, getDay, startOfWeek, endOfWeek, isSameMonth, isToday, formatDistanceToNow, startOfDay, endOfDay, subDays, isSameDay } from 'date-fns';
|
|
16
16
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
17
|
-
import * as
|
|
18
|
-
import
|
|
17
|
+
import * as ReactDOM2 from 'react-dom';
|
|
18
|
+
import ReactDOM2__default, { createPortal } from 'react-dom';
|
|
19
19
|
import { Command } from 'cmdk';
|
|
20
20
|
import Fuse from 'fuse.js';
|
|
21
21
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
@@ -2963,7 +2963,7 @@ var accordionTriggerVariants = cva(
|
|
|
2963
2963
|
}
|
|
2964
2964
|
}
|
|
2965
2965
|
);
|
|
2966
|
-
var MoonUIAccordionPro =
|
|
2966
|
+
var MoonUIAccordionPro = React71.forwardRef((props, ref) => {
|
|
2967
2967
|
const {
|
|
2968
2968
|
className,
|
|
2969
2969
|
size: size4 = "md",
|
|
@@ -2983,7 +2983,7 @@ var MoonUIAccordionPro = React64.forwardRef((props, ref) => {
|
|
|
2983
2983
|
...rest
|
|
2984
2984
|
} = props;
|
|
2985
2985
|
const collapsible = props.type === "single" ? props.collapsible ?? true : void 0;
|
|
2986
|
-
|
|
2986
|
+
React71.useEffect(() => {
|
|
2987
2987
|
if (autoExpandFromHash && typeof window !== "undefined") {
|
|
2988
2988
|
const hash = window.location.hash.replace("#", "");
|
|
2989
2989
|
if (hash) {
|
|
@@ -3000,7 +3000,7 @@ var MoonUIAccordionPro = React64.forwardRef((props, ref) => {
|
|
|
3000
3000
|
}
|
|
3001
3001
|
}
|
|
3002
3002
|
}, [autoExpandFromHash]);
|
|
3003
|
-
const handleValueChange =
|
|
3003
|
+
const handleValueChange = React71.useCallback((newValue) => {
|
|
3004
3004
|
if (onItemToggle && newValue) {
|
|
3005
3005
|
if (Array.isArray(newValue)) {
|
|
3006
3006
|
newValue.forEach((v) => onItemToggle(v, true));
|
|
@@ -3044,12 +3044,12 @@ var MoonUIAccordionPro = React64.forwardRef((props, ref) => {
|
|
|
3044
3044
|
);
|
|
3045
3045
|
});
|
|
3046
3046
|
MoonUIAccordionPro.displayName = "MoonUIAccordionPro";
|
|
3047
|
-
var AccordionContext =
|
|
3048
|
-
var MoonUIAccordionItemPro =
|
|
3049
|
-
const { size: size4, variant, onItemToggle } =
|
|
3050
|
-
const [hasBeenOpened, setHasBeenOpened] =
|
|
3047
|
+
var AccordionContext = React71.createContext({});
|
|
3048
|
+
var MoonUIAccordionItemPro = React71.forwardRef(({ className, loading, progress, badge, badgeVariant = "default", completed, lazy, children, ...props }, ref) => {
|
|
3049
|
+
const { size: size4, variant, onItemToggle } = React71.useContext(AccordionContext);
|
|
3050
|
+
const [hasBeenOpened, setHasBeenOpened] = React71.useState(!lazy);
|
|
3051
3051
|
const progressOffset = progress ? 188.4 - 188.4 * progress / 100 : 188.4;
|
|
3052
|
-
|
|
3052
|
+
React71.useEffect(() => {
|
|
3053
3053
|
if (lazy && !hasBeenOpened) {
|
|
3054
3054
|
const item = document.querySelector(`[data-state="open"][value="${props.value}"]`);
|
|
3055
3055
|
if (item) {
|
|
@@ -3122,7 +3122,7 @@ var MoonUIAccordionItemPro = React64.forwardRef(({ className, loading, progress,
|
|
|
3122
3122
|
);
|
|
3123
3123
|
});
|
|
3124
3124
|
MoonUIAccordionItemPro.displayName = "MoonUIAccordionItemPro";
|
|
3125
|
-
var MoonUIAccordionTriggerPro =
|
|
3125
|
+
var MoonUIAccordionTriggerPro = React71.forwardRef(({
|
|
3126
3126
|
className,
|
|
3127
3127
|
children,
|
|
3128
3128
|
leftIcon,
|
|
@@ -3134,7 +3134,7 @@ var MoonUIAccordionTriggerPro = React64.forwardRef(({
|
|
|
3134
3134
|
hideChevron,
|
|
3135
3135
|
...props
|
|
3136
3136
|
}, ref) => {
|
|
3137
|
-
const { size: size4, variant, searchTerm } =
|
|
3137
|
+
const { size: size4, variant, searchTerm } = React71.useContext(AccordionContext);
|
|
3138
3138
|
const highlightText = (text, searchTerm2) => {
|
|
3139
3139
|
if (!searchTerm2 || typeof text !== "string")
|
|
3140
3140
|
return text;
|
|
@@ -3174,11 +3174,11 @@ var MoonUIAccordionTriggerPro = React64.forwardRef(({
|
|
|
3174
3174
|
) });
|
|
3175
3175
|
});
|
|
3176
3176
|
MoonUIAccordionTriggerPro.displayName = "MoonUIAccordionTriggerPro";
|
|
3177
|
-
var MoonUIAccordionContentPro =
|
|
3178
|
-
const { size: size4, variant, animationMode } =
|
|
3179
|
-
const [dynamicContent, setDynamicContent] =
|
|
3180
|
-
const [isLoading, setIsLoading] =
|
|
3181
|
-
|
|
3177
|
+
var MoonUIAccordionContentPro = React71.forwardRef(({ className, children, contentLoading, loadContent, noPadding, ...props }, ref) => {
|
|
3178
|
+
const { size: size4, variant, animationMode } = React71.useContext(AccordionContext);
|
|
3179
|
+
const [dynamicContent, setDynamicContent] = React71.useState(null);
|
|
3180
|
+
const [isLoading, setIsLoading] = React71.useState(false);
|
|
3181
|
+
React71.useEffect(() => {
|
|
3182
3182
|
if (loadContent && !dynamicContent) {
|
|
3183
3183
|
setIsLoading(true);
|
|
3184
3184
|
loadContent().then(setDynamicContent).finally(() => setIsLoading(false));
|
|
@@ -3215,8 +3215,8 @@ var MoonUIAccordionContentPro = React64.forwardRef(({ className, children, conte
|
|
|
3215
3215
|
});
|
|
3216
3216
|
MoonUIAccordionContentPro.displayName = "MoonUIAccordionContentPro";
|
|
3217
3217
|
var useAccordionAnalytics = () => {
|
|
3218
|
-
const [analytics, setAnalytics] =
|
|
3219
|
-
const trackItemOpen =
|
|
3218
|
+
const [analytics, setAnalytics] = React71.useState({});
|
|
3219
|
+
const trackItemOpen = React71.useCallback((itemId) => {
|
|
3220
3220
|
setAnalytics((prev) => ({
|
|
3221
3221
|
...prev,
|
|
3222
3222
|
[itemId]: {
|
|
@@ -3263,9 +3263,9 @@ var MoonUIalertVariantsPro = cva(
|
|
|
3263
3263
|
}
|
|
3264
3264
|
}
|
|
3265
3265
|
);
|
|
3266
|
-
var MoonUIAlertPro =
|
|
3266
|
+
var MoonUIAlertPro = React71.forwardRef(
|
|
3267
3267
|
({ className, variant = "default", size: size4, radius, hideIcon = false, closable = false, onClose, children, ...props }, ref) => {
|
|
3268
|
-
const MoonUIIconPro =
|
|
3268
|
+
const MoonUIIconPro = React71.useMemo(() => {
|
|
3269
3269
|
switch (variant) {
|
|
3270
3270
|
case "success":
|
|
3271
3271
|
return Check;
|
|
@@ -3304,7 +3304,7 @@ var MoonUIAlertPro = React64.forwardRef(
|
|
|
3304
3304
|
}
|
|
3305
3305
|
);
|
|
3306
3306
|
MoonUIAlertPro.displayName = "AlertPro";
|
|
3307
|
-
var MoonUIAlertTitlePro =
|
|
3307
|
+
var MoonUIAlertTitlePro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3308
3308
|
"h5",
|
|
3309
3309
|
{
|
|
3310
3310
|
ref,
|
|
@@ -3313,7 +3313,7 @@ var MoonUIAlertTitlePro = React64.forwardRef(({ className, ...props }, ref) => /
|
|
|
3313
3313
|
}
|
|
3314
3314
|
));
|
|
3315
3315
|
MoonUIAlertTitlePro.displayName = "AlertTitlePro";
|
|
3316
|
-
var MoonUIAlertDescriptionPro =
|
|
3316
|
+
var MoonUIAlertDescriptionPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3317
3317
|
"div",
|
|
3318
3318
|
{
|
|
3319
3319
|
ref,
|
|
@@ -3325,19 +3325,19 @@ MoonUIAlertDescriptionPro.displayName = "AlertDescriptionPro";
|
|
|
3325
3325
|
function createContextScope(scopeName, createContextScopeDeps = []) {
|
|
3326
3326
|
let defaultContexts = [];
|
|
3327
3327
|
function createContext32(rootComponentName, defaultContext) {
|
|
3328
|
-
const BaseContext =
|
|
3328
|
+
const BaseContext = React71.createContext(defaultContext);
|
|
3329
3329
|
const index2 = defaultContexts.length;
|
|
3330
3330
|
defaultContexts = [...defaultContexts, defaultContext];
|
|
3331
3331
|
const Provider3 = (props) => {
|
|
3332
3332
|
const { scope, children, ...context } = props;
|
|
3333
3333
|
const Context = scope?.[scopeName]?.[index2] || BaseContext;
|
|
3334
|
-
const value =
|
|
3334
|
+
const value = React71.useMemo(() => context, Object.values(context));
|
|
3335
3335
|
return /* @__PURE__ */ jsx(Context.Provider, { value, children });
|
|
3336
3336
|
};
|
|
3337
3337
|
Provider3.displayName = rootComponentName + "Provider";
|
|
3338
3338
|
function useContext23(consumerName, scope) {
|
|
3339
3339
|
const Context = scope?.[scopeName]?.[index2] || BaseContext;
|
|
3340
|
-
const context =
|
|
3340
|
+
const context = React71.useContext(Context);
|
|
3341
3341
|
if (context)
|
|
3342
3342
|
return context;
|
|
3343
3343
|
if (defaultContext !== void 0)
|
|
@@ -3348,11 +3348,11 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
|
|
|
3348
3348
|
}
|
|
3349
3349
|
const createScope = () => {
|
|
3350
3350
|
const scopeContexts = defaultContexts.map((defaultContext) => {
|
|
3351
|
-
return
|
|
3351
|
+
return React71.createContext(defaultContext);
|
|
3352
3352
|
});
|
|
3353
3353
|
return function useScope(scope) {
|
|
3354
3354
|
const contexts = scope?.[scopeName] || scopeContexts;
|
|
3355
|
-
return
|
|
3355
|
+
return React71.useMemo(
|
|
3356
3356
|
() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
|
|
3357
3357
|
[scope, contexts]
|
|
3358
3358
|
);
|
|
@@ -3376,7 +3376,7 @@ function composeContextScopes(...scopes) {
|
|
|
3376
3376
|
const currentScope = scopeProps[`__scope${scopeName}`];
|
|
3377
3377
|
return { ...nextScopes2, ...currentScope };
|
|
3378
3378
|
}, {});
|
|
3379
|
-
return
|
|
3379
|
+
return React71.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
|
|
3380
3380
|
};
|
|
3381
3381
|
};
|
|
3382
3382
|
createScope.scopeName = baseScope.scopeName;
|
|
@@ -3414,7 +3414,7 @@ function composeRefs(...refs) {
|
|
|
3414
3414
|
};
|
|
3415
3415
|
}
|
|
3416
3416
|
function useComposedRefs(...refs) {
|
|
3417
|
-
return
|
|
3417
|
+
return React71.useCallback(composeRefs(...refs), refs);
|
|
3418
3418
|
}
|
|
3419
3419
|
function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
|
|
3420
3420
|
return function handleEvent(event) {
|
|
@@ -3436,7 +3436,7 @@ var AlertDialog = (props) => {
|
|
|
3436
3436
|
};
|
|
3437
3437
|
AlertDialog.displayName = ROOT_NAME;
|
|
3438
3438
|
var TRIGGER_NAME = "AlertDialogTrigger";
|
|
3439
|
-
var AlertDialogTrigger =
|
|
3439
|
+
var AlertDialogTrigger = React71.forwardRef(
|
|
3440
3440
|
(props, forwardedRef) => {
|
|
3441
3441
|
const { __scopeAlertDialog, ...triggerProps } = props;
|
|
3442
3442
|
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
@@ -3452,7 +3452,7 @@ var AlertDialogPortal = (props) => {
|
|
|
3452
3452
|
};
|
|
3453
3453
|
AlertDialogPortal.displayName = PORTAL_NAME;
|
|
3454
3454
|
var OVERLAY_NAME = "AlertDialogOverlay";
|
|
3455
|
-
var AlertDialogOverlay =
|
|
3455
|
+
var AlertDialogOverlay = React71.forwardRef(
|
|
3456
3456
|
(props, forwardedRef) => {
|
|
3457
3457
|
const { __scopeAlertDialog, ...overlayProps } = props;
|
|
3458
3458
|
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
@@ -3463,13 +3463,13 @@ AlertDialogOverlay.displayName = OVERLAY_NAME;
|
|
|
3463
3463
|
var CONTENT_NAME = "AlertDialogContent";
|
|
3464
3464
|
var [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME);
|
|
3465
3465
|
var Slottable = createSlottable("AlertDialogContent");
|
|
3466
|
-
var AlertDialogContent =
|
|
3466
|
+
var AlertDialogContent = React71.forwardRef(
|
|
3467
3467
|
(props, forwardedRef) => {
|
|
3468
3468
|
const { __scopeAlertDialog, children, ...contentProps } = props;
|
|
3469
3469
|
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
3470
|
-
const contentRef =
|
|
3470
|
+
const contentRef = React71.useRef(null);
|
|
3471
3471
|
const composedRefs = useComposedRefs(forwardedRef, contentRef);
|
|
3472
|
-
const cancelRef =
|
|
3472
|
+
const cancelRef = React71.useRef(null);
|
|
3473
3473
|
return /* @__PURE__ */ jsx(
|
|
3474
3474
|
DialogPrimitive2.WarningProvider,
|
|
3475
3475
|
{
|
|
@@ -3501,7 +3501,7 @@ var AlertDialogContent = React64.forwardRef(
|
|
|
3501
3501
|
);
|
|
3502
3502
|
AlertDialogContent.displayName = CONTENT_NAME;
|
|
3503
3503
|
var TITLE_NAME = "AlertDialogTitle";
|
|
3504
|
-
var AlertDialogTitle =
|
|
3504
|
+
var AlertDialogTitle = React71.forwardRef(
|
|
3505
3505
|
(props, forwardedRef) => {
|
|
3506
3506
|
const { __scopeAlertDialog, ...titleProps } = props;
|
|
3507
3507
|
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
@@ -3510,14 +3510,14 @@ var AlertDialogTitle = React64.forwardRef(
|
|
|
3510
3510
|
);
|
|
3511
3511
|
AlertDialogTitle.displayName = TITLE_NAME;
|
|
3512
3512
|
var DESCRIPTION_NAME = "AlertDialogDescription";
|
|
3513
|
-
var AlertDialogDescription =
|
|
3513
|
+
var AlertDialogDescription = React71.forwardRef((props, forwardedRef) => {
|
|
3514
3514
|
const { __scopeAlertDialog, ...descriptionProps } = props;
|
|
3515
3515
|
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
3516
3516
|
return /* @__PURE__ */ jsx(DialogPrimitive2.Description, { ...dialogScope, ...descriptionProps, ref: forwardedRef });
|
|
3517
3517
|
});
|
|
3518
3518
|
AlertDialogDescription.displayName = DESCRIPTION_NAME;
|
|
3519
3519
|
var ACTION_NAME = "AlertDialogAction";
|
|
3520
|
-
var AlertDialogAction =
|
|
3520
|
+
var AlertDialogAction = React71.forwardRef(
|
|
3521
3521
|
(props, forwardedRef) => {
|
|
3522
3522
|
const { __scopeAlertDialog, ...actionProps } = props;
|
|
3523
3523
|
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
@@ -3526,7 +3526,7 @@ var AlertDialogAction = React64.forwardRef(
|
|
|
3526
3526
|
);
|
|
3527
3527
|
AlertDialogAction.displayName = ACTION_NAME;
|
|
3528
3528
|
var CANCEL_NAME = "AlertDialogCancel";
|
|
3529
|
-
var AlertDialogCancel =
|
|
3529
|
+
var AlertDialogCancel = React71.forwardRef(
|
|
3530
3530
|
(props, forwardedRef) => {
|
|
3531
3531
|
const { __scopeAlertDialog, ...cancelProps } = props;
|
|
3532
3532
|
const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);
|
|
@@ -3544,7 +3544,7 @@ You can add a description to the \`${CONTENT_NAME}\` by passing a \`${DESCRIPTIO
|
|
|
3544
3544
|
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_NAME}\`. 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.
|
|
3545
3545
|
|
|
3546
3546
|
For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
|
|
3547
|
-
|
|
3547
|
+
React71.useEffect(() => {
|
|
3548
3548
|
const hasDescription = document.getElementById(
|
|
3549
3549
|
contentRef.current?.getAttribute("aria-describedby")
|
|
3550
3550
|
);
|
|
@@ -3711,7 +3711,7 @@ var moonUIButtonProVariants = cva(
|
|
|
3711
3711
|
}
|
|
3712
3712
|
}
|
|
3713
3713
|
);
|
|
3714
|
-
var MoonUIButtonPro =
|
|
3714
|
+
var MoonUIButtonPro = React71.forwardRef(
|
|
3715
3715
|
({
|
|
3716
3716
|
className,
|
|
3717
3717
|
variant,
|
|
@@ -3749,7 +3749,7 @@ MoonUIButtonPro.displayName = "MoonUIButtonPro";
|
|
|
3749
3749
|
var AlertDialog2 = Root22;
|
|
3750
3750
|
var AlertDialogTrigger2 = Trigger22;
|
|
3751
3751
|
var AlertDialogPortal2 = Portal2;
|
|
3752
|
-
var AlertDialogOverlay2 =
|
|
3752
|
+
var AlertDialogOverlay2 = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3753
3753
|
Overlay2,
|
|
3754
3754
|
{
|
|
3755
3755
|
className: cn(
|
|
@@ -3761,7 +3761,7 @@ var AlertDialogOverlay2 = React64.forwardRef(({ className, ...props }, ref) => /
|
|
|
3761
3761
|
}
|
|
3762
3762
|
));
|
|
3763
3763
|
AlertDialogOverlay2.displayName = Overlay2.displayName;
|
|
3764
|
-
var AlertDialogContent2 =
|
|
3764
|
+
var AlertDialogContent2 = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal2, { children: [
|
|
3765
3765
|
/* @__PURE__ */ jsx(AlertDialogOverlay2, {}),
|
|
3766
3766
|
/* @__PURE__ */ jsx(
|
|
3767
3767
|
Content22,
|
|
@@ -3804,7 +3804,7 @@ var AlertDialogFooter = ({
|
|
|
3804
3804
|
}
|
|
3805
3805
|
);
|
|
3806
3806
|
AlertDialogFooter.displayName = "AlertDialogFooter";
|
|
3807
|
-
var AlertDialogTitle2 =
|
|
3807
|
+
var AlertDialogTitle2 = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3808
3808
|
Title2,
|
|
3809
3809
|
{
|
|
3810
3810
|
ref,
|
|
@@ -3813,7 +3813,7 @@ var AlertDialogTitle2 = React64.forwardRef(({ className, ...props }, ref) => /*
|
|
|
3813
3813
|
}
|
|
3814
3814
|
));
|
|
3815
3815
|
AlertDialogTitle2.displayName = Title2.displayName;
|
|
3816
|
-
var AlertDialogDescription2 =
|
|
3816
|
+
var AlertDialogDescription2 = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3817
3817
|
Description2,
|
|
3818
3818
|
{
|
|
3819
3819
|
ref,
|
|
@@ -3822,7 +3822,7 @@ var AlertDialogDescription2 = React64.forwardRef(({ className, ...props }, ref)
|
|
|
3822
3822
|
}
|
|
3823
3823
|
));
|
|
3824
3824
|
AlertDialogDescription2.displayName = Description2.displayName;
|
|
3825
|
-
var AlertDialogAction2 =
|
|
3825
|
+
var AlertDialogAction2 = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3826
3826
|
Action,
|
|
3827
3827
|
{
|
|
3828
3828
|
ref,
|
|
@@ -3831,7 +3831,7 @@ var AlertDialogAction2 = React64.forwardRef(({ className, ...props }, ref) => /*
|
|
|
3831
3831
|
}
|
|
3832
3832
|
));
|
|
3833
3833
|
AlertDialogAction2.displayName = Action.displayName;
|
|
3834
|
-
var AlertDialogCancel2 =
|
|
3834
|
+
var AlertDialogCancel2 = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
3835
3835
|
Cancel,
|
|
3836
3836
|
{
|
|
3837
3837
|
ref,
|
|
@@ -3899,7 +3899,7 @@ var MoonUIaspectRatioVariantsPro = cva(
|
|
|
3899
3899
|
}
|
|
3900
3900
|
}
|
|
3901
3901
|
);
|
|
3902
|
-
var MoonUIAspectRatioPro =
|
|
3902
|
+
var MoonUIAspectRatioPro = React71.forwardRef(({
|
|
3903
3903
|
className,
|
|
3904
3904
|
variant,
|
|
3905
3905
|
radius,
|
|
@@ -3917,12 +3917,12 @@ var MoonUIAspectRatioPro = React64.forwardRef(({
|
|
|
3917
3917
|
children,
|
|
3918
3918
|
...props
|
|
3919
3919
|
}, ref) => {
|
|
3920
|
-
const [currentRatio, setCurrentRatio] =
|
|
3920
|
+
const [currentRatio, setCurrentRatio] = React71.useState(() => {
|
|
3921
3921
|
if (preset)
|
|
3922
3922
|
return PRESET_RATIOS[preset];
|
|
3923
3923
|
return ratio;
|
|
3924
3924
|
});
|
|
3925
|
-
|
|
3925
|
+
React71.useEffect(() => {
|
|
3926
3926
|
const newRatio = preset ? PRESET_RATIOS[preset] : ratio;
|
|
3927
3927
|
if (smoothTransition) {
|
|
3928
3928
|
setCurrentRatio(newRatio);
|
|
@@ -3930,7 +3930,7 @@ var MoonUIAspectRatioPro = React64.forwardRef(({
|
|
|
3930
3930
|
setCurrentRatio(newRatio);
|
|
3931
3931
|
}
|
|
3932
3932
|
}, [preset, ratio, smoothTransition]);
|
|
3933
|
-
|
|
3933
|
+
React71.useEffect(() => {
|
|
3934
3934
|
if (!responsive)
|
|
3935
3935
|
return;
|
|
3936
3936
|
const handleResize = () => {
|
|
@@ -4019,7 +4019,7 @@ var moonUIAvatarVariantsPro = cva(
|
|
|
4019
4019
|
}
|
|
4020
4020
|
}
|
|
4021
4021
|
);
|
|
4022
|
-
var MoonUIAvatarPro =
|
|
4022
|
+
var MoonUIAvatarPro = React71.forwardRef(({ className, size: size4, radius, variant, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4023
4023
|
AvatarPrimitive.Root,
|
|
4024
4024
|
{
|
|
4025
4025
|
ref,
|
|
@@ -4028,7 +4028,7 @@ var MoonUIAvatarPro = React64.forwardRef(({ className, size: size4, radius, vari
|
|
|
4028
4028
|
}
|
|
4029
4029
|
));
|
|
4030
4030
|
MoonUIAvatarPro.displayName = AvatarPrimitive.Root.displayName;
|
|
4031
|
-
var MoonUIAvatarImagePro =
|
|
4031
|
+
var MoonUIAvatarImagePro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4032
4032
|
AvatarPrimitive.Image,
|
|
4033
4033
|
{
|
|
4034
4034
|
ref,
|
|
@@ -4037,7 +4037,7 @@ var MoonUIAvatarImagePro = React64.forwardRef(({ className, ...props }, ref) =>
|
|
|
4037
4037
|
}
|
|
4038
4038
|
));
|
|
4039
4039
|
MoonUIAvatarImagePro.displayName = AvatarPrimitive.Image.displayName;
|
|
4040
|
-
var MoonUIAvatarFallbackPro =
|
|
4040
|
+
var MoonUIAvatarFallbackPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4041
4041
|
AvatarPrimitive.Fallback,
|
|
4042
4042
|
{
|
|
4043
4043
|
ref,
|
|
@@ -4049,9 +4049,9 @@ var MoonUIAvatarFallbackPro = React64.forwardRef(({ className, ...props }, ref)
|
|
|
4049
4049
|
}
|
|
4050
4050
|
));
|
|
4051
4051
|
MoonUIAvatarFallbackPro.displayName = AvatarPrimitive.Fallback.displayName;
|
|
4052
|
-
var MoonUIAvatarGroupPro =
|
|
4052
|
+
var MoonUIAvatarGroupPro = React71.forwardRef(
|
|
4053
4053
|
({ className, max: max2 = 3, size: size4 = "md", children, overlapOffset, ...props }, ref) => {
|
|
4054
|
-
const childrenArray =
|
|
4054
|
+
const childrenArray = React71.Children.toArray(children);
|
|
4055
4055
|
const visibleChildren = max2 ? childrenArray.slice(0, max2) : childrenArray;
|
|
4056
4056
|
const remainingCount = max2 ? Math.max(0, childrenArray.length - max2) : 0;
|
|
4057
4057
|
const defaultOffsets = {
|
|
@@ -4078,7 +4078,7 @@ var MoonUIAvatarGroupPro = React64.forwardRef(
|
|
|
4078
4078
|
marginLeft: index2 === 0 ? 0 : `${finalOffset}px`,
|
|
4079
4079
|
zIndex: visibleChildren.length - index2
|
|
4080
4080
|
},
|
|
4081
|
-
children:
|
|
4081
|
+
children: React71.isValidElement(child) && child.type === MoonUIAvatarPro ? React71.cloneElement(child, { size: size4 }) : child
|
|
4082
4082
|
},
|
|
4083
4083
|
index2
|
|
4084
4084
|
)),
|
|
@@ -4291,7 +4291,7 @@ var MoonUIbreadcrumbVariantsPro = cva(
|
|
|
4291
4291
|
}
|
|
4292
4292
|
}
|
|
4293
4293
|
);
|
|
4294
|
-
var MoonUIBreadcrumbPro =
|
|
4294
|
+
var MoonUIBreadcrumbPro = React71.forwardRef(
|
|
4295
4295
|
({ className, variant, size: size4, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4296
4296
|
"nav",
|
|
4297
4297
|
{
|
|
@@ -4303,9 +4303,9 @@ var MoonUIBreadcrumbPro = React64.forwardRef(
|
|
|
4303
4303
|
)
|
|
4304
4304
|
);
|
|
4305
4305
|
MoonUIBreadcrumbPro.displayName = "BreadcrumbPro";
|
|
4306
|
-
var MoonUIBreadcrumbListPro =
|
|
4306
|
+
var MoonUIBreadcrumbListPro = React71.forwardRef(
|
|
4307
4307
|
({ className, collapsed, collapsedWidth = 3, ...props }, ref) => {
|
|
4308
|
-
const MoonUIchildrenArrayPro =
|
|
4308
|
+
const MoonUIchildrenArrayPro = React71.Children.toArray(props.children).filter(Boolean);
|
|
4309
4309
|
const MoonUIchildCountPro = MoonUIchildrenArrayPro.length;
|
|
4310
4310
|
if (collapsed && MoonUIchildCountPro > collapsedWidth) {
|
|
4311
4311
|
const MoonUIfirstItemPro = MoonUIchildrenArrayPro[0];
|
|
@@ -4341,9 +4341,9 @@ var MoonUIBreadcrumbListPro = React64.forwardRef(
|
|
|
4341
4341
|
}
|
|
4342
4342
|
);
|
|
4343
4343
|
MoonUIBreadcrumbListPro.displayName = "BreadcrumbListPro";
|
|
4344
|
-
var MoonUIBreadcrumbItemPro =
|
|
4344
|
+
var MoonUIBreadcrumbItemPro = React71.forwardRef(
|
|
4345
4345
|
({ className, isCurrent, href, asChild = false, ...props }, ref) => {
|
|
4346
|
-
const MoonUICompPro = asChild ?
|
|
4346
|
+
const MoonUICompPro = asChild ? React71.Fragment : href ? "a" : "span";
|
|
4347
4347
|
const MoonUIitemPropsPro = asChild ? {} : href ? { href } : {};
|
|
4348
4348
|
return /* @__PURE__ */ jsx(
|
|
4349
4349
|
"li",
|
|
@@ -4400,7 +4400,7 @@ var MoonUIBreadcrumbEllipsisPro = ({
|
|
|
4400
4400
|
}
|
|
4401
4401
|
);
|
|
4402
4402
|
MoonUIBreadcrumbEllipsisPro.displayName = "BreadcrumbEllipsisPro";
|
|
4403
|
-
var MoonUIBreadcrumbLinkPro =
|
|
4403
|
+
var MoonUIBreadcrumbLinkPro = React71.forwardRef(
|
|
4404
4404
|
({ className, href, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4405
4405
|
"a",
|
|
4406
4406
|
{
|
|
@@ -4415,7 +4415,7 @@ var MoonUIBreadcrumbLinkPro = React64.forwardRef(
|
|
|
4415
4415
|
)
|
|
4416
4416
|
);
|
|
4417
4417
|
MoonUIBreadcrumbLinkPro.displayName = "BreadcrumbLinkPro";
|
|
4418
|
-
var MoonUIBreadcrumbPagePro =
|
|
4418
|
+
var MoonUIBreadcrumbPagePro = React71.forwardRef(
|
|
4419
4419
|
({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4420
4420
|
"span",
|
|
4421
4421
|
{
|
|
@@ -4453,7 +4453,7 @@ function Calendar({
|
|
|
4453
4453
|
return selected;
|
|
4454
4454
|
return /* @__PURE__ */ new Date();
|
|
4455
4455
|
};
|
|
4456
|
-
const [currentMonth, setCurrentMonth] =
|
|
4456
|
+
const [currentMonth, setCurrentMonth] = React71.useState(getInitialMonth());
|
|
4457
4457
|
const weekDays = [
|
|
4458
4458
|
{ short: "S", full: "Sunday" },
|
|
4459
4459
|
{ short: "M", full: "Monday" },
|
|
@@ -4843,7 +4843,7 @@ var moonUICardVariantsPro = cva(
|
|
|
4843
4843
|
}
|
|
4844
4844
|
}
|
|
4845
4845
|
);
|
|
4846
|
-
var MoonUICardPro =
|
|
4846
|
+
var MoonUICardPro = React71.forwardRef(
|
|
4847
4847
|
({
|
|
4848
4848
|
className,
|
|
4849
4849
|
variant,
|
|
@@ -4860,8 +4860,8 @@ var MoonUICardPro = React64.forwardRef(
|
|
|
4860
4860
|
asChild,
|
|
4861
4861
|
...props
|
|
4862
4862
|
}, ref) => {
|
|
4863
|
-
const [mousePos, setMousePos] =
|
|
4864
|
-
const [isHovered, setIsHovered] =
|
|
4863
|
+
const [mousePos, setMousePos] = React71.useState({ x: 0, y: 0 });
|
|
4864
|
+
const [isHovered, setIsHovered] = React71.useState(false);
|
|
4865
4865
|
const handleMouseMove2 = (e) => {
|
|
4866
4866
|
if (!enableTilt && !enableParallax)
|
|
4867
4867
|
return;
|
|
@@ -4921,7 +4921,7 @@ var MoonUICardPro = React64.forwardRef(
|
|
|
4921
4921
|
}
|
|
4922
4922
|
);
|
|
4923
4923
|
MoonUICardPro.displayName = "MoonUICardPro";
|
|
4924
|
-
var MoonUICardHeaderPro =
|
|
4924
|
+
var MoonUICardHeaderPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4925
4925
|
"div",
|
|
4926
4926
|
{
|
|
4927
4927
|
ref,
|
|
@@ -4930,7 +4930,7 @@ var MoonUICardHeaderPro = React64.forwardRef(({ className, ...props }, ref) => /
|
|
|
4930
4930
|
}
|
|
4931
4931
|
));
|
|
4932
4932
|
MoonUICardHeaderPro.displayName = "MoonUICardHeaderPro";
|
|
4933
|
-
var MoonUICardTitlePro =
|
|
4933
|
+
var MoonUICardTitlePro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4934
4934
|
"h3",
|
|
4935
4935
|
{
|
|
4936
4936
|
ref,
|
|
@@ -4939,7 +4939,7 @@ var MoonUICardTitlePro = React64.forwardRef(({ className, ...props }, ref) => /*
|
|
|
4939
4939
|
}
|
|
4940
4940
|
));
|
|
4941
4941
|
MoonUICardTitlePro.displayName = "MoonUICardTitlePro";
|
|
4942
|
-
var MoonUICardDescriptionPro =
|
|
4942
|
+
var MoonUICardDescriptionPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4943
4943
|
"p",
|
|
4944
4944
|
{
|
|
4945
4945
|
ref,
|
|
@@ -4948,9 +4948,9 @@ var MoonUICardDescriptionPro = React64.forwardRef(({ className, ...props }, ref)
|
|
|
4948
4948
|
}
|
|
4949
4949
|
));
|
|
4950
4950
|
MoonUICardDescriptionPro.displayName = "MoonUICardDescriptionPro";
|
|
4951
|
-
var MoonUICardContentPro =
|
|
4951
|
+
var MoonUICardContentPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
|
|
4952
4952
|
MoonUICardContentPro.displayName = "MoonUICardContentPro";
|
|
4953
|
-
var MoonUICardFooterPro =
|
|
4953
|
+
var MoonUICardFooterPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
4954
4954
|
"div",
|
|
4955
4955
|
{
|
|
4956
4956
|
ref,
|
|
@@ -4997,7 +4997,7 @@ var moonUICheckboxVariantsPro = cva(
|
|
|
4997
4997
|
}
|
|
4998
4998
|
}
|
|
4999
4999
|
);
|
|
5000
|
-
var MoonUICheckboxPro =
|
|
5000
|
+
var MoonUICheckboxPro = React71.forwardRef(({
|
|
5001
5001
|
className,
|
|
5002
5002
|
variant,
|
|
5003
5003
|
size: size4,
|
|
@@ -5008,8 +5008,8 @@ var MoonUICheckboxPro = React64.forwardRef(({
|
|
|
5008
5008
|
checked,
|
|
5009
5009
|
...props
|
|
5010
5010
|
}, ref) => {
|
|
5011
|
-
const [isIndeterminate, setIsIndeterminate] =
|
|
5012
|
-
|
|
5011
|
+
const [isIndeterminate, setIsIndeterminate] = React71.useState(indeterminate);
|
|
5012
|
+
React71.useEffect(() => {
|
|
5013
5013
|
setIsIndeterminate(indeterminate);
|
|
5014
5014
|
}, [indeterminate]);
|
|
5015
5015
|
const effectiveChecked = isIndeterminate ? false : checked;
|
|
@@ -5034,7 +5034,7 @@ var MoonUICheckboxPro = React64.forwardRef(({
|
|
|
5034
5034
|
);
|
|
5035
5035
|
});
|
|
5036
5036
|
MoonUICheckboxPro.displayName = CheckboxPrimitive.Root.displayName;
|
|
5037
|
-
var MoonUICheckboxGroupPro =
|
|
5037
|
+
var MoonUICheckboxGroupPro = React71.forwardRef(
|
|
5038
5038
|
({ className, orientation = "vertical", spacing = "1rem", children, ...props }, ref) => {
|
|
5039
5039
|
return /* @__PURE__ */ jsx(
|
|
5040
5040
|
"div",
|
|
@@ -5054,7 +5054,7 @@ var MoonUICheckboxGroupPro = React64.forwardRef(
|
|
|
5054
5054
|
}
|
|
5055
5055
|
);
|
|
5056
5056
|
MoonUICheckboxGroupPro.displayName = "CheckboxGroup";
|
|
5057
|
-
var MoonUICheckboxLabelPro =
|
|
5057
|
+
var MoonUICheckboxLabelPro = React71.forwardRef(
|
|
5058
5058
|
({ className, htmlFor, children, position = "end", disabled = false, ...props }, ref) => {
|
|
5059
5059
|
return /* @__PURE__ */ jsx(
|
|
5060
5060
|
"label",
|
|
@@ -5074,14 +5074,14 @@ var MoonUICheckboxLabelPro = React64.forwardRef(
|
|
|
5074
5074
|
}
|
|
5075
5075
|
);
|
|
5076
5076
|
MoonUICheckboxLabelPro.displayName = "CheckboxLabel";
|
|
5077
|
-
var MoonUICheckboxWithLabelPro =
|
|
5077
|
+
var MoonUICheckboxWithLabelPro = React71.forwardRef(({
|
|
5078
5078
|
id,
|
|
5079
5079
|
label,
|
|
5080
5080
|
labelPosition = "end",
|
|
5081
5081
|
labelClassName,
|
|
5082
5082
|
...checkboxProps
|
|
5083
5083
|
}, ref) => {
|
|
5084
|
-
const generatedId =
|
|
5084
|
+
const generatedId = React71.useId();
|
|
5085
5085
|
const checkboxId = id || generatedId;
|
|
5086
5086
|
return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
|
|
5087
5087
|
labelPosition === "start" && /* @__PURE__ */ jsx(
|
|
@@ -5108,9 +5108,79 @@ var MoonUICheckboxWithLabelPro = React64.forwardRef(({
|
|
|
5108
5108
|
] });
|
|
5109
5109
|
});
|
|
5110
5110
|
MoonUICheckboxWithLabelPro.displayName = "CheckboxWithLabel";
|
|
5111
|
-
|
|
5111
|
+
|
|
5112
|
+
// node_modules/@radix-ui/primitive/dist/index.mjs
|
|
5113
|
+
function composeEventHandlers2(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
|
|
5114
|
+
return function handleEvent(event) {
|
|
5115
|
+
originalEventHandler?.(event);
|
|
5116
|
+
if (checkForDefaultPrevented === false || !event.defaultPrevented) {
|
|
5117
|
+
return ourEventHandler?.(event);
|
|
5118
|
+
}
|
|
5119
|
+
};
|
|
5120
|
+
}
|
|
5121
|
+
function createContextScope2(scopeName, createContextScopeDeps = []) {
|
|
5122
|
+
let defaultContexts = [];
|
|
5123
|
+
function createContext32(rootComponentName, defaultContext) {
|
|
5124
|
+
const BaseContext = React71.createContext(defaultContext);
|
|
5125
|
+
const index2 = defaultContexts.length;
|
|
5126
|
+
defaultContexts = [...defaultContexts, defaultContext];
|
|
5127
|
+
const Provider3 = (props) => {
|
|
5128
|
+
const { scope, children, ...context } = props;
|
|
5129
|
+
const Context = scope?.[scopeName]?.[index2] || BaseContext;
|
|
5130
|
+
const value = React71.useMemo(() => context, Object.values(context));
|
|
5131
|
+
return /* @__PURE__ */ jsx(Context.Provider, { value, children });
|
|
5132
|
+
};
|
|
5133
|
+
Provider3.displayName = rootComponentName + "Provider";
|
|
5134
|
+
function useContext23(consumerName, scope) {
|
|
5135
|
+
const Context = scope?.[scopeName]?.[index2] || BaseContext;
|
|
5136
|
+
const context = React71.useContext(Context);
|
|
5137
|
+
if (context)
|
|
5138
|
+
return context;
|
|
5139
|
+
if (defaultContext !== void 0)
|
|
5140
|
+
return defaultContext;
|
|
5141
|
+
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
|
5142
|
+
}
|
|
5143
|
+
return [Provider3, useContext23];
|
|
5144
|
+
}
|
|
5145
|
+
const createScope = () => {
|
|
5146
|
+
const scopeContexts = defaultContexts.map((defaultContext) => {
|
|
5147
|
+
return React71.createContext(defaultContext);
|
|
5148
|
+
});
|
|
5149
|
+
return function useScope(scope) {
|
|
5150
|
+
const contexts = scope?.[scopeName] || scopeContexts;
|
|
5151
|
+
return React71.useMemo(
|
|
5152
|
+
() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
|
|
5153
|
+
[scope, contexts]
|
|
5154
|
+
);
|
|
5155
|
+
};
|
|
5156
|
+
};
|
|
5157
|
+
createScope.scopeName = scopeName;
|
|
5158
|
+
return [createContext32, composeContextScopes2(createScope, ...createContextScopeDeps)];
|
|
5159
|
+
}
|
|
5160
|
+
function composeContextScopes2(...scopes) {
|
|
5161
|
+
const baseScope = scopes[0];
|
|
5162
|
+
if (scopes.length === 1)
|
|
5163
|
+
return baseScope;
|
|
5164
|
+
const createScope = () => {
|
|
5165
|
+
const scopeHooks = scopes.map((createScope2) => ({
|
|
5166
|
+
useScope: createScope2(),
|
|
5167
|
+
scopeName: createScope2.scopeName
|
|
5168
|
+
}));
|
|
5169
|
+
return function useComposedScopes(overrideScopes) {
|
|
5170
|
+
const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
|
|
5171
|
+
const scopeProps = useScope(overrideScopes);
|
|
5172
|
+
const currentScope = scopeProps[`__scope${scopeName}`];
|
|
5173
|
+
return { ...nextScopes2, ...currentScope };
|
|
5174
|
+
}, {});
|
|
5175
|
+
return React71.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
|
|
5176
|
+
};
|
|
5177
|
+
};
|
|
5178
|
+
createScope.scopeName = baseScope.scopeName;
|
|
5179
|
+
return createScope;
|
|
5180
|
+
}
|
|
5181
|
+
var useLayoutEffect2 = globalThis?.document ? React71.useLayoutEffect : () => {
|
|
5112
5182
|
};
|
|
5113
|
-
var useInsertionEffect =
|
|
5183
|
+
var useInsertionEffect = React71[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
|
|
5114
5184
|
function useControllableState({
|
|
5115
5185
|
prop,
|
|
5116
5186
|
defaultProp,
|
|
@@ -5125,8 +5195,8 @@ function useControllableState({
|
|
|
5125
5195
|
const isControlled = prop !== void 0;
|
|
5126
5196
|
const value = isControlled ? prop : uncontrolledProp;
|
|
5127
5197
|
{
|
|
5128
|
-
const isControlledRef =
|
|
5129
|
-
|
|
5198
|
+
const isControlledRef = React71.useRef(prop !== void 0);
|
|
5199
|
+
React71.useEffect(() => {
|
|
5130
5200
|
const wasControlled = isControlledRef.current;
|
|
5131
5201
|
if (wasControlled !== isControlled) {
|
|
5132
5202
|
const from2 = wasControlled ? "controlled" : "uncontrolled";
|
|
@@ -5138,7 +5208,7 @@ function useControllableState({
|
|
|
5138
5208
|
isControlledRef.current = isControlled;
|
|
5139
5209
|
}, [isControlled, caller]);
|
|
5140
5210
|
}
|
|
5141
|
-
const setValue =
|
|
5211
|
+
const setValue = React71.useCallback(
|
|
5142
5212
|
(nextValue) => {
|
|
5143
5213
|
if (isControlled) {
|
|
5144
5214
|
const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
|
|
@@ -5157,13 +5227,13 @@ function useUncontrolledState({
|
|
|
5157
5227
|
defaultProp,
|
|
5158
5228
|
onChange
|
|
5159
5229
|
}) {
|
|
5160
|
-
const [value, setValue] =
|
|
5161
|
-
const prevValueRef =
|
|
5162
|
-
const onChangeRef =
|
|
5230
|
+
const [value, setValue] = React71.useState(defaultProp);
|
|
5231
|
+
const prevValueRef = React71.useRef(value);
|
|
5232
|
+
const onChangeRef = React71.useRef(onChange);
|
|
5163
5233
|
useInsertionEffect(() => {
|
|
5164
5234
|
onChangeRef.current = onChange;
|
|
5165
5235
|
}, [onChange]);
|
|
5166
|
-
|
|
5236
|
+
React71.useEffect(() => {
|
|
5167
5237
|
if (prevValueRef.current !== value) {
|
|
5168
5238
|
onChangeRef.current?.(value);
|
|
5169
5239
|
prevValueRef.current = value;
|
|
@@ -5174,6 +5244,40 @@ function useUncontrolledState({
|
|
|
5174
5244
|
function isFunction(value) {
|
|
5175
5245
|
return typeof value === "function";
|
|
5176
5246
|
}
|
|
5247
|
+
function setRef2(ref, value) {
|
|
5248
|
+
if (typeof ref === "function") {
|
|
5249
|
+
return ref(value);
|
|
5250
|
+
} else if (ref !== null && ref !== void 0) {
|
|
5251
|
+
ref.current = value;
|
|
5252
|
+
}
|
|
5253
|
+
}
|
|
5254
|
+
function composeRefs2(...refs) {
|
|
5255
|
+
return (node) => {
|
|
5256
|
+
let hasCleanup = false;
|
|
5257
|
+
const cleanups = refs.map((ref) => {
|
|
5258
|
+
const cleanup = setRef2(ref, node);
|
|
5259
|
+
if (!hasCleanup && typeof cleanup == "function") {
|
|
5260
|
+
hasCleanup = true;
|
|
5261
|
+
}
|
|
5262
|
+
return cleanup;
|
|
5263
|
+
});
|
|
5264
|
+
if (hasCleanup) {
|
|
5265
|
+
return () => {
|
|
5266
|
+
for (let i = 0; i < cleanups.length; i++) {
|
|
5267
|
+
const cleanup = cleanups[i];
|
|
5268
|
+
if (typeof cleanup == "function") {
|
|
5269
|
+
cleanup();
|
|
5270
|
+
} else {
|
|
5271
|
+
setRef2(refs[i], null);
|
|
5272
|
+
}
|
|
5273
|
+
}
|
|
5274
|
+
};
|
|
5275
|
+
}
|
|
5276
|
+
};
|
|
5277
|
+
}
|
|
5278
|
+
function useComposedRefs2(...refs) {
|
|
5279
|
+
return React71.useCallback(composeRefs2(...refs), refs);
|
|
5280
|
+
}
|
|
5177
5281
|
var NODES = [
|
|
5178
5282
|
"a",
|
|
5179
5283
|
"button",
|
|
@@ -5195,7 +5299,7 @@ var NODES = [
|
|
|
5195
5299
|
];
|
|
5196
5300
|
var Primitive = NODES.reduce((primitive, node) => {
|
|
5197
5301
|
const Slot = createSlot(`Primitive.${node}`);
|
|
5198
|
-
const Node4 =
|
|
5302
|
+
const Node4 = React71.forwardRef((props, forwardedRef) => {
|
|
5199
5303
|
const { asChild, ...primitiveProps } = props;
|
|
5200
5304
|
const Comp = asChild ? Slot : node;
|
|
5201
5305
|
if (typeof window !== "undefined") {
|
|
@@ -5206,12 +5310,8 @@ var Primitive = NODES.reduce((primitive, node) => {
|
|
|
5206
5310
|
Node4.displayName = `Primitive.${node}`;
|
|
5207
5311
|
return { ...primitive, [node]: Node4 };
|
|
5208
5312
|
}, {});
|
|
5209
|
-
function dispatchDiscreteCustomEvent(target, event) {
|
|
5210
|
-
if (target)
|
|
5211
|
-
ReactDOM.flushSync(() => target.dispatchEvent(event));
|
|
5212
|
-
}
|
|
5213
5313
|
function useStateMachine(initialState, machine) {
|
|
5214
|
-
return
|
|
5314
|
+
return React71.useReducer((state, event) => {
|
|
5215
5315
|
const nextState = machine[state][event];
|
|
5216
5316
|
return nextState ?? state;
|
|
5217
5317
|
}, initialState);
|
|
@@ -5219,17 +5319,17 @@ function useStateMachine(initialState, machine) {
|
|
|
5219
5319
|
var Presence = (props) => {
|
|
5220
5320
|
const { present, children } = props;
|
|
5221
5321
|
const presence = usePresence(present);
|
|
5222
|
-
const child = typeof children === "function" ? children({ present: presence.isPresent }) :
|
|
5223
|
-
const ref =
|
|
5322
|
+
const child = typeof children === "function" ? children({ present: presence.isPresent }) : React71.Children.only(children);
|
|
5323
|
+
const ref = useComposedRefs2(presence.ref, getElementRef(child));
|
|
5224
5324
|
const forceMount = typeof children === "function";
|
|
5225
|
-
return forceMount || presence.isPresent ?
|
|
5325
|
+
return forceMount || presence.isPresent ? React71.cloneElement(child, { ref }) : null;
|
|
5226
5326
|
};
|
|
5227
5327
|
Presence.displayName = "Presence";
|
|
5228
5328
|
function usePresence(present) {
|
|
5229
|
-
const [node, setNode2] =
|
|
5230
|
-
const stylesRef =
|
|
5231
|
-
const prevPresentRef =
|
|
5232
|
-
const prevAnimationNameRef =
|
|
5329
|
+
const [node, setNode2] = React71.useState();
|
|
5330
|
+
const stylesRef = React71.useRef(null);
|
|
5331
|
+
const prevPresentRef = React71.useRef(present);
|
|
5332
|
+
const prevAnimationNameRef = React71.useRef("none");
|
|
5233
5333
|
const initialState = present ? "mounted" : "unmounted";
|
|
5234
5334
|
const [state, send] = useStateMachine(initialState, {
|
|
5235
5335
|
mounted: {
|
|
@@ -5244,7 +5344,7 @@ function usePresence(present) {
|
|
|
5244
5344
|
MOUNT: "mounted"
|
|
5245
5345
|
}
|
|
5246
5346
|
});
|
|
5247
|
-
|
|
5347
|
+
React71.useEffect(() => {
|
|
5248
5348
|
const currentAnimationName = getAnimationName(stylesRef.current);
|
|
5249
5349
|
prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
|
|
5250
5350
|
}, [state]);
|
|
@@ -5276,7 +5376,7 @@ function usePresence(present) {
|
|
|
5276
5376
|
const ownerWindow = node.ownerDocument.defaultView ?? window;
|
|
5277
5377
|
const handleAnimationEnd = (event) => {
|
|
5278
5378
|
const currentAnimationName = getAnimationName(stylesRef.current);
|
|
5279
|
-
const isCurrentAnimation = currentAnimationName.includes(
|
|
5379
|
+
const isCurrentAnimation = currentAnimationName.includes(event.animationName);
|
|
5280
5380
|
if (event.target === node && isCurrentAnimation) {
|
|
5281
5381
|
send("ANIMATION_END");
|
|
5282
5382
|
if (!prevPresentRef.current) {
|
|
@@ -5310,7 +5410,7 @@ function usePresence(present) {
|
|
|
5310
5410
|
}, [node, send]);
|
|
5311
5411
|
return {
|
|
5312
5412
|
isPresent: ["mounted", "unmountSuspended"].includes(state),
|
|
5313
|
-
ref:
|
|
5413
|
+
ref: React71.useCallback((node2) => {
|
|
5314
5414
|
stylesRef.current = node2 ? getComputedStyle(node2) : null;
|
|
5315
5415
|
setNode2(node2);
|
|
5316
5416
|
}, [])
|
|
@@ -5332,10 +5432,10 @@ function getElementRef(element) {
|
|
|
5332
5432
|
}
|
|
5333
5433
|
return element.props.ref || element.ref;
|
|
5334
5434
|
}
|
|
5335
|
-
var useReactId =
|
|
5435
|
+
var useReactId = React71[" useId ".trim().toString()] || (() => void 0);
|
|
5336
5436
|
var count = 0;
|
|
5337
5437
|
function useId2(deterministicId) {
|
|
5338
|
-
const [id, setId] =
|
|
5438
|
+
const [id, setId] = React71.useState(useReactId());
|
|
5339
5439
|
useLayoutEffect2(() => {
|
|
5340
5440
|
if (!deterministicId)
|
|
5341
5441
|
setId((reactId) => reactId ?? String(count++));
|
|
@@ -5343,9 +5443,9 @@ function useId2(deterministicId) {
|
|
|
5343
5443
|
return deterministicId || (id ? `radix-${id}` : "");
|
|
5344
5444
|
}
|
|
5345
5445
|
var COLLAPSIBLE_NAME = "Collapsible";
|
|
5346
|
-
var [createCollapsibleContext, createCollapsibleScope] =
|
|
5446
|
+
var [createCollapsibleContext, createCollapsibleScope] = createContextScope2(COLLAPSIBLE_NAME);
|
|
5347
5447
|
var [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME);
|
|
5348
|
-
var Collapsible =
|
|
5448
|
+
var Collapsible = React71.forwardRef(
|
|
5349
5449
|
(props, forwardedRef) => {
|
|
5350
5450
|
const {
|
|
5351
5451
|
__scopeCollapsible,
|
|
@@ -5368,7 +5468,7 @@ var Collapsible = React64.forwardRef(
|
|
|
5368
5468
|
disabled,
|
|
5369
5469
|
contentId: useId2(),
|
|
5370
5470
|
open,
|
|
5371
|
-
onOpenToggle:
|
|
5471
|
+
onOpenToggle: React71.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
|
|
5372
5472
|
children: /* @__PURE__ */ jsx(
|
|
5373
5473
|
Primitive.div,
|
|
5374
5474
|
{
|
|
@@ -5384,7 +5484,7 @@ var Collapsible = React64.forwardRef(
|
|
|
5384
5484
|
);
|
|
5385
5485
|
Collapsible.displayName = COLLAPSIBLE_NAME;
|
|
5386
5486
|
var TRIGGER_NAME2 = "CollapsibleTrigger";
|
|
5387
|
-
var CollapsibleTrigger =
|
|
5487
|
+
var CollapsibleTrigger = React71.forwardRef(
|
|
5388
5488
|
(props, forwardedRef) => {
|
|
5389
5489
|
const { __scopeCollapsible, ...triggerProps } = props;
|
|
5390
5490
|
const context = useCollapsibleContext(TRIGGER_NAME2, __scopeCollapsible);
|
|
@@ -5399,14 +5499,14 @@ var CollapsibleTrigger = React64.forwardRef(
|
|
|
5399
5499
|
disabled: context.disabled,
|
|
5400
5500
|
...triggerProps,
|
|
5401
5501
|
ref: forwardedRef,
|
|
5402
|
-
onClick:
|
|
5502
|
+
onClick: composeEventHandlers2(props.onClick, context.onOpenToggle)
|
|
5403
5503
|
}
|
|
5404
5504
|
);
|
|
5405
5505
|
}
|
|
5406
5506
|
);
|
|
5407
5507
|
CollapsibleTrigger.displayName = TRIGGER_NAME2;
|
|
5408
5508
|
var CONTENT_NAME2 = "CollapsibleContent";
|
|
5409
|
-
var CollapsibleContent =
|
|
5509
|
+
var CollapsibleContent = React71.forwardRef(
|
|
5410
5510
|
(props, forwardedRef) => {
|
|
5411
5511
|
const { forceMount, ...contentProps } = props;
|
|
5412
5512
|
const context = useCollapsibleContext(CONTENT_NAME2, props.__scopeCollapsible);
|
|
@@ -5414,20 +5514,20 @@ var CollapsibleContent = React64.forwardRef(
|
|
|
5414
5514
|
}
|
|
5415
5515
|
);
|
|
5416
5516
|
CollapsibleContent.displayName = CONTENT_NAME2;
|
|
5417
|
-
var CollapsibleContentImpl =
|
|
5517
|
+
var CollapsibleContentImpl = React71.forwardRef((props, forwardedRef) => {
|
|
5418
5518
|
const { __scopeCollapsible, present, children, ...contentProps } = props;
|
|
5419
5519
|
const context = useCollapsibleContext(CONTENT_NAME2, __scopeCollapsible);
|
|
5420
|
-
const [isPresent, setIsPresent] =
|
|
5421
|
-
const ref =
|
|
5422
|
-
const composedRefs =
|
|
5423
|
-
const heightRef =
|
|
5520
|
+
const [isPresent, setIsPresent] = React71.useState(present);
|
|
5521
|
+
const ref = React71.useRef(null);
|
|
5522
|
+
const composedRefs = useComposedRefs2(forwardedRef, ref);
|
|
5523
|
+
const heightRef = React71.useRef(0);
|
|
5424
5524
|
const height = heightRef.current;
|
|
5425
|
-
const widthRef =
|
|
5525
|
+
const widthRef = React71.useRef(0);
|
|
5426
5526
|
const width = widthRef.current;
|
|
5427
5527
|
const isOpen = context.open || isPresent;
|
|
5428
|
-
const isMountAnimationPreventedRef =
|
|
5429
|
-
const originalStylesRef =
|
|
5430
|
-
|
|
5528
|
+
const isMountAnimationPreventedRef = React71.useRef(isOpen);
|
|
5529
|
+
const originalStylesRef = React71.useRef(void 0);
|
|
5530
|
+
React71.useEffect(() => {
|
|
5431
5531
|
const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
|
|
5432
5532
|
return () => cancelAnimationFrame(rAF);
|
|
5433
5533
|
}, []);
|
|
@@ -5474,7 +5574,7 @@ function getState(open) {
|
|
|
5474
5574
|
var Root5 = Collapsible;
|
|
5475
5575
|
var Trigger3 = CollapsibleTrigger;
|
|
5476
5576
|
var Content3 = CollapsibleContent;
|
|
5477
|
-
var MoonUICollapsiblePro =
|
|
5577
|
+
var MoonUICollapsiblePro = React71.forwardRef(({
|
|
5478
5578
|
className,
|
|
5479
5579
|
variant = "default",
|
|
5480
5580
|
size: size4 = "md",
|
|
@@ -5494,7 +5594,7 @@ var MoonUICollapsiblePro = React64.forwardRef(({
|
|
|
5494
5594
|
children,
|
|
5495
5595
|
disabled
|
|
5496
5596
|
}, ref) => {
|
|
5497
|
-
const [localOpen, setLocalOpen] =
|
|
5597
|
+
const [localOpen, setLocalOpen] = React71.useState(() => {
|
|
5498
5598
|
if (persistKey && typeof window !== "undefined") {
|
|
5499
5599
|
const stored = localStorage.getItem(`collapsible-${persistKey}`);
|
|
5500
5600
|
if (stored !== null) {
|
|
@@ -5503,9 +5603,9 @@ var MoonUICollapsiblePro = React64.forwardRef(({
|
|
|
5503
5603
|
}
|
|
5504
5604
|
return defaultOpen || false;
|
|
5505
5605
|
});
|
|
5506
|
-
const [hasBeenOpened, setHasBeenOpened] =
|
|
5606
|
+
const [hasBeenOpened, setHasBeenOpened] = React71.useState(!lazy);
|
|
5507
5607
|
const isOpen = controlledOpen !== void 0 ? controlledOpen : localOpen;
|
|
5508
|
-
const handleOpenChange =
|
|
5608
|
+
const handleOpenChange = React71.useCallback((open) => {
|
|
5509
5609
|
if (!loading) {
|
|
5510
5610
|
setLocalOpen(open);
|
|
5511
5611
|
onOpenChange?.(open);
|
|
@@ -5525,7 +5625,7 @@ var MoonUICollapsiblePro = React64.forwardRef(({
|
|
|
5525
5625
|
}
|
|
5526
5626
|
}
|
|
5527
5627
|
}, [loading, onOpenChange, onToggleChange, persistKey, lazy, hasBeenOpened, autoCollapseAfter]);
|
|
5528
|
-
|
|
5628
|
+
React71.useEffect(() => {
|
|
5529
5629
|
if (shortcut) {
|
|
5530
5630
|
const handleKeyPress = (e) => {
|
|
5531
5631
|
const keys2 = shortcut.toLowerCase().split("+");
|
|
@@ -5622,7 +5722,7 @@ var MoonUICollapsiblePro = React64.forwardRef(({
|
|
|
5622
5722
|
] });
|
|
5623
5723
|
});
|
|
5624
5724
|
MoonUICollapsiblePro.displayName = "MoonUICollapsiblePro";
|
|
5625
|
-
var CollapsibleContext =
|
|
5725
|
+
var CollapsibleContext = React71.createContext({});
|
|
5626
5726
|
var collapsibleTriggerVariants = cva(
|
|
5627
5727
|
"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",
|
|
5628
5728
|
{
|
|
@@ -5649,7 +5749,7 @@ var collapsibleTriggerVariants = cva(
|
|
|
5649
5749
|
}
|
|
5650
5750
|
}
|
|
5651
5751
|
);
|
|
5652
|
-
var MoonUICollapsibleTriggerPro =
|
|
5752
|
+
var MoonUICollapsibleTriggerPro = React71.forwardRef(({
|
|
5653
5753
|
className,
|
|
5654
5754
|
children,
|
|
5655
5755
|
variant: triggerVariant,
|
|
@@ -5664,7 +5764,7 @@ var MoonUICollapsibleTriggerPro = React64.forwardRef(({
|
|
|
5664
5764
|
status,
|
|
5665
5765
|
...props
|
|
5666
5766
|
}, ref) => {
|
|
5667
|
-
const { variant, size: size4, shortcut } =
|
|
5767
|
+
const { variant, size: size4, shortcut } = React71.useContext(CollapsibleContext);
|
|
5668
5768
|
const finalVariant = triggerVariant || variant || "default";
|
|
5669
5769
|
const finalSize = triggerSize || size4 || "md";
|
|
5670
5770
|
const statusIcon = status && {
|
|
@@ -5742,7 +5842,7 @@ var collapsibleContentVariants = cva(
|
|
|
5742
5842
|
}
|
|
5743
5843
|
}
|
|
5744
5844
|
);
|
|
5745
|
-
var MoonUICollapsibleContentPro =
|
|
5845
|
+
var MoonUICollapsibleContentPro = React71.forwardRef(({
|
|
5746
5846
|
className,
|
|
5747
5847
|
children,
|
|
5748
5848
|
variant: contentVariant,
|
|
@@ -5753,12 +5853,12 @@ var MoonUICollapsibleContentPro = React64.forwardRef(({
|
|
|
5753
5853
|
padding,
|
|
5754
5854
|
...props
|
|
5755
5855
|
}, ref) => {
|
|
5756
|
-
const { variant, size: size4, animationMode, lazy } =
|
|
5856
|
+
const { variant, size: size4, animationMode, lazy } = React71.useContext(CollapsibleContext);
|
|
5757
5857
|
const finalVariant = contentVariant || variant || "default";
|
|
5758
5858
|
const finalSize = contentSize || size4 || "md";
|
|
5759
|
-
const [dynamicContent, setDynamicContent] =
|
|
5760
|
-
const [isLoading, setIsLoading] =
|
|
5761
|
-
|
|
5859
|
+
const [dynamicContent, setDynamicContent] = React71.useState(null);
|
|
5860
|
+
const [isLoading, setIsLoading] = React71.useState(false);
|
|
5861
|
+
React71.useEffect(() => {
|
|
5762
5862
|
if (loadContent && !dynamicContent) {
|
|
5763
5863
|
setIsLoading(true);
|
|
5764
5864
|
loadContent().then(setDynamicContent).finally(() => setIsLoading(false));
|
|
@@ -5798,19 +5898,19 @@ var MoonUICollapsibleContentPro = React64.forwardRef(({
|
|
|
5798
5898
|
});
|
|
5799
5899
|
MoonUICollapsibleContentPro.displayName = "MoonUICollapsibleContentPro";
|
|
5800
5900
|
var useCollapsibleAnalytics = () => {
|
|
5801
|
-
const [analytics, setAnalytics] =
|
|
5901
|
+
const [analytics, setAnalytics] = React71.useState({
|
|
5802
5902
|
openCount: 0,
|
|
5803
5903
|
lastOpened: null,
|
|
5804
5904
|
totalTimeOpen: 0
|
|
5805
5905
|
});
|
|
5806
|
-
const trackOpen =
|
|
5906
|
+
const trackOpen = React71.useCallback(() => {
|
|
5807
5907
|
setAnalytics((prev) => ({
|
|
5808
5908
|
...prev,
|
|
5809
5909
|
openCount: prev.openCount + 1,
|
|
5810
5910
|
lastOpened: /* @__PURE__ */ new Date()
|
|
5811
5911
|
}));
|
|
5812
5912
|
}, []);
|
|
5813
|
-
const trackClose =
|
|
5913
|
+
const trackClose = React71.useCallback(() => {
|
|
5814
5914
|
setAnalytics((prev) => {
|
|
5815
5915
|
if (prev.lastOpened) {
|
|
5816
5916
|
const timeOpen = Date.now() - prev.lastOpened.getTime();
|
|
@@ -6024,7 +6124,7 @@ var overlayVariants = cva(
|
|
|
6024
6124
|
}
|
|
6025
6125
|
}
|
|
6026
6126
|
);
|
|
6027
|
-
var MoonUIDialogOverlayPro =
|
|
6127
|
+
var MoonUIDialogOverlayPro = React71.forwardRef(
|
|
6028
6128
|
({
|
|
6029
6129
|
className,
|
|
6030
6130
|
variant,
|
|
@@ -6116,7 +6216,7 @@ var dialogContentVariants = cva(
|
|
|
6116
6216
|
}
|
|
6117
6217
|
}
|
|
6118
6218
|
);
|
|
6119
|
-
var MoonUIDialogContentPro =
|
|
6219
|
+
var MoonUIDialogContentPro = React71.forwardRef(
|
|
6120
6220
|
({
|
|
6121
6221
|
className,
|
|
6122
6222
|
children,
|
|
@@ -6145,7 +6245,7 @@ var MoonUIDialogContentPro = React64.forwardRef(
|
|
|
6145
6245
|
closeAnimation = true,
|
|
6146
6246
|
...props
|
|
6147
6247
|
}, ref) => {
|
|
6148
|
-
const [isClosing, setIsClosing] =
|
|
6248
|
+
const [isClosing, setIsClosing] = React71.useState(false);
|
|
6149
6249
|
const zIndex = 50 + stackLevel * 10;
|
|
6150
6250
|
const getConfirmationIcon = () => {
|
|
6151
6251
|
switch (confirmationType) {
|
|
@@ -6477,7 +6577,7 @@ var MoonUIDialogFooterPro = ({
|
|
|
6477
6577
|
}
|
|
6478
6578
|
);
|
|
6479
6579
|
MoonUIDialogFooterPro.displayName = "MoonUIDialogFooterPro";
|
|
6480
|
-
var MoonUIDialogTitlePro =
|
|
6580
|
+
var MoonUIDialogTitlePro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
6481
6581
|
DialogPrimitive2.Title,
|
|
6482
6582
|
{
|
|
6483
6583
|
ref,
|
|
@@ -6489,7 +6589,7 @@ var MoonUIDialogTitlePro = React64.forwardRef(({ className, ...props }, ref) =>
|
|
|
6489
6589
|
}
|
|
6490
6590
|
));
|
|
6491
6591
|
MoonUIDialogTitlePro.displayName = DialogPrimitive2.Title.displayName;
|
|
6492
|
-
var MoonUIDialogDescriptionPro =
|
|
6592
|
+
var MoonUIDialogDescriptionPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
6493
6593
|
DialogPrimitive2.Description,
|
|
6494
6594
|
{
|
|
6495
6595
|
ref,
|
|
@@ -6501,7 +6601,7 @@ var MoonUIDialogDescriptionPro = React64.forwardRef(({ className, ...props }, re
|
|
|
6501
6601
|
}
|
|
6502
6602
|
));
|
|
6503
6603
|
MoonUIDialogDescriptionPro.displayName = DialogPrimitive2.Description.displayName;
|
|
6504
|
-
var MoonUIDialogFormPro =
|
|
6604
|
+
var MoonUIDialogFormPro = React71.forwardRef(
|
|
6505
6605
|
({
|
|
6506
6606
|
className,
|
|
6507
6607
|
enableValidation = false,
|
|
@@ -6559,7 +6659,7 @@ var tooltipVariants = cva(
|
|
|
6559
6659
|
);
|
|
6560
6660
|
var MoonUITooltipPro = TooltipPrimitive.Root;
|
|
6561
6661
|
var MoonUITooltipTriggerPro = TooltipPrimitive.Trigger;
|
|
6562
|
-
var MoonUITooltipArrowPro =
|
|
6662
|
+
var MoonUITooltipArrowPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
6563
6663
|
TooltipPrimitive.Arrow,
|
|
6564
6664
|
{
|
|
6565
6665
|
ref,
|
|
@@ -6568,7 +6668,7 @@ var MoonUITooltipArrowPro = React64.forwardRef(({ className, ...props }, ref) =>
|
|
|
6568
6668
|
}
|
|
6569
6669
|
));
|
|
6570
6670
|
MoonUITooltipArrowPro.displayName = TooltipPrimitive.Arrow.displayName;
|
|
6571
|
-
var MoonUITooltipContentPro =
|
|
6671
|
+
var MoonUITooltipContentPro = React71.forwardRef(({ className, variant, size: size4, showArrow = false, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
6572
6672
|
TooltipPrimitive.Content,
|
|
6573
6673
|
{
|
|
6574
6674
|
ref,
|
|
@@ -6582,7 +6682,7 @@ var MoonUITooltipContentPro = React64.forwardRef(({ className, variant, size: si
|
|
|
6582
6682
|
}
|
|
6583
6683
|
));
|
|
6584
6684
|
MoonUITooltipContentPro.displayName = TooltipPrimitive.Content.displayName;
|
|
6585
|
-
var MoonUISimpleTooltipPro =
|
|
6685
|
+
var MoonUISimpleTooltipPro = React71.forwardRef(
|
|
6586
6686
|
({
|
|
6587
6687
|
children,
|
|
6588
6688
|
content,
|
|
@@ -6702,7 +6802,7 @@ var moonUIInputVariantsPro = cva(
|
|
|
6702
6802
|
}
|
|
6703
6803
|
}
|
|
6704
6804
|
);
|
|
6705
|
-
var MoonUIInputPro =
|
|
6805
|
+
var MoonUIInputPro = React71.forwardRef(
|
|
6706
6806
|
({
|
|
6707
6807
|
className,
|
|
6708
6808
|
wrapperClassName,
|
|
@@ -6729,8 +6829,8 @@ var MoonUIInputPro = React64.forwardRef(
|
|
|
6729
6829
|
placeholder,
|
|
6730
6830
|
...props
|
|
6731
6831
|
}, ref) => {
|
|
6732
|
-
const [isFocused, setIsFocused] =
|
|
6733
|
-
const [internalValue, setInternalValue] =
|
|
6832
|
+
const [isFocused, setIsFocused] = React71.useState(false);
|
|
6833
|
+
const [internalValue, setInternalValue] = React71.useState(value || defaultValue2 || "");
|
|
6734
6834
|
const hasValue = internalValue !== "" && internalValue !== null && internalValue !== void 0;
|
|
6735
6835
|
const isLabelActive = isFocused || hasValue;
|
|
6736
6836
|
const handleFocus = (e) => {
|
|
@@ -6745,7 +6845,7 @@ var MoonUIInputPro = React64.forwardRef(
|
|
|
6745
6845
|
setInternalValue(e.target.value);
|
|
6746
6846
|
onChange?.(e);
|
|
6747
6847
|
};
|
|
6748
|
-
|
|
6848
|
+
React71.useEffect(() => {
|
|
6749
6849
|
if (value !== void 0) {
|
|
6750
6850
|
setInternalValue(value);
|
|
6751
6851
|
}
|
|
@@ -6829,7 +6929,7 @@ MoonUIInputPro.displayName = "MoonUIInputPro";
|
|
|
6829
6929
|
var moonUILabelVariantsPro = cva(
|
|
6830
6930
|
"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"
|
|
6831
6931
|
);
|
|
6832
|
-
var MoonUILabelPro =
|
|
6932
|
+
var MoonUILabelPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
6833
6933
|
LabelPrimitive.Root,
|
|
6834
6934
|
{
|
|
6835
6935
|
ref,
|
|
@@ -6842,7 +6942,7 @@ var MoonUISelectPro = SelectPrimitive.Root;
|
|
|
6842
6942
|
MoonUISelectPro.displayName = "MoonUISelectPro";
|
|
6843
6943
|
var MoonUISelectGroupPro = SelectPrimitive.Group;
|
|
6844
6944
|
var MoonUISelectValuePro = SelectPrimitive.Value;
|
|
6845
|
-
var MoonUISelectTriggerPro =
|
|
6945
|
+
var MoonUISelectTriggerPro = React71.forwardRef(({ className, children, variant = "standard", size: size4 = "md", error, success, loading, leftIcon, rightIcon, clearable, onClear, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
6846
6946
|
SelectPrimitive.Trigger,
|
|
6847
6947
|
{
|
|
6848
6948
|
ref,
|
|
@@ -6897,7 +6997,7 @@ var MoonUISelectTriggerPro = React64.forwardRef(({ className, children, variant
|
|
|
6897
6997
|
}
|
|
6898
6998
|
));
|
|
6899
6999
|
MoonUISelectTriggerPro.displayName = SelectPrimitive.Trigger.displayName;
|
|
6900
|
-
var MoonUISelectScrollUpButtonPro =
|
|
7000
|
+
var MoonUISelectScrollUpButtonPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
6901
7001
|
SelectPrimitive.ScrollUpButton,
|
|
6902
7002
|
{
|
|
6903
7003
|
ref,
|
|
@@ -6910,7 +7010,7 @@ var MoonUISelectScrollUpButtonPro = React64.forwardRef(({ className, ...props },
|
|
|
6910
7010
|
}
|
|
6911
7011
|
));
|
|
6912
7012
|
MoonUISelectScrollUpButtonPro.displayName = SelectPrimitive.ScrollUpButton.displayName;
|
|
6913
|
-
var MoonUISelectScrollDownButtonPro =
|
|
7013
|
+
var MoonUISelectScrollDownButtonPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
6914
7014
|
SelectPrimitive.ScrollDownButton,
|
|
6915
7015
|
{
|
|
6916
7016
|
ref,
|
|
@@ -6923,14 +7023,14 @@ var MoonUISelectScrollDownButtonPro = React64.forwardRef(({ className, ...props
|
|
|
6923
7023
|
}
|
|
6924
7024
|
));
|
|
6925
7025
|
MoonUISelectScrollDownButtonPro.displayName = SelectPrimitive.ScrollDownButton.displayName;
|
|
6926
|
-
var MoonUISelectContentPro =
|
|
6927
|
-
const [searchValue, setSearchValue] =
|
|
6928
|
-
const filteredChildren =
|
|
7026
|
+
var MoonUISelectContentPro = React71.forwardRef(({ className, children, position = "popper", side = "bottom", align = "start", enableSearch, searchPlaceholder = "Search...", noResultsText = "No results found", searchLoading, searchIcon, ...props }, ref) => {
|
|
7027
|
+
const [searchValue, setSearchValue] = React71.useState("");
|
|
7028
|
+
const filteredChildren = React71.useMemo(() => {
|
|
6929
7029
|
if (!enableSearch || !searchValue)
|
|
6930
7030
|
return children;
|
|
6931
7031
|
const searchLower = searchValue.toLowerCase();
|
|
6932
|
-
return
|
|
6933
|
-
if (!
|
|
7032
|
+
return React71.Children.toArray(children).filter((child) => {
|
|
7033
|
+
if (!React71.isValidElement(child))
|
|
6934
7034
|
return true;
|
|
6935
7035
|
if (child.type === MoonUISelectGroupPro || child.type === MoonUISelectLabelPro || child.type === MoonUISelectSeparatorPro) {
|
|
6936
7036
|
return true;
|
|
@@ -7003,7 +7103,7 @@ var MoonUISelectContentPro = React64.forwardRef(({ className, children, position
|
|
|
7003
7103
|
"p-1",
|
|
7004
7104
|
position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
|
|
7005
7105
|
),
|
|
7006
|
-
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 &&
|
|
7106
|
+
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 && React71.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
|
|
7007
7107
|
}
|
|
7008
7108
|
),
|
|
7009
7109
|
/* @__PURE__ */ jsx(MoonUISelectScrollDownButtonPro, {})
|
|
@@ -7012,7 +7112,7 @@ var MoonUISelectContentPro = React64.forwardRef(({ className, children, position
|
|
|
7012
7112
|
) });
|
|
7013
7113
|
});
|
|
7014
7114
|
MoonUISelectContentPro.displayName = SelectPrimitive.Content.displayName;
|
|
7015
|
-
var MoonUISelectLabelPro =
|
|
7115
|
+
var MoonUISelectLabelPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
7016
7116
|
SelectPrimitive.Label,
|
|
7017
7117
|
{
|
|
7018
7118
|
ref,
|
|
@@ -7021,7 +7121,7 @@ var MoonUISelectLabelPro = React64.forwardRef(({ className, ...props }, ref) =>
|
|
|
7021
7121
|
}
|
|
7022
7122
|
));
|
|
7023
7123
|
MoonUISelectLabelPro.displayName = SelectPrimitive.Label.displayName;
|
|
7024
|
-
var MoonUISelectItemPro =
|
|
7124
|
+
var MoonUISelectItemPro = React71.forwardRef(({ className, children, variant = "default", size: size4 = "md", rightIcon, customIndicator, enableHoverScale, description, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
7025
7125
|
SelectPrimitive.Item,
|
|
7026
7126
|
{
|
|
7027
7127
|
ref,
|
|
@@ -7056,7 +7156,7 @@ var MoonUISelectItemPro = React64.forwardRef(({ className, children, variant = "
|
|
|
7056
7156
|
}
|
|
7057
7157
|
));
|
|
7058
7158
|
MoonUISelectItemPro.displayName = SelectPrimitive.Item.displayName;
|
|
7059
|
-
var MoonUISelectSeparatorPro =
|
|
7159
|
+
var MoonUISelectSeparatorPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
7060
7160
|
SelectPrimitive.Separator,
|
|
7061
7161
|
{
|
|
7062
7162
|
ref,
|
|
@@ -7227,7 +7327,7 @@ var getAIProvider = (settings) => {
|
|
|
7227
7327
|
return null;
|
|
7228
7328
|
}
|
|
7229
7329
|
};
|
|
7230
|
-
var MoonUICommandPro =
|
|
7330
|
+
var MoonUICommandPro = React71.forwardRef(({
|
|
7231
7331
|
className,
|
|
7232
7332
|
variant,
|
|
7233
7333
|
size: size4,
|
|
@@ -7612,7 +7712,7 @@ var MoonUICommandDialogPro = ({
|
|
|
7612
7712
|
/* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", children })
|
|
7613
7713
|
] }) });
|
|
7614
7714
|
};
|
|
7615
|
-
var MoonUICommandInputPro =
|
|
7715
|
+
var MoonUICommandInputPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
|
|
7616
7716
|
/* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
|
|
7617
7717
|
/* @__PURE__ */ jsx(
|
|
7618
7718
|
Command.Input,
|
|
@@ -7627,7 +7727,7 @@ var MoonUICommandInputPro = React64.forwardRef(({ className, ...props }, ref) =>
|
|
|
7627
7727
|
)
|
|
7628
7728
|
] }));
|
|
7629
7729
|
MoonUICommandInputPro.displayName = Command.Input.displayName;
|
|
7630
|
-
var MoonUICommandListPro =
|
|
7730
|
+
var MoonUICommandListPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
7631
7731
|
Command.List,
|
|
7632
7732
|
{
|
|
7633
7733
|
ref,
|
|
@@ -7636,7 +7736,7 @@ var MoonUICommandListPro = React64.forwardRef(({ className, ...props }, ref) =>
|
|
|
7636
7736
|
}
|
|
7637
7737
|
));
|
|
7638
7738
|
MoonUICommandListPro.displayName = Command.List.displayName;
|
|
7639
|
-
var MoonUICommandEmptyPro =
|
|
7739
|
+
var MoonUICommandEmptyPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
7640
7740
|
Command.Empty,
|
|
7641
7741
|
{
|
|
7642
7742
|
ref,
|
|
@@ -7645,7 +7745,7 @@ var MoonUICommandEmptyPro = React64.forwardRef(({ className, ...props }, ref) =>
|
|
|
7645
7745
|
}
|
|
7646
7746
|
));
|
|
7647
7747
|
MoonUICommandEmptyPro.displayName = Command.Empty.displayName;
|
|
7648
|
-
var MoonUICommandGroupPro =
|
|
7748
|
+
var MoonUICommandGroupPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
7649
7749
|
Command.Group,
|
|
7650
7750
|
{
|
|
7651
7751
|
ref,
|
|
@@ -7657,7 +7757,7 @@ var MoonUICommandGroupPro = React64.forwardRef(({ className, ...props }, ref) =>
|
|
|
7657
7757
|
}
|
|
7658
7758
|
));
|
|
7659
7759
|
MoonUICommandGroupPro.displayName = Command.Group.displayName;
|
|
7660
|
-
var MoonUICommandSeparatorPro =
|
|
7760
|
+
var MoonUICommandSeparatorPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
7661
7761
|
Command.Separator,
|
|
7662
7762
|
{
|
|
7663
7763
|
ref,
|
|
@@ -7666,7 +7766,7 @@ var MoonUICommandSeparatorPro = React64.forwardRef(({ className, ...props }, ref
|
|
|
7666
7766
|
}
|
|
7667
7767
|
));
|
|
7668
7768
|
MoonUICommandSeparatorPro.displayName = Command.Separator.displayName;
|
|
7669
|
-
var MoonUICommandItemPro =
|
|
7769
|
+
var MoonUICommandItemPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
7670
7770
|
Command.Item,
|
|
7671
7771
|
{
|
|
7672
7772
|
ref,
|
|
@@ -7759,7 +7859,7 @@ var dropdownItemVariants = cva(
|
|
|
7759
7859
|
}
|
|
7760
7860
|
}
|
|
7761
7861
|
);
|
|
7762
|
-
var MoonUIDropdownMenuSubTriggerPro =
|
|
7862
|
+
var MoonUIDropdownMenuSubTriggerPro = React71.forwardRef(({ className, inset, children, showChevron = true, badge, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
7763
7863
|
DropdownMenuPrimitive.SubTrigger,
|
|
7764
7864
|
{
|
|
7765
7865
|
ref,
|
|
@@ -7783,7 +7883,7 @@ var MoonUIDropdownMenuSubTriggerPro = React64.forwardRef(({ className, inset, ch
|
|
|
7783
7883
|
}
|
|
7784
7884
|
));
|
|
7785
7885
|
MoonUIDropdownMenuSubTriggerPro.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
|
|
7786
|
-
var MoonUIDropdownMenuSubContentPro =
|
|
7886
|
+
var MoonUIDropdownMenuSubContentPro = React71.forwardRef(({ className, variant, animation, size: size4, ...props }, ref) => {
|
|
7787
7887
|
return /* @__PURE__ */ jsx(
|
|
7788
7888
|
DropdownMenuPrimitive.SubContent,
|
|
7789
7889
|
{
|
|
@@ -7794,7 +7894,7 @@ var MoonUIDropdownMenuSubContentPro = React64.forwardRef(({ className, variant,
|
|
|
7794
7894
|
);
|
|
7795
7895
|
});
|
|
7796
7896
|
MoonUIDropdownMenuSubContentPro.displayName = DropdownMenuPrimitive.SubContent.displayName;
|
|
7797
|
-
var MoonUIDropdownMenuContentPro =
|
|
7897
|
+
var MoonUIDropdownMenuContentPro = React71.forwardRef(
|
|
7798
7898
|
({
|
|
7799
7899
|
className,
|
|
7800
7900
|
variant,
|
|
@@ -7812,12 +7912,12 @@ var MoonUIDropdownMenuContentPro = React64.forwardRef(
|
|
|
7812
7912
|
children,
|
|
7813
7913
|
...props
|
|
7814
7914
|
}, ref) => {
|
|
7815
|
-
const [searchQuery, setSearchQuery] =
|
|
7816
|
-
const filteredChildren =
|
|
7915
|
+
const [searchQuery, setSearchQuery] = React71.useState("");
|
|
7916
|
+
const filteredChildren = React71.useMemo(() => {
|
|
7817
7917
|
if (!enableSearch || !searchQuery)
|
|
7818
7918
|
return children;
|
|
7819
|
-
return
|
|
7820
|
-
if (!
|
|
7919
|
+
return React71.Children.toArray(children).filter((child) => {
|
|
7920
|
+
if (!React71.isValidElement(child))
|
|
7821
7921
|
return true;
|
|
7822
7922
|
const childText = getTextFromElement(child);
|
|
7823
7923
|
return childText.toLowerCase().includes(searchQuery.toLowerCase());
|
|
@@ -7873,7 +7973,7 @@ var MoonUIDropdownMenuContentPro = React64.forwardRef(
|
|
|
7873
7973
|
}
|
|
7874
7974
|
);
|
|
7875
7975
|
MoonUIDropdownMenuContentPro.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
7876
|
-
var MoonUIDropdownMenuItemPro =
|
|
7976
|
+
var MoonUIDropdownMenuItemPro = React71.forwardRef(
|
|
7877
7977
|
({
|
|
7878
7978
|
className,
|
|
7879
7979
|
variant,
|
|
@@ -7913,7 +8013,7 @@ var MoonUIDropdownMenuItemPro = React64.forwardRef(
|
|
|
7913
8013
|
)
|
|
7914
8014
|
);
|
|
7915
8015
|
MoonUIDropdownMenuItemPro.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
7916
|
-
var MoonUIDropdownMenuCheckboxItemPro =
|
|
8016
|
+
var MoonUIDropdownMenuCheckboxItemPro = React71.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
7917
8017
|
DropdownMenuPrimitive.CheckboxItem,
|
|
7918
8018
|
{
|
|
7919
8019
|
ref,
|
|
@@ -7930,7 +8030,7 @@ var MoonUIDropdownMenuCheckboxItemPro = React64.forwardRef(({ className, childre
|
|
|
7930
8030
|
}
|
|
7931
8031
|
));
|
|
7932
8032
|
MoonUIDropdownMenuCheckboxItemPro.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
|
|
7933
|
-
var MoonUIDropdownMenuRadioItemPro =
|
|
8033
|
+
var MoonUIDropdownMenuRadioItemPro = React71.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
7934
8034
|
DropdownMenuPrimitive.RadioItem,
|
|
7935
8035
|
{
|
|
7936
8036
|
ref,
|
|
@@ -7946,7 +8046,7 @@ var MoonUIDropdownMenuRadioItemPro = React64.forwardRef(({ className, children,
|
|
|
7946
8046
|
}
|
|
7947
8047
|
));
|
|
7948
8048
|
MoonUIDropdownMenuRadioItemPro.displayName = DropdownMenuPrimitive.RadioItem.displayName;
|
|
7949
|
-
var MoonUIDropdownMenuLabelPro =
|
|
8049
|
+
var MoonUIDropdownMenuLabelPro = React71.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
7950
8050
|
DropdownMenuPrimitive.Label,
|
|
7951
8051
|
{
|
|
7952
8052
|
ref,
|
|
@@ -7959,7 +8059,7 @@ var MoonUIDropdownMenuLabelPro = React64.forwardRef(({ className, inset, ...prop
|
|
|
7959
8059
|
}
|
|
7960
8060
|
));
|
|
7961
8061
|
MoonUIDropdownMenuLabelPro.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
7962
|
-
var MoonUIDropdownMenuSeparatorPro =
|
|
8062
|
+
var MoonUIDropdownMenuSeparatorPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
7963
8063
|
DropdownMenuPrimitive.Separator,
|
|
7964
8064
|
{
|
|
7965
8065
|
ref,
|
|
@@ -7988,14 +8088,14 @@ function getTextFromElement(element) {
|
|
|
7988
8088
|
if (typeof props.children === "string") {
|
|
7989
8089
|
return props.children;
|
|
7990
8090
|
}
|
|
7991
|
-
if (
|
|
8091
|
+
if (React71.isValidElement(props.children)) {
|
|
7992
8092
|
return getTextFromElement(props.children);
|
|
7993
8093
|
}
|
|
7994
8094
|
if (Array.isArray(props.children)) {
|
|
7995
8095
|
return props.children.map((child) => {
|
|
7996
8096
|
if (typeof child === "string")
|
|
7997
8097
|
return child;
|
|
7998
|
-
if (
|
|
8098
|
+
if (React71.isValidElement(child))
|
|
7999
8099
|
return getTextFromElement(child);
|
|
8000
8100
|
return "";
|
|
8001
8101
|
}).join("");
|
|
@@ -8012,7 +8112,7 @@ var MoonUIPaginationPro = ({ className, ...props }) => /* @__PURE__ */ jsx(
|
|
|
8012
8112
|
}
|
|
8013
8113
|
);
|
|
8014
8114
|
MoonUIPaginationPro.displayName = "PaginationPro";
|
|
8015
|
-
var MoonUIPaginationContentPro =
|
|
8115
|
+
var MoonUIPaginationContentPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
8016
8116
|
"ul",
|
|
8017
8117
|
{
|
|
8018
8118
|
ref,
|
|
@@ -8021,7 +8121,7 @@ var MoonUIPaginationContentPro = React64.forwardRef(({ className, ...props }, re
|
|
|
8021
8121
|
}
|
|
8022
8122
|
));
|
|
8023
8123
|
MoonUIPaginationContentPro.displayName = "PaginationContentPro";
|
|
8024
|
-
var MoonUIPaginationItemPro =
|
|
8124
|
+
var MoonUIPaginationItemPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("", className), ...props }));
|
|
8025
8125
|
MoonUIPaginationItemPro.displayName = "PaginationItemPro";
|
|
8026
8126
|
var MoonUIPaginationLinkPro = ({
|
|
8027
8127
|
className,
|
|
@@ -8144,7 +8244,7 @@ var popoverContentVariants = cva(
|
|
|
8144
8244
|
);
|
|
8145
8245
|
var MoonUIPopoverPro = PopoverPrimitive.Root;
|
|
8146
8246
|
var MoonUIPopoverTriggerPro = PopoverPrimitive.Trigger;
|
|
8147
|
-
var MoonUIPopoverContentPro =
|
|
8247
|
+
var MoonUIPopoverContentPro = React71.forwardRef(({
|
|
8148
8248
|
className,
|
|
8149
8249
|
variant,
|
|
8150
8250
|
size: size4,
|
|
@@ -8187,11 +8287,47 @@ var MoonUIPopoverContentPro = React64.forwardRef(({
|
|
|
8187
8287
|
)
|
|
8188
8288
|
] }));
|
|
8189
8289
|
MoonUIPopoverContentPro.displayName = PopoverPrimitive.Content.displayName;
|
|
8290
|
+
var NODES2 = [
|
|
8291
|
+
"a",
|
|
8292
|
+
"button",
|
|
8293
|
+
"div",
|
|
8294
|
+
"form",
|
|
8295
|
+
"h2",
|
|
8296
|
+
"h3",
|
|
8297
|
+
"img",
|
|
8298
|
+
"input",
|
|
8299
|
+
"label",
|
|
8300
|
+
"li",
|
|
8301
|
+
"nav",
|
|
8302
|
+
"ol",
|
|
8303
|
+
"p",
|
|
8304
|
+
"select",
|
|
8305
|
+
"span",
|
|
8306
|
+
"svg",
|
|
8307
|
+
"ul"
|
|
8308
|
+
];
|
|
8309
|
+
var Primitive2 = NODES2.reduce((primitive, node) => {
|
|
8310
|
+
const Slot = createSlot(`Primitive.${node}`);
|
|
8311
|
+
const Node4 = React71.forwardRef((props, forwardedRef) => {
|
|
8312
|
+
const { asChild, ...primitiveProps } = props;
|
|
8313
|
+
const Comp = asChild ? Slot : node;
|
|
8314
|
+
if (typeof window !== "undefined") {
|
|
8315
|
+
window[Symbol.for("radix-ui")] = true;
|
|
8316
|
+
}
|
|
8317
|
+
return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
|
|
8318
|
+
});
|
|
8319
|
+
Node4.displayName = `Primitive.${node}`;
|
|
8320
|
+
return { ...primitive, [node]: Node4 };
|
|
8321
|
+
}, {});
|
|
8322
|
+
function dispatchDiscreteCustomEvent(target, event) {
|
|
8323
|
+
if (target)
|
|
8324
|
+
ReactDOM2.flushSync(() => target.dispatchEvent(event));
|
|
8325
|
+
}
|
|
8190
8326
|
var PROGRESS_NAME = "Progress";
|
|
8191
8327
|
var DEFAULT_MAX = 100;
|
|
8192
8328
|
var [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME);
|
|
8193
8329
|
var [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);
|
|
8194
|
-
var Progress =
|
|
8330
|
+
var Progress = React71.forwardRef(
|
|
8195
8331
|
(props, forwardedRef) => {
|
|
8196
8332
|
const {
|
|
8197
8333
|
__scopeProgress,
|
|
@@ -8210,7 +8346,7 @@ var Progress = React64.forwardRef(
|
|
|
8210
8346
|
const value = isValidValueNumber(valueProp, max2) ? valueProp : null;
|
|
8211
8347
|
const valueLabel = isNumber(value) ? getValueLabel(value, max2) : void 0;
|
|
8212
8348
|
return /* @__PURE__ */ jsx(ProgressProvider, { scope: __scopeProgress, value, max: max2, children: /* @__PURE__ */ jsx(
|
|
8213
|
-
|
|
8349
|
+
Primitive2.div,
|
|
8214
8350
|
{
|
|
8215
8351
|
"aria-valuemax": max2,
|
|
8216
8352
|
"aria-valuemin": 0,
|
|
@@ -8228,12 +8364,12 @@ var Progress = React64.forwardRef(
|
|
|
8228
8364
|
);
|
|
8229
8365
|
Progress.displayName = PROGRESS_NAME;
|
|
8230
8366
|
var INDICATOR_NAME = "ProgressIndicator";
|
|
8231
|
-
var ProgressIndicator =
|
|
8367
|
+
var ProgressIndicator = React71.forwardRef(
|
|
8232
8368
|
(props, forwardedRef) => {
|
|
8233
8369
|
const { __scopeProgress, ...indicatorProps } = props;
|
|
8234
8370
|
const context = useProgressContext(INDICATOR_NAME, __scopeProgress);
|
|
8235
8371
|
return /* @__PURE__ */ jsx(
|
|
8236
|
-
|
|
8372
|
+
Primitive2.div,
|
|
8237
8373
|
{
|
|
8238
8374
|
"data-state": getProgressState(context.value, context.max),
|
|
8239
8375
|
"data-value": context.value ?? void 0,
|
|
@@ -8273,7 +8409,7 @@ Defaulting to \`null\`.`;
|
|
|
8273
8409
|
}
|
|
8274
8410
|
var Root12 = Progress;
|
|
8275
8411
|
var Indicator2 = ProgressIndicator;
|
|
8276
|
-
var MoonUIProgressPro =
|
|
8412
|
+
var MoonUIProgressPro = React71.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
8277
8413
|
Root12,
|
|
8278
8414
|
{
|
|
8279
8415
|
ref,
|
|
@@ -8314,8 +8450,8 @@ var MoonUIradioGroupItemVariantsPro = cva(
|
|
|
8314
8450
|
}
|
|
8315
8451
|
}
|
|
8316
8452
|
);
|
|
8317
|
-
var MoonUIRadioGroupContextPro =
|
|
8318
|
-
var MoonUIRadioGroupPro =
|
|
8453
|
+
var MoonUIRadioGroupContextPro = React71.createContext({});
|
|
8454
|
+
var MoonUIRadioGroupPro = React71.forwardRef(
|
|
8319
8455
|
({ className, value, onValueChange, disabled, name, ...props }, ref) => {
|
|
8320
8456
|
return /* @__PURE__ */ jsx(MoonUIRadioGroupContextPro.Provider, { value: { value, onValueChange, disabled, name }, children: /* @__PURE__ */ jsx(
|
|
8321
8457
|
"div",
|
|
@@ -8329,9 +8465,9 @@ var MoonUIRadioGroupPro = React64.forwardRef(
|
|
|
8329
8465
|
}
|
|
8330
8466
|
);
|
|
8331
8467
|
MoonUIRadioGroupPro.displayName = "RadioGroupPro";
|
|
8332
|
-
var MoonUIRadioGroupItemPro =
|
|
8333
|
-
const radioGroup =
|
|
8334
|
-
const generatedId =
|
|
8468
|
+
var MoonUIRadioGroupItemPro = React71.forwardRef(({ className, variant, size: size4, indicator, id, value, disabled, ...props }, ref) => {
|
|
8469
|
+
const radioGroup = React71.useContext(MoonUIRadioGroupContextPro);
|
|
8470
|
+
const generatedId = React71.useId();
|
|
8335
8471
|
const radioId = id || generatedId;
|
|
8336
8472
|
const isChecked = radioGroup.value === value;
|
|
8337
8473
|
const handleChange = (e) => {
|
|
@@ -8379,7 +8515,7 @@ var MoonUIRadioGroupItemPro = React64.forwardRef(({ className, variant, size: si
|
|
|
8379
8515
|
] });
|
|
8380
8516
|
});
|
|
8381
8517
|
MoonUIRadioGroupItemPro.displayName = "RadioGroupItemPro";
|
|
8382
|
-
var MoonUIRadioLabelPro =
|
|
8518
|
+
var MoonUIRadioLabelPro = React71.forwardRef(
|
|
8383
8519
|
({ className, htmlFor, children, disabled = false, ...props }, ref) => {
|
|
8384
8520
|
return /* @__PURE__ */ jsx(
|
|
8385
8521
|
"label",
|
|
@@ -8398,13 +8534,13 @@ var MoonUIRadioLabelPro = React64.forwardRef(
|
|
|
8398
8534
|
}
|
|
8399
8535
|
);
|
|
8400
8536
|
MoonUIRadioLabelPro.displayName = "RadioLabelPro";
|
|
8401
|
-
var MoonUIRadioItemWithLabelPro =
|
|
8537
|
+
var MoonUIRadioItemWithLabelPro = React71.forwardRef(({
|
|
8402
8538
|
id,
|
|
8403
8539
|
label,
|
|
8404
8540
|
labelClassName,
|
|
8405
8541
|
...radioProps
|
|
8406
8542
|
}, ref) => {
|
|
8407
|
-
const generatedId =
|
|
8543
|
+
const generatedId = React71.useId();
|
|
8408
8544
|
const radioId = id || generatedId;
|
|
8409
8545
|
return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
|
|
8410
8546
|
/* @__PURE__ */ jsx(MoonUIRadioGroupItemPro, { ref, id: radioId, ...radioProps }),
|
|
@@ -8420,7 +8556,7 @@ var MoonUIRadioItemWithLabelPro = React64.forwardRef(({
|
|
|
8420
8556
|
] });
|
|
8421
8557
|
});
|
|
8422
8558
|
MoonUIRadioItemWithLabelPro.displayName = "RadioItemWithLabelPro";
|
|
8423
|
-
var ScrollArea =
|
|
8559
|
+
var ScrollArea = React71.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
8424
8560
|
ScrollAreaPrimitive.Root,
|
|
8425
8561
|
{
|
|
8426
8562
|
ref,
|
|
@@ -8434,7 +8570,7 @@ var ScrollArea = React64.forwardRef(({ className, children, ...props }, ref) =>
|
|
|
8434
8570
|
}
|
|
8435
8571
|
));
|
|
8436
8572
|
ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
|
|
8437
|
-
var ScrollBar =
|
|
8573
|
+
var ScrollBar = React71.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
|
|
8438
8574
|
ScrollAreaPrimitive.ScrollAreaScrollbar,
|
|
8439
8575
|
{
|
|
8440
8576
|
ref,
|
|
@@ -8547,7 +8683,7 @@ var moonUISeparatorVariantsPro = cva(
|
|
|
8547
8683
|
}
|
|
8548
8684
|
}
|
|
8549
8685
|
);
|
|
8550
|
-
var MoonUISeparatorPro =
|
|
8686
|
+
var MoonUISeparatorPro = React71.forwardRef(
|
|
8551
8687
|
({
|
|
8552
8688
|
className,
|
|
8553
8689
|
orientation = "horizontal",
|
|
@@ -8574,7 +8710,7 @@ var Sheet = DialogPrimitive2.Root;
|
|
|
8574
8710
|
var SheetTrigger = DialogPrimitive2.Trigger;
|
|
8575
8711
|
var SheetClose = DialogPrimitive2.Close;
|
|
8576
8712
|
var SheetPortal = DialogPrimitive2.Portal;
|
|
8577
|
-
var SheetOverlay =
|
|
8713
|
+
var SheetOverlay = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
8578
8714
|
DialogPrimitive2.Overlay,
|
|
8579
8715
|
{
|
|
8580
8716
|
className: cn(
|
|
@@ -8602,7 +8738,7 @@ var sheetVariants = cva(
|
|
|
8602
8738
|
}
|
|
8603
8739
|
}
|
|
8604
8740
|
);
|
|
8605
|
-
var SheetContent =
|
|
8741
|
+
var SheetContent = React71.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
|
|
8606
8742
|
/* @__PURE__ */ jsx(SheetOverlay, {}),
|
|
8607
8743
|
/* @__PURE__ */ jsxs(
|
|
8608
8744
|
DialogPrimitive2.Content,
|
|
@@ -8649,7 +8785,7 @@ var SheetFooter = ({
|
|
|
8649
8785
|
}
|
|
8650
8786
|
);
|
|
8651
8787
|
SheetFooter.displayName = "SheetFooter";
|
|
8652
|
-
var SheetTitle =
|
|
8788
|
+
var SheetTitle = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
8653
8789
|
DialogPrimitive2.Title,
|
|
8654
8790
|
{
|
|
8655
8791
|
ref,
|
|
@@ -8658,7 +8794,7 @@ var SheetTitle = React64.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
|
8658
8794
|
}
|
|
8659
8795
|
));
|
|
8660
8796
|
SheetTitle.displayName = DialogPrimitive2.Title.displayName;
|
|
8661
|
-
var SheetDescription =
|
|
8797
|
+
var SheetDescription = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
8662
8798
|
DialogPrimitive2.Description,
|
|
8663
8799
|
{
|
|
8664
8800
|
ref,
|
|
@@ -8759,7 +8895,7 @@ var sliderThumbVariants = cva(
|
|
|
8759
8895
|
}
|
|
8760
8896
|
}
|
|
8761
8897
|
);
|
|
8762
|
-
var MoonUISliderPro =
|
|
8898
|
+
var MoonUISliderPro = React71.forwardRef(({
|
|
8763
8899
|
className,
|
|
8764
8900
|
size: size4,
|
|
8765
8901
|
trackVariant,
|
|
@@ -8775,10 +8911,10 @@ var MoonUISliderPro = React64.forwardRef(({
|
|
|
8775
8911
|
disabled,
|
|
8776
8912
|
...props
|
|
8777
8913
|
}, ref) => {
|
|
8778
|
-
const [sliderValue, setSliderValue] =
|
|
8914
|
+
const [sliderValue, setSliderValue] = React71.useState(
|
|
8779
8915
|
value || defaultValue2 || [0]
|
|
8780
8916
|
);
|
|
8781
|
-
|
|
8917
|
+
React71.useEffect(() => {
|
|
8782
8918
|
if (value !== void 0) {
|
|
8783
8919
|
setSliderValue(value);
|
|
8784
8920
|
}
|
|
@@ -8793,7 +8929,7 @@ var MoonUISliderPro = React64.forwardRef(({
|
|
|
8793
8929
|
const calculateThumbPercent = (value2, min3, max3) => {
|
|
8794
8930
|
return (value2 - min3) / (max3 - min3) * 100;
|
|
8795
8931
|
};
|
|
8796
|
-
const trackRef =
|
|
8932
|
+
const trackRef = React71.useRef(null);
|
|
8797
8933
|
const min2 = props.min || 0;
|
|
8798
8934
|
const max2 = props.max || 100;
|
|
8799
8935
|
const step = props.step || 1;
|
|
@@ -8914,7 +9050,7 @@ var MoonUISliderPro = React64.forwardRef(({
|
|
|
8914
9050
|
] });
|
|
8915
9051
|
});
|
|
8916
9052
|
MoonUISliderPro.displayName = "MoonUISliderPro";
|
|
8917
|
-
var MoonUISwitchPro =
|
|
9053
|
+
var MoonUISwitchPro = React71.forwardRef(({ className, size: size4 = "md", variant = "primary", loading, leftIcon, rightIcon, description, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-2", children: [
|
|
8918
9054
|
leftIcon && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: leftIcon }),
|
|
8919
9055
|
/* @__PURE__ */ jsxs(
|
|
8920
9056
|
SwitchPrimitives.Root,
|
|
@@ -8984,7 +9120,7 @@ var MoonUItableVariantsPro = cva(
|
|
|
8984
9120
|
}
|
|
8985
9121
|
}
|
|
8986
9122
|
);
|
|
8987
|
-
var MoonUITablePro =
|
|
9123
|
+
var MoonUITablePro = React71.forwardRef(({
|
|
8988
9124
|
className,
|
|
8989
9125
|
variant,
|
|
8990
9126
|
size: size4,
|
|
@@ -9001,11 +9137,11 @@ var MoonUITablePro = React64.forwardRef(({
|
|
|
9001
9137
|
...props
|
|
9002
9138
|
}, ref) => {
|
|
9003
9139
|
const MoonUIstripedPro = variant === "striped";
|
|
9004
|
-
const MoonUIchildrenWithPropsPro =
|
|
9005
|
-
if (
|
|
9140
|
+
const MoonUIchildrenWithPropsPro = React71.Children.map(props.children, (child) => {
|
|
9141
|
+
if (React71.isValidElement(child)) {
|
|
9006
9142
|
if (child.type === "tbody") {
|
|
9007
9143
|
const MoonUItbodyPropsPro = child.props;
|
|
9008
|
-
return
|
|
9144
|
+
return React71.cloneElement(child, {
|
|
9009
9145
|
className: cn(MoonUItbodyPropsPro.className, MoonUIstripedPro && "even:[&>tr]:bg-muted/50")
|
|
9010
9146
|
});
|
|
9011
9147
|
}
|
|
@@ -9030,10 +9166,10 @@ var MoonUITablePro = React64.forwardRef(({
|
|
|
9030
9166
|
] });
|
|
9031
9167
|
});
|
|
9032
9168
|
MoonUITablePro.displayName = "TablePro";
|
|
9033
|
-
var MoonUITableHeaderPro =
|
|
9169
|
+
var MoonUITableHeaderPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
|
|
9034
9170
|
MoonUITableHeaderPro.displayName = "TableHeaderPro";
|
|
9035
|
-
var MoonUITableBodyPro =
|
|
9036
|
-
const MoonUIhasChildrenPro =
|
|
9171
|
+
var MoonUITableBodyPro = React71.forwardRef(({ className, emptyContent, emptyMessage = "No data available", children, ...props }, ref) => {
|
|
9172
|
+
const MoonUIhasChildrenPro = React71.Children.count(children) > 0;
|
|
9037
9173
|
return /* @__PURE__ */ jsx(
|
|
9038
9174
|
"tbody",
|
|
9039
9175
|
{
|
|
@@ -9045,7 +9181,7 @@ var MoonUITableBodyPro = React64.forwardRef(({ className, emptyContent, emptyMes
|
|
|
9045
9181
|
);
|
|
9046
9182
|
});
|
|
9047
9183
|
MoonUITableBodyPro.displayName = "TableBodyPro";
|
|
9048
|
-
var MoonUITableFooterPro =
|
|
9184
|
+
var MoonUITableFooterPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9049
9185
|
"tfoot",
|
|
9050
9186
|
{
|
|
9051
9187
|
ref,
|
|
@@ -9054,7 +9190,7 @@ var MoonUITableFooterPro = React64.forwardRef(({ className, ...props }, ref) =>
|
|
|
9054
9190
|
}
|
|
9055
9191
|
));
|
|
9056
9192
|
MoonUITableFooterPro.displayName = "TableFooterPro";
|
|
9057
|
-
var MoonUITableRowPro =
|
|
9193
|
+
var MoonUITableRowPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9058
9194
|
"tr",
|
|
9059
9195
|
{
|
|
9060
9196
|
ref,
|
|
@@ -9066,7 +9202,7 @@ var MoonUITableRowPro = React64.forwardRef(({ className, ...props }, ref) => /*
|
|
|
9066
9202
|
}
|
|
9067
9203
|
));
|
|
9068
9204
|
MoonUITableRowPro.displayName = "TableRowPro";
|
|
9069
|
-
var MoonUITableHeadPro =
|
|
9205
|
+
var MoonUITableHeadPro = React71.forwardRef(
|
|
9070
9206
|
({ className, sortable, sorted, onSort, children, ...props }, ref) => {
|
|
9071
9207
|
const MoonUIrenderSortIconPro = () => {
|
|
9072
9208
|
if (!sortable)
|
|
@@ -9147,7 +9283,7 @@ var MoonUITableHeadPro = React64.forwardRef(
|
|
|
9147
9283
|
}
|
|
9148
9284
|
);
|
|
9149
9285
|
MoonUITableHeadPro.displayName = "TableHeadPro";
|
|
9150
|
-
var MoonUITableCellPro =
|
|
9286
|
+
var MoonUITableCellPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9151
9287
|
"td",
|
|
9152
9288
|
{
|
|
9153
9289
|
ref,
|
|
@@ -9156,7 +9292,7 @@ var MoonUITableCellPro = React64.forwardRef(({ className, ...props }, ref) => /*
|
|
|
9156
9292
|
}
|
|
9157
9293
|
));
|
|
9158
9294
|
MoonUITableCellPro.displayName = "TableCellPro";
|
|
9159
|
-
var MoonUITableCaptionPro =
|
|
9295
|
+
var MoonUITableCaptionPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9160
9296
|
"caption",
|
|
9161
9297
|
{
|
|
9162
9298
|
ref,
|
|
@@ -9166,7 +9302,7 @@ var MoonUITableCaptionPro = React64.forwardRef(({ className, ...props }, ref) =>
|
|
|
9166
9302
|
));
|
|
9167
9303
|
MoonUITableCaptionPro.displayName = "TableCaptionPro";
|
|
9168
9304
|
var Tabs = TabsPrimitive2.Root;
|
|
9169
|
-
var TabsList =
|
|
9305
|
+
var TabsList = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9170
9306
|
TabsPrimitive2.List,
|
|
9171
9307
|
{
|
|
9172
9308
|
ref,
|
|
@@ -9178,7 +9314,7 @@ var TabsList = React64.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
|
9178
9314
|
}
|
|
9179
9315
|
));
|
|
9180
9316
|
TabsList.displayName = TabsPrimitive2.List.displayName;
|
|
9181
|
-
var TabsTrigger =
|
|
9317
|
+
var TabsTrigger = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9182
9318
|
TabsPrimitive2.Trigger,
|
|
9183
9319
|
{
|
|
9184
9320
|
ref,
|
|
@@ -9190,7 +9326,7 @@ var TabsTrigger = React64.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
9190
9326
|
}
|
|
9191
9327
|
));
|
|
9192
9328
|
TabsTrigger.displayName = TabsPrimitive2.Trigger.displayName;
|
|
9193
|
-
var TabsContent =
|
|
9329
|
+
var TabsContent = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9194
9330
|
TabsPrimitive2.Content,
|
|
9195
9331
|
{
|
|
9196
9332
|
ref,
|
|
@@ -9229,7 +9365,7 @@ var contentVariants = {
|
|
|
9229
9365
|
exit: { scale: 1.2, opacity: 0, filter: "blur(10px)" }
|
|
9230
9366
|
}
|
|
9231
9367
|
};
|
|
9232
|
-
var MoonUITabsPro =
|
|
9368
|
+
var MoonUITabsPro = React71.forwardRef(({
|
|
9233
9369
|
variant = "default",
|
|
9234
9370
|
animationMode = "fade",
|
|
9235
9371
|
orientation = "horizontal",
|
|
@@ -9259,8 +9395,8 @@ var MoonUITabsPro = React64.forwardRef(({
|
|
|
9259
9395
|
...props
|
|
9260
9396
|
}, ref) => {
|
|
9261
9397
|
const { hasProAccess, isLoading } = useSubscription();
|
|
9262
|
-
const [items, setItems] =
|
|
9263
|
-
const [localValue, setLocalValue] =
|
|
9398
|
+
const [items, setItems] = React71.useState(initialItems);
|
|
9399
|
+
const [localValue, setLocalValue] = React71.useState(() => {
|
|
9264
9400
|
if (persistKey && typeof window !== "undefined") {
|
|
9265
9401
|
const stored = localStorage.getItem(`tabs-${persistKey}`);
|
|
9266
9402
|
if (stored) {
|
|
@@ -9276,11 +9412,11 @@ var MoonUITabsPro = React64.forwardRef(({
|
|
|
9276
9412
|
}
|
|
9277
9413
|
return defaultValue2 || items[0]?.value;
|
|
9278
9414
|
});
|
|
9279
|
-
const [loadedTabs, setLoadedTabs] =
|
|
9280
|
-
const [isChanging, setIsChanging] =
|
|
9281
|
-
const scrollRef =
|
|
9415
|
+
const [loadedTabs, setLoadedTabs] = React71.useState(/* @__PURE__ */ new Set());
|
|
9416
|
+
const [isChanging, setIsChanging] = React71.useState(false);
|
|
9417
|
+
const scrollRef = React71.useRef(null);
|
|
9282
9418
|
const value = controlledValue !== void 0 ? controlledValue : localValue;
|
|
9283
|
-
const handleValueChange =
|
|
9419
|
+
const handleValueChange = React71.useCallback(async (newValue) => {
|
|
9284
9420
|
if (loading || isChanging)
|
|
9285
9421
|
return;
|
|
9286
9422
|
if (onBeforeChange) {
|
|
@@ -9308,7 +9444,7 @@ var MoonUITabsPro = React64.forwardRef(({
|
|
|
9308
9444
|
window.history.replaceState({}, "", `${window.location.pathname}?${params}`);
|
|
9309
9445
|
}
|
|
9310
9446
|
}, [value, loading, isChanging, onBeforeChange, onValueChange, lazy, loadedTabs, onAnalytics, persistKey, items, urlSync]);
|
|
9311
|
-
const handleTabClose =
|
|
9447
|
+
const handleTabClose = React71.useCallback((tabValue, e) => {
|
|
9312
9448
|
e.stopPropagation();
|
|
9313
9449
|
const newItems = items.filter((item) => item.value !== tabValue);
|
|
9314
9450
|
setItems(newItems);
|
|
@@ -9319,7 +9455,7 @@ var MoonUITabsPro = React64.forwardRef(({
|
|
|
9319
9455
|
handleValueChange(newItems[0].value);
|
|
9320
9456
|
}
|
|
9321
9457
|
}, [items, value, onTabsChange, onTabClose, onAnalytics, handleValueChange]);
|
|
9322
|
-
const handleTabAdd =
|
|
9458
|
+
const handleTabAdd = React71.useCallback(() => {
|
|
9323
9459
|
if (maxTabs && items.length >= maxTabs) {
|
|
9324
9460
|
onAnalytics?.("tab_add_blocked", { reason: "max_tabs" });
|
|
9325
9461
|
return;
|
|
@@ -9327,7 +9463,7 @@ var MoonUITabsPro = React64.forwardRef(({
|
|
|
9327
9463
|
onTabAdd?.();
|
|
9328
9464
|
onAnalytics?.("tab_add", { count: items.length + 1 });
|
|
9329
9465
|
}, [items.length, maxTabs, onTabAdd, onAnalytics]);
|
|
9330
|
-
|
|
9466
|
+
React71.useEffect(() => {
|
|
9331
9467
|
if (!shortcuts)
|
|
9332
9468
|
return;
|
|
9333
9469
|
const handleKeyDown3 = (e) => {
|
|
@@ -9566,7 +9702,7 @@ var MoonUITabsPro = React64.forwardRef(({
|
|
|
9566
9702
|
] });
|
|
9567
9703
|
});
|
|
9568
9704
|
MoonUITabsPro.displayName = "MoonUITabsPro";
|
|
9569
|
-
var MoonUITabsListPro =
|
|
9705
|
+
var MoonUITabsListPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9570
9706
|
TabsPrimitive2.List,
|
|
9571
9707
|
{
|
|
9572
9708
|
ref,
|
|
@@ -9578,7 +9714,7 @@ var MoonUITabsListPro = React64.forwardRef(({ className, ...props }, ref) => /*
|
|
|
9578
9714
|
}
|
|
9579
9715
|
));
|
|
9580
9716
|
MoonUITabsListPro.displayName = "MoonUITabsListPro";
|
|
9581
|
-
var MoonUITabsTriggerPro =
|
|
9717
|
+
var MoonUITabsTriggerPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9582
9718
|
TabsPrimitive2.Trigger,
|
|
9583
9719
|
{
|
|
9584
9720
|
ref,
|
|
@@ -9590,7 +9726,7 @@ var MoonUITabsTriggerPro = React64.forwardRef(({ className, ...props }, ref) =>
|
|
|
9590
9726
|
}
|
|
9591
9727
|
));
|
|
9592
9728
|
MoonUITabsTriggerPro.displayName = "MoonUITabsTriggerPro";
|
|
9593
|
-
var MoonUITabsContentPro =
|
|
9729
|
+
var MoonUITabsContentPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9594
9730
|
TabsPrimitive2.Content,
|
|
9595
9731
|
{
|
|
9596
9732
|
ref,
|
|
@@ -9641,7 +9777,7 @@ var moonUITextareaProVariants = cva(
|
|
|
9641
9777
|
}
|
|
9642
9778
|
}
|
|
9643
9779
|
);
|
|
9644
|
-
var MoonUITextareaPro =
|
|
9780
|
+
var MoonUITextareaPro = React71.forwardRef(
|
|
9645
9781
|
({
|
|
9646
9782
|
className,
|
|
9647
9783
|
wrapperClassName,
|
|
@@ -9661,10 +9797,10 @@ var MoonUITextareaPro = React64.forwardRef(
|
|
|
9661
9797
|
onChange,
|
|
9662
9798
|
...props
|
|
9663
9799
|
}, ref) => {
|
|
9664
|
-
const textareaRef =
|
|
9665
|
-
const [internalValue, setInternalValue] =
|
|
9666
|
-
|
|
9667
|
-
const adjustHeight =
|
|
9800
|
+
const textareaRef = React71.useRef(null);
|
|
9801
|
+
const [internalValue, setInternalValue] = React71.useState(value || defaultValue2 || "");
|
|
9802
|
+
React71.useImperativeHandle(ref, () => textareaRef.current);
|
|
9803
|
+
const adjustHeight = React71.useCallback(() => {
|
|
9668
9804
|
const textarea = textareaRef.current;
|
|
9669
9805
|
if (!textarea || !autoResize)
|
|
9670
9806
|
return;
|
|
@@ -9678,10 +9814,10 @@ var MoonUITextareaPro = React64.forwardRef(
|
|
|
9678
9814
|
textarea.style.overflowY = "hidden";
|
|
9679
9815
|
}
|
|
9680
9816
|
}, [autoResize, maxHeight]);
|
|
9681
|
-
|
|
9817
|
+
React71.useEffect(() => {
|
|
9682
9818
|
adjustHeight();
|
|
9683
9819
|
}, [internalValue, adjustHeight]);
|
|
9684
|
-
|
|
9820
|
+
React71.useEffect(() => {
|
|
9685
9821
|
if (value !== void 0) {
|
|
9686
9822
|
setInternalValue(value);
|
|
9687
9823
|
}
|
|
@@ -9746,7 +9882,7 @@ var MoonUITextareaPro = React64.forwardRef(
|
|
|
9746
9882
|
}
|
|
9747
9883
|
);
|
|
9748
9884
|
MoonUITextareaPro.displayName = "MoonUITextareaPro";
|
|
9749
|
-
var MoonUIToastViewportPro =
|
|
9885
|
+
var MoonUIToastViewportPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9750
9886
|
ToastPrimitives.Viewport,
|
|
9751
9887
|
{
|
|
9752
9888
|
ref,
|
|
@@ -9775,7 +9911,7 @@ var moonUIToastVariantsPro = cva(
|
|
|
9775
9911
|
}
|
|
9776
9912
|
}
|
|
9777
9913
|
);
|
|
9778
|
-
var MoonUIToastPro =
|
|
9914
|
+
var MoonUIToastPro = React71.forwardRef(({ className, variant, ...props }, ref) => {
|
|
9779
9915
|
return /* @__PURE__ */ jsx(
|
|
9780
9916
|
ToastPrimitives.Root,
|
|
9781
9917
|
{
|
|
@@ -9786,7 +9922,7 @@ var MoonUIToastPro = React64.forwardRef(({ className, variant, ...props }, ref)
|
|
|
9786
9922
|
);
|
|
9787
9923
|
});
|
|
9788
9924
|
MoonUIToastPro.displayName = ToastPrimitives.Root.displayName;
|
|
9789
|
-
var MoonUIToastActionPro =
|
|
9925
|
+
var MoonUIToastActionPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9790
9926
|
ToastPrimitives.Action,
|
|
9791
9927
|
{
|
|
9792
9928
|
ref,
|
|
@@ -9798,7 +9934,7 @@ var MoonUIToastActionPro = React64.forwardRef(({ className, ...props }, ref) =>
|
|
|
9798
9934
|
}
|
|
9799
9935
|
));
|
|
9800
9936
|
MoonUIToastActionPro.displayName = ToastPrimitives.Action.displayName;
|
|
9801
|
-
var MoonUIToastClosePro =
|
|
9937
|
+
var MoonUIToastClosePro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9802
9938
|
ToastPrimitives.Close,
|
|
9803
9939
|
{
|
|
9804
9940
|
ref,
|
|
@@ -9812,7 +9948,7 @@ var MoonUIToastClosePro = React64.forwardRef(({ className, ...props }, ref) => /
|
|
|
9812
9948
|
}
|
|
9813
9949
|
));
|
|
9814
9950
|
MoonUIToastClosePro.displayName = ToastPrimitives.Close.displayName;
|
|
9815
|
-
var MoonUIToastTitlePro =
|
|
9951
|
+
var MoonUIToastTitlePro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9816
9952
|
ToastPrimitives.Title,
|
|
9817
9953
|
{
|
|
9818
9954
|
ref,
|
|
@@ -9821,7 +9957,7 @@ var MoonUIToastTitlePro = React64.forwardRef(({ className, ...props }, ref) => /
|
|
|
9821
9957
|
}
|
|
9822
9958
|
));
|
|
9823
9959
|
MoonUIToastTitlePro.displayName = ToastPrimitives.Title.displayName;
|
|
9824
|
-
var MoonUIToastDescriptionPro =
|
|
9960
|
+
var MoonUIToastDescriptionPro = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9825
9961
|
ToastPrimitives.Description,
|
|
9826
9962
|
{
|
|
9827
9963
|
ref,
|
|
@@ -9928,17 +10064,83 @@ function toast({ ...props }) {
|
|
|
9928
10064
|
update
|
|
9929
10065
|
};
|
|
9930
10066
|
}
|
|
10067
|
+
var useLayoutEffect22 = globalThis?.document ? React71.useLayoutEffect : () => {
|
|
10068
|
+
};
|
|
10069
|
+
var useInsertionEffect2 = React71[" useInsertionEffect ".trim().toString()] || useLayoutEffect22;
|
|
10070
|
+
function useControllableState2({
|
|
10071
|
+
prop,
|
|
10072
|
+
defaultProp,
|
|
10073
|
+
onChange = () => {
|
|
10074
|
+
},
|
|
10075
|
+
caller
|
|
10076
|
+
}) {
|
|
10077
|
+
const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState2({
|
|
10078
|
+
defaultProp,
|
|
10079
|
+
onChange
|
|
10080
|
+
});
|
|
10081
|
+
const isControlled = prop !== void 0;
|
|
10082
|
+
const value = isControlled ? prop : uncontrolledProp;
|
|
10083
|
+
{
|
|
10084
|
+
const isControlledRef = React71.useRef(prop !== void 0);
|
|
10085
|
+
React71.useEffect(() => {
|
|
10086
|
+
const wasControlled = isControlledRef.current;
|
|
10087
|
+
if (wasControlled !== isControlled) {
|
|
10088
|
+
const from2 = wasControlled ? "controlled" : "uncontrolled";
|
|
10089
|
+
const to = isControlled ? "controlled" : "uncontrolled";
|
|
10090
|
+
console.warn(
|
|
10091
|
+
`${caller} is changing from ${from2} to ${to}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
|
|
10092
|
+
);
|
|
10093
|
+
}
|
|
10094
|
+
isControlledRef.current = isControlled;
|
|
10095
|
+
}, [isControlled, caller]);
|
|
10096
|
+
}
|
|
10097
|
+
const setValue = React71.useCallback(
|
|
10098
|
+
(nextValue) => {
|
|
10099
|
+
if (isControlled) {
|
|
10100
|
+
const value2 = isFunction2(nextValue) ? nextValue(prop) : nextValue;
|
|
10101
|
+
if (value2 !== prop) {
|
|
10102
|
+
onChangeRef.current?.(value2);
|
|
10103
|
+
}
|
|
10104
|
+
} else {
|
|
10105
|
+
setUncontrolledProp(nextValue);
|
|
10106
|
+
}
|
|
10107
|
+
},
|
|
10108
|
+
[isControlled, prop, setUncontrolledProp, onChangeRef]
|
|
10109
|
+
);
|
|
10110
|
+
return [value, setValue];
|
|
10111
|
+
}
|
|
10112
|
+
function useUncontrolledState2({
|
|
10113
|
+
defaultProp,
|
|
10114
|
+
onChange
|
|
10115
|
+
}) {
|
|
10116
|
+
const [value, setValue] = React71.useState(defaultProp);
|
|
10117
|
+
const prevValueRef = React71.useRef(value);
|
|
10118
|
+
const onChangeRef = React71.useRef(onChange);
|
|
10119
|
+
useInsertionEffect2(() => {
|
|
10120
|
+
onChangeRef.current = onChange;
|
|
10121
|
+
}, [onChange]);
|
|
10122
|
+
React71.useEffect(() => {
|
|
10123
|
+
if (prevValueRef.current !== value) {
|
|
10124
|
+
onChangeRef.current?.(value);
|
|
10125
|
+
prevValueRef.current = value;
|
|
10126
|
+
}
|
|
10127
|
+
}, [value, prevValueRef]);
|
|
10128
|
+
return [value, setValue, onChangeRef];
|
|
10129
|
+
}
|
|
10130
|
+
function isFunction2(value) {
|
|
10131
|
+
return typeof value === "function";
|
|
10132
|
+
}
|
|
9931
10133
|
var NAME = "Toggle";
|
|
9932
|
-
var Toggle =
|
|
10134
|
+
var Toggle = React71.forwardRef((props, forwardedRef) => {
|
|
9933
10135
|
const { pressed: pressedProp, defaultPressed, onPressedChange, ...buttonProps } = props;
|
|
9934
|
-
const [pressed, setPressed] =
|
|
10136
|
+
const [pressed, setPressed] = useControllableState2({
|
|
9935
10137
|
prop: pressedProp,
|
|
9936
10138
|
onChange: onPressedChange,
|
|
9937
10139
|
defaultProp: defaultPressed ?? false,
|
|
9938
10140
|
caller: NAME
|
|
9939
10141
|
});
|
|
9940
10142
|
return /* @__PURE__ */ jsx(
|
|
9941
|
-
|
|
10143
|
+
Primitive2.button,
|
|
9942
10144
|
{
|
|
9943
10145
|
type: "button",
|
|
9944
10146
|
"aria-pressed": pressed,
|
|
@@ -10082,10 +10284,10 @@ var MoonUItoggleVariantsPro = cva(
|
|
|
10082
10284
|
}
|
|
10083
10285
|
}
|
|
10084
10286
|
);
|
|
10085
|
-
var MoonUITogglePro =
|
|
10086
|
-
const [isAnimating, setIsAnimating] =
|
|
10287
|
+
var MoonUITogglePro = React71.forwardRef(({ className, variant, size: size4, shape, loading, badge, badgeVariant = "default", iconOn, iconOff, iconPosition = "left", children, pressed, onPressedChange, defaultPressed, ...props }, ref) => {
|
|
10288
|
+
const [isAnimating, setIsAnimating] = React71.useState(false);
|
|
10087
10289
|
const icon = pressed ? iconOn : iconOff;
|
|
10088
|
-
|
|
10290
|
+
React71.useEffect(() => {
|
|
10089
10291
|
if (iconOn && iconOff && icon) {
|
|
10090
10292
|
setIsAnimating(true);
|
|
10091
10293
|
const timer = setTimeout(() => setIsAnimating(false), 200);
|
|
@@ -11851,7 +12053,7 @@ function roundByDPR(element, value) {
|
|
|
11851
12053
|
return Math.round(value * dpr) / dpr;
|
|
11852
12054
|
}
|
|
11853
12055
|
function useLatestRef(value) {
|
|
11854
|
-
const ref =
|
|
12056
|
+
const ref = React71.useRef(value);
|
|
11855
12057
|
index(() => {
|
|
11856
12058
|
ref.current = value;
|
|
11857
12059
|
});
|
|
@@ -11874,7 +12076,7 @@ function useFloating(options) {
|
|
|
11874
12076
|
whileElementsMounted,
|
|
11875
12077
|
open
|
|
11876
12078
|
} = options;
|
|
11877
|
-
const [data, setData] =
|
|
12079
|
+
const [data, setData] = React71.useState({
|
|
11878
12080
|
x: 0,
|
|
11879
12081
|
y: 0,
|
|
11880
12082
|
strategy,
|
|
@@ -11882,19 +12084,19 @@ function useFloating(options) {
|
|
|
11882
12084
|
middlewareData: {},
|
|
11883
12085
|
isPositioned: false
|
|
11884
12086
|
});
|
|
11885
|
-
const [latestMiddleware, setLatestMiddleware] =
|
|
12087
|
+
const [latestMiddleware, setLatestMiddleware] = React71.useState(middleware);
|
|
11886
12088
|
if (!deepEqual(latestMiddleware, middleware)) {
|
|
11887
12089
|
setLatestMiddleware(middleware);
|
|
11888
12090
|
}
|
|
11889
|
-
const [_reference, _setReference] =
|
|
11890
|
-
const [_floating, _setFloating] =
|
|
11891
|
-
const setReference =
|
|
12091
|
+
const [_reference, _setReference] = React71.useState(null);
|
|
12092
|
+
const [_floating, _setFloating] = React71.useState(null);
|
|
12093
|
+
const setReference = React71.useCallback((node) => {
|
|
11892
12094
|
if (node !== referenceRef.current) {
|
|
11893
12095
|
referenceRef.current = node;
|
|
11894
12096
|
_setReference(node);
|
|
11895
12097
|
}
|
|
11896
12098
|
}, []);
|
|
11897
|
-
const setFloating =
|
|
12099
|
+
const setFloating = React71.useCallback((node) => {
|
|
11898
12100
|
if (node !== floatingRef.current) {
|
|
11899
12101
|
floatingRef.current = node;
|
|
11900
12102
|
_setFloating(node);
|
|
@@ -11902,14 +12104,14 @@ function useFloating(options) {
|
|
|
11902
12104
|
}, []);
|
|
11903
12105
|
const referenceEl = externalReference || _reference;
|
|
11904
12106
|
const floatingEl = externalFloating || _floating;
|
|
11905
|
-
const referenceRef =
|
|
11906
|
-
const floatingRef =
|
|
11907
|
-
const dataRef =
|
|
12107
|
+
const referenceRef = React71.useRef(null);
|
|
12108
|
+
const floatingRef = React71.useRef(null);
|
|
12109
|
+
const dataRef = React71.useRef(data);
|
|
11908
12110
|
const hasWhileElementsMounted = whileElementsMounted != null;
|
|
11909
12111
|
const whileElementsMountedRef = useLatestRef(whileElementsMounted);
|
|
11910
12112
|
const platformRef = useLatestRef(platform2);
|
|
11911
12113
|
const openRef = useLatestRef(open);
|
|
11912
|
-
const update =
|
|
12114
|
+
const update = React71.useCallback(() => {
|
|
11913
12115
|
if (!referenceRef.current || !floatingRef.current) {
|
|
11914
12116
|
return;
|
|
11915
12117
|
}
|
|
@@ -11932,7 +12134,7 @@ function useFloating(options) {
|
|
|
11932
12134
|
};
|
|
11933
12135
|
if (isMountedRef.current && !deepEqual(dataRef.current, fullData)) {
|
|
11934
12136
|
dataRef.current = fullData;
|
|
11935
|
-
|
|
12137
|
+
ReactDOM2.flushSync(() => {
|
|
11936
12138
|
setData(fullData);
|
|
11937
12139
|
});
|
|
11938
12140
|
}
|
|
@@ -11947,7 +12149,7 @@ function useFloating(options) {
|
|
|
11947
12149
|
}));
|
|
11948
12150
|
}
|
|
11949
12151
|
}, [open]);
|
|
11950
|
-
const isMountedRef =
|
|
12152
|
+
const isMountedRef = React71.useRef(false);
|
|
11951
12153
|
index(() => {
|
|
11952
12154
|
isMountedRef.current = true;
|
|
11953
12155
|
return () => {
|
|
@@ -11966,17 +12168,17 @@ function useFloating(options) {
|
|
|
11966
12168
|
update();
|
|
11967
12169
|
}
|
|
11968
12170
|
}, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
|
|
11969
|
-
const refs =
|
|
12171
|
+
const refs = React71.useMemo(() => ({
|
|
11970
12172
|
reference: referenceRef,
|
|
11971
12173
|
floating: floatingRef,
|
|
11972
12174
|
setReference,
|
|
11973
12175
|
setFloating
|
|
11974
12176
|
}), [setReference, setFloating]);
|
|
11975
|
-
const elements =
|
|
12177
|
+
const elements = React71.useMemo(() => ({
|
|
11976
12178
|
reference: referenceEl,
|
|
11977
12179
|
floating: floatingEl
|
|
11978
12180
|
}), [referenceEl, floatingEl]);
|
|
11979
|
-
const floatingStyles =
|
|
12181
|
+
const floatingStyles = React71.useMemo(() => {
|
|
11980
12182
|
const initialStyles = {
|
|
11981
12183
|
position: strategy,
|
|
11982
12184
|
left: 0,
|
|
@@ -12002,7 +12204,7 @@ function useFloating(options) {
|
|
|
12002
12204
|
top: y
|
|
12003
12205
|
};
|
|
12004
12206
|
}, [strategy, transform, elements.floating, data.x, data.y]);
|
|
12005
|
-
return
|
|
12207
|
+
return React71.useMemo(() => ({
|
|
12006
12208
|
...data,
|
|
12007
12209
|
update,
|
|
12008
12210
|
refs,
|
|
@@ -12070,10 +12272,10 @@ var arrow3 = (options, deps) => ({
|
|
|
12070
12272
|
options: [options, deps]
|
|
12071
12273
|
});
|
|
12072
12274
|
var NAME2 = "Arrow";
|
|
12073
|
-
var Arrow2 =
|
|
12275
|
+
var Arrow2 = React71.forwardRef((props, forwardedRef) => {
|
|
12074
12276
|
const { children, width = 10, height = 5, ...arrowProps } = props;
|
|
12075
12277
|
return /* @__PURE__ */ jsx(
|
|
12076
|
-
|
|
12278
|
+
Primitive2.svg,
|
|
12077
12279
|
{
|
|
12078
12280
|
...arrowProps,
|
|
12079
12281
|
ref: forwardedRef,
|
|
@@ -12088,15 +12290,15 @@ var Arrow2 = React64.forwardRef((props, forwardedRef) => {
|
|
|
12088
12290
|
Arrow2.displayName = NAME2;
|
|
12089
12291
|
var Root21 = Arrow2;
|
|
12090
12292
|
function useCallbackRef(callback) {
|
|
12091
|
-
const callbackRef =
|
|
12092
|
-
|
|
12293
|
+
const callbackRef = React71.useRef(callback);
|
|
12294
|
+
React71.useEffect(() => {
|
|
12093
12295
|
callbackRef.current = callback;
|
|
12094
12296
|
});
|
|
12095
|
-
return
|
|
12297
|
+
return React71.useMemo(() => (...args) => callbackRef.current?.(...args), []);
|
|
12096
12298
|
}
|
|
12097
12299
|
function useSize(element) {
|
|
12098
|
-
const [size4, setSize] =
|
|
12099
|
-
|
|
12300
|
+
const [size4, setSize] = React71.useState(void 0);
|
|
12301
|
+
useLayoutEffect22(() => {
|
|
12100
12302
|
if (element) {
|
|
12101
12303
|
setSize({ width: element.offsetWidth, height: element.offsetHeight });
|
|
12102
12304
|
const resizeObserver = new ResizeObserver((entries) => {
|
|
@@ -12133,32 +12335,32 @@ var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
|
|
|
12133
12335
|
var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
|
|
12134
12336
|
var Popper = (props) => {
|
|
12135
12337
|
const { __scopePopper, children } = props;
|
|
12136
|
-
const [anchor, setAnchor] =
|
|
12338
|
+
const [anchor, setAnchor] = React71.useState(null);
|
|
12137
12339
|
return /* @__PURE__ */ jsx(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
|
|
12138
12340
|
};
|
|
12139
12341
|
Popper.displayName = POPPER_NAME;
|
|
12140
12342
|
var ANCHOR_NAME = "PopperAnchor";
|
|
12141
|
-
var PopperAnchor =
|
|
12343
|
+
var PopperAnchor = React71.forwardRef(
|
|
12142
12344
|
(props, forwardedRef) => {
|
|
12143
12345
|
const { __scopePopper, virtualRef, ...anchorProps } = props;
|
|
12144
12346
|
const context = usePopperContext(ANCHOR_NAME, __scopePopper);
|
|
12145
|
-
const ref =
|
|
12347
|
+
const ref = React71.useRef(null);
|
|
12146
12348
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
12147
|
-
const anchorRef =
|
|
12148
|
-
|
|
12349
|
+
const anchorRef = React71.useRef(null);
|
|
12350
|
+
React71.useEffect(() => {
|
|
12149
12351
|
const previousAnchor = anchorRef.current;
|
|
12150
12352
|
anchorRef.current = virtualRef?.current || ref.current;
|
|
12151
12353
|
if (previousAnchor !== anchorRef.current) {
|
|
12152
12354
|
context.onAnchorChange(anchorRef.current);
|
|
12153
12355
|
}
|
|
12154
12356
|
});
|
|
12155
|
-
return virtualRef ? null : /* @__PURE__ */ jsx(
|
|
12357
|
+
return virtualRef ? null : /* @__PURE__ */ jsx(Primitive2.div, { ...anchorProps, ref: composedRefs });
|
|
12156
12358
|
}
|
|
12157
12359
|
);
|
|
12158
12360
|
PopperAnchor.displayName = ANCHOR_NAME;
|
|
12159
12361
|
var CONTENT_NAME3 = "PopperContent";
|
|
12160
12362
|
var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME3);
|
|
12161
|
-
var PopperContent =
|
|
12363
|
+
var PopperContent = React71.forwardRef(
|
|
12162
12364
|
(props, forwardedRef) => {
|
|
12163
12365
|
const {
|
|
12164
12366
|
__scopePopper,
|
|
@@ -12177,9 +12379,9 @@ var PopperContent = React64.forwardRef(
|
|
|
12177
12379
|
...contentProps
|
|
12178
12380
|
} = props;
|
|
12179
12381
|
const context = usePopperContext(CONTENT_NAME3, __scopePopper);
|
|
12180
|
-
const [content, setContent2] =
|
|
12382
|
+
const [content, setContent2] = React71.useState(null);
|
|
12181
12383
|
const composedRefs = useComposedRefs(forwardedRef, (node) => setContent2(node));
|
|
12182
|
-
const [arrow6, setArrow] =
|
|
12384
|
+
const [arrow6, setArrow] = React71.useState(null);
|
|
12183
12385
|
const arrowSize = useSize(arrow6);
|
|
12184
12386
|
const arrowWidth = arrowSize?.width ?? 0;
|
|
12185
12387
|
const arrowHeight = arrowSize?.height ?? 0;
|
|
@@ -12233,7 +12435,7 @@ var PopperContent = React64.forwardRef(
|
|
|
12233
12435
|
});
|
|
12234
12436
|
const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);
|
|
12235
12437
|
const handlePlaced = useCallbackRef(onPlaced);
|
|
12236
|
-
|
|
12438
|
+
useLayoutEffect22(() => {
|
|
12237
12439
|
if (isPositioned) {
|
|
12238
12440
|
handlePlaced?.();
|
|
12239
12441
|
}
|
|
@@ -12241,8 +12443,8 @@ var PopperContent = React64.forwardRef(
|
|
|
12241
12443
|
const arrowX = middlewareData.arrow?.x;
|
|
12242
12444
|
const arrowY = middlewareData.arrow?.y;
|
|
12243
12445
|
const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
|
|
12244
|
-
const [contentZIndex, setContentZIndex] =
|
|
12245
|
-
|
|
12446
|
+
const [contentZIndex, setContentZIndex] = React71.useState();
|
|
12447
|
+
useLayoutEffect22(() => {
|
|
12246
12448
|
if (content)
|
|
12247
12449
|
setContentZIndex(window.getComputedStyle(content).zIndex);
|
|
12248
12450
|
}, [content]);
|
|
@@ -12280,7 +12482,7 @@ var PopperContent = React64.forwardRef(
|
|
|
12280
12482
|
arrowY,
|
|
12281
12483
|
shouldHideArrow: cannotCenterArrow,
|
|
12282
12484
|
children: /* @__PURE__ */ jsx(
|
|
12283
|
-
|
|
12485
|
+
Primitive2.div,
|
|
12284
12486
|
{
|
|
12285
12487
|
"data-side": placedSide,
|
|
12286
12488
|
"data-align": placedAlign,
|
|
@@ -12308,7 +12510,7 @@ var OPPOSITE_SIDE = {
|
|
|
12308
12510
|
bottom: "top",
|
|
12309
12511
|
left: "right"
|
|
12310
12512
|
};
|
|
12311
|
-
var PopperArrow =
|
|
12513
|
+
var PopperArrow = React71.forwardRef(function PopperArrow2(props, forwardedRef) {
|
|
12312
12514
|
const { __scopePopper, ...arrowProps } = props;
|
|
12313
12515
|
const contentContext = useContentContext(ARROW_NAME, __scopePopper);
|
|
12314
12516
|
const baseSide = OPPOSITE_SIDE[contentContext.placedSide];
|
|
@@ -12399,17 +12601,139 @@ var Anchor2 = PopperAnchor;
|
|
|
12399
12601
|
var Content12 = PopperContent;
|
|
12400
12602
|
var Arrow3 = PopperArrow;
|
|
12401
12603
|
var PORTAL_NAME2 = "Portal";
|
|
12402
|
-
var Portal7 =
|
|
12604
|
+
var Portal7 = React71.forwardRef((props, forwardedRef) => {
|
|
12403
12605
|
const { container: containerProp, ...portalProps } = props;
|
|
12404
|
-
const [mounted, setMounted] =
|
|
12405
|
-
|
|
12606
|
+
const [mounted, setMounted] = React71.useState(false);
|
|
12607
|
+
useLayoutEffect22(() => setMounted(true), []);
|
|
12406
12608
|
const container = containerProp || mounted && globalThis?.document?.body;
|
|
12407
|
-
return container ?
|
|
12609
|
+
return container ? ReactDOM2__default.createPortal(/* @__PURE__ */ jsx(Primitive2.div, { ...portalProps, ref: forwardedRef }), container) : null;
|
|
12408
12610
|
});
|
|
12409
12611
|
Portal7.displayName = PORTAL_NAME2;
|
|
12612
|
+
function useStateMachine2(initialState, machine) {
|
|
12613
|
+
return React71.useReducer((state, event) => {
|
|
12614
|
+
const nextState = machine[state][event];
|
|
12615
|
+
return nextState ?? state;
|
|
12616
|
+
}, initialState);
|
|
12617
|
+
}
|
|
12618
|
+
var Presence2 = (props) => {
|
|
12619
|
+
const { present, children } = props;
|
|
12620
|
+
const presence = usePresence2(present);
|
|
12621
|
+
const child = typeof children === "function" ? children({ present: presence.isPresent }) : React71.Children.only(children);
|
|
12622
|
+
const ref = useComposedRefs(presence.ref, getElementRef2(child));
|
|
12623
|
+
const forceMount = typeof children === "function";
|
|
12624
|
+
return forceMount || presence.isPresent ? React71.cloneElement(child, { ref }) : null;
|
|
12625
|
+
};
|
|
12626
|
+
Presence2.displayName = "Presence";
|
|
12627
|
+
function usePresence2(present) {
|
|
12628
|
+
const [node, setNode2] = React71.useState();
|
|
12629
|
+
const stylesRef = React71.useRef(null);
|
|
12630
|
+
const prevPresentRef = React71.useRef(present);
|
|
12631
|
+
const prevAnimationNameRef = React71.useRef("none");
|
|
12632
|
+
const initialState = present ? "mounted" : "unmounted";
|
|
12633
|
+
const [state, send] = useStateMachine2(initialState, {
|
|
12634
|
+
mounted: {
|
|
12635
|
+
UNMOUNT: "unmounted",
|
|
12636
|
+
ANIMATION_OUT: "unmountSuspended"
|
|
12637
|
+
},
|
|
12638
|
+
unmountSuspended: {
|
|
12639
|
+
MOUNT: "mounted",
|
|
12640
|
+
ANIMATION_END: "unmounted"
|
|
12641
|
+
},
|
|
12642
|
+
unmounted: {
|
|
12643
|
+
MOUNT: "mounted"
|
|
12644
|
+
}
|
|
12645
|
+
});
|
|
12646
|
+
React71.useEffect(() => {
|
|
12647
|
+
const currentAnimationName = getAnimationName2(stylesRef.current);
|
|
12648
|
+
prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
|
|
12649
|
+
}, [state]);
|
|
12650
|
+
useLayoutEffect22(() => {
|
|
12651
|
+
const styles = stylesRef.current;
|
|
12652
|
+
const wasPresent = prevPresentRef.current;
|
|
12653
|
+
const hasPresentChanged = wasPresent !== present;
|
|
12654
|
+
if (hasPresentChanged) {
|
|
12655
|
+
const prevAnimationName = prevAnimationNameRef.current;
|
|
12656
|
+
const currentAnimationName = getAnimationName2(styles);
|
|
12657
|
+
if (present) {
|
|
12658
|
+
send("MOUNT");
|
|
12659
|
+
} else if (currentAnimationName === "none" || styles?.display === "none") {
|
|
12660
|
+
send("UNMOUNT");
|
|
12661
|
+
} else {
|
|
12662
|
+
const isAnimating = prevAnimationName !== currentAnimationName;
|
|
12663
|
+
if (wasPresent && isAnimating) {
|
|
12664
|
+
send("ANIMATION_OUT");
|
|
12665
|
+
} else {
|
|
12666
|
+
send("UNMOUNT");
|
|
12667
|
+
}
|
|
12668
|
+
}
|
|
12669
|
+
prevPresentRef.current = present;
|
|
12670
|
+
}
|
|
12671
|
+
}, [present, send]);
|
|
12672
|
+
useLayoutEffect22(() => {
|
|
12673
|
+
if (node) {
|
|
12674
|
+
let timeoutId;
|
|
12675
|
+
const ownerWindow = node.ownerDocument.defaultView ?? window;
|
|
12676
|
+
const handleAnimationEnd = (event) => {
|
|
12677
|
+
const currentAnimationName = getAnimationName2(stylesRef.current);
|
|
12678
|
+
const isCurrentAnimation = currentAnimationName.includes(CSS.escape(event.animationName));
|
|
12679
|
+
if (event.target === node && isCurrentAnimation) {
|
|
12680
|
+
send("ANIMATION_END");
|
|
12681
|
+
if (!prevPresentRef.current) {
|
|
12682
|
+
const currentFillMode = node.style.animationFillMode;
|
|
12683
|
+
node.style.animationFillMode = "forwards";
|
|
12684
|
+
timeoutId = ownerWindow.setTimeout(() => {
|
|
12685
|
+
if (node.style.animationFillMode === "forwards") {
|
|
12686
|
+
node.style.animationFillMode = currentFillMode;
|
|
12687
|
+
}
|
|
12688
|
+
});
|
|
12689
|
+
}
|
|
12690
|
+
}
|
|
12691
|
+
};
|
|
12692
|
+
const handleAnimationStart = (event) => {
|
|
12693
|
+
if (event.target === node) {
|
|
12694
|
+
prevAnimationNameRef.current = getAnimationName2(stylesRef.current);
|
|
12695
|
+
}
|
|
12696
|
+
};
|
|
12697
|
+
node.addEventListener("animationstart", handleAnimationStart);
|
|
12698
|
+
node.addEventListener("animationcancel", handleAnimationEnd);
|
|
12699
|
+
node.addEventListener("animationend", handleAnimationEnd);
|
|
12700
|
+
return () => {
|
|
12701
|
+
ownerWindow.clearTimeout(timeoutId);
|
|
12702
|
+
node.removeEventListener("animationstart", handleAnimationStart);
|
|
12703
|
+
node.removeEventListener("animationcancel", handleAnimationEnd);
|
|
12704
|
+
node.removeEventListener("animationend", handleAnimationEnd);
|
|
12705
|
+
};
|
|
12706
|
+
} else {
|
|
12707
|
+
send("ANIMATION_END");
|
|
12708
|
+
}
|
|
12709
|
+
}, [node, send]);
|
|
12710
|
+
return {
|
|
12711
|
+
isPresent: ["mounted", "unmountSuspended"].includes(state),
|
|
12712
|
+
ref: React71.useCallback((node2) => {
|
|
12713
|
+
stylesRef.current = node2 ? getComputedStyle(node2) : null;
|
|
12714
|
+
setNode2(node2);
|
|
12715
|
+
}, [])
|
|
12716
|
+
};
|
|
12717
|
+
}
|
|
12718
|
+
function getAnimationName2(styles) {
|
|
12719
|
+
return styles?.animationName || "none";
|
|
12720
|
+
}
|
|
12721
|
+
function getElementRef2(element) {
|
|
12722
|
+
let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
|
|
12723
|
+
let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
|
|
12724
|
+
if (mayWarn) {
|
|
12725
|
+
return element.ref;
|
|
12726
|
+
}
|
|
12727
|
+
getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
|
|
12728
|
+
mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
|
|
12729
|
+
if (mayWarn) {
|
|
12730
|
+
return element.props.ref;
|
|
12731
|
+
}
|
|
12732
|
+
return element.props.ref || element.ref;
|
|
12733
|
+
}
|
|
12410
12734
|
function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
|
|
12411
12735
|
const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
|
|
12412
|
-
|
|
12736
|
+
React71.useEffect(() => {
|
|
12413
12737
|
const handleKeyDown3 = (event) => {
|
|
12414
12738
|
if (event.key === "Escape") {
|
|
12415
12739
|
onEscapeKeyDown(event);
|
|
@@ -12424,12 +12748,12 @@ var CONTEXT_UPDATE = "dismissableLayer.update";
|
|
|
12424
12748
|
var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
|
|
12425
12749
|
var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
|
|
12426
12750
|
var originalBodyPointerEvents;
|
|
12427
|
-
var DismissableLayerContext =
|
|
12751
|
+
var DismissableLayerContext = React71.createContext({
|
|
12428
12752
|
layers: /* @__PURE__ */ new Set(),
|
|
12429
12753
|
layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
|
|
12430
12754
|
branches: /* @__PURE__ */ new Set()
|
|
12431
12755
|
});
|
|
12432
|
-
var DismissableLayer =
|
|
12756
|
+
var DismissableLayer = React71.forwardRef(
|
|
12433
12757
|
(props, forwardedRef) => {
|
|
12434
12758
|
const {
|
|
12435
12759
|
disableOutsidePointerEvents = false,
|
|
@@ -12440,10 +12764,10 @@ var DismissableLayer = React64.forwardRef(
|
|
|
12440
12764
|
onDismiss,
|
|
12441
12765
|
...layerProps
|
|
12442
12766
|
} = props;
|
|
12443
|
-
const context =
|
|
12444
|
-
const [node, setNode2] =
|
|
12767
|
+
const context = React71.useContext(DismissableLayerContext);
|
|
12768
|
+
const [node, setNode2] = React71.useState(null);
|
|
12445
12769
|
const ownerDocument = node?.ownerDocument ?? globalThis?.document;
|
|
12446
|
-
const [, force] =
|
|
12770
|
+
const [, force] = React71.useState({});
|
|
12447
12771
|
const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode2(node2));
|
|
12448
12772
|
const layers = Array.from(context.layers);
|
|
12449
12773
|
const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
|
|
@@ -12481,7 +12805,7 @@ var DismissableLayer = React64.forwardRef(
|
|
|
12481
12805
|
onDismiss();
|
|
12482
12806
|
}
|
|
12483
12807
|
}, ownerDocument);
|
|
12484
|
-
|
|
12808
|
+
React71.useEffect(() => {
|
|
12485
12809
|
if (!node)
|
|
12486
12810
|
return;
|
|
12487
12811
|
if (disableOutsidePointerEvents) {
|
|
@@ -12499,7 +12823,7 @@ var DismissableLayer = React64.forwardRef(
|
|
|
12499
12823
|
}
|
|
12500
12824
|
};
|
|
12501
12825
|
}, [node, ownerDocument, disableOutsidePointerEvents, context]);
|
|
12502
|
-
|
|
12826
|
+
React71.useEffect(() => {
|
|
12503
12827
|
return () => {
|
|
12504
12828
|
if (!node)
|
|
12505
12829
|
return;
|
|
@@ -12508,13 +12832,13 @@ var DismissableLayer = React64.forwardRef(
|
|
|
12508
12832
|
dispatchUpdate();
|
|
12509
12833
|
};
|
|
12510
12834
|
}, [node, context]);
|
|
12511
|
-
|
|
12835
|
+
React71.useEffect(() => {
|
|
12512
12836
|
const handleUpdate = () => force({});
|
|
12513
12837
|
document.addEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
12514
12838
|
return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
12515
12839
|
}, []);
|
|
12516
12840
|
return /* @__PURE__ */ jsx(
|
|
12517
|
-
|
|
12841
|
+
Primitive2.div,
|
|
12518
12842
|
{
|
|
12519
12843
|
...layerProps,
|
|
12520
12844
|
ref: composedRefs,
|
|
@@ -12534,11 +12858,11 @@ var DismissableLayer = React64.forwardRef(
|
|
|
12534
12858
|
);
|
|
12535
12859
|
DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
|
|
12536
12860
|
var BRANCH_NAME = "DismissableLayerBranch";
|
|
12537
|
-
var DismissableLayerBranch =
|
|
12538
|
-
const context =
|
|
12539
|
-
const ref =
|
|
12861
|
+
var DismissableLayerBranch = React71.forwardRef((props, forwardedRef) => {
|
|
12862
|
+
const context = React71.useContext(DismissableLayerContext);
|
|
12863
|
+
const ref = React71.useRef(null);
|
|
12540
12864
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
12541
|
-
|
|
12865
|
+
React71.useEffect(() => {
|
|
12542
12866
|
const node = ref.current;
|
|
12543
12867
|
if (node) {
|
|
12544
12868
|
context.branches.add(node);
|
|
@@ -12547,15 +12871,15 @@ var DismissableLayerBranch = React64.forwardRef((props, forwardedRef) => {
|
|
|
12547
12871
|
};
|
|
12548
12872
|
}
|
|
12549
12873
|
}, [context.branches]);
|
|
12550
|
-
return /* @__PURE__ */ jsx(
|
|
12874
|
+
return /* @__PURE__ */ jsx(Primitive2.div, { ...props, ref: composedRefs });
|
|
12551
12875
|
});
|
|
12552
12876
|
DismissableLayerBranch.displayName = BRANCH_NAME;
|
|
12553
12877
|
function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
|
|
12554
12878
|
const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
|
|
12555
|
-
const isPointerInsideReactTreeRef =
|
|
12556
|
-
const handleClickRef =
|
|
12879
|
+
const isPointerInsideReactTreeRef = React71.useRef(false);
|
|
12880
|
+
const handleClickRef = React71.useRef(() => {
|
|
12557
12881
|
});
|
|
12558
|
-
|
|
12882
|
+
React71.useEffect(() => {
|
|
12559
12883
|
const handlePointerDown = (event) => {
|
|
12560
12884
|
if (event.target && !isPointerInsideReactTreeRef.current) {
|
|
12561
12885
|
let handleAndDispatchPointerDownOutsideEvent2 = function() {
|
|
@@ -12595,8 +12919,8 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?
|
|
|
12595
12919
|
}
|
|
12596
12920
|
function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
|
|
12597
12921
|
const handleFocusOutside = useCallbackRef(onFocusOutside);
|
|
12598
|
-
const isFocusInsideReactTreeRef =
|
|
12599
|
-
|
|
12922
|
+
const isFocusInsideReactTreeRef = React71.useRef(false);
|
|
12923
|
+
React71.useEffect(() => {
|
|
12600
12924
|
const handleFocus = (event) => {
|
|
12601
12925
|
if (event.target && !isFocusInsideReactTreeRef.current) {
|
|
12602
12926
|
const eventDetail = { originalEvent: event };
|
|
@@ -12646,28 +12970,28 @@ var HoverCard = (props) => {
|
|
|
12646
12970
|
closeDelay = 300
|
|
12647
12971
|
} = props;
|
|
12648
12972
|
const popperScope = usePopperScope(__scopeHoverCard);
|
|
12649
|
-
const openTimerRef =
|
|
12650
|
-
const closeTimerRef =
|
|
12651
|
-
const hasSelectionRef =
|
|
12652
|
-
const isPointerDownOnContentRef =
|
|
12653
|
-
const [open, setOpen] =
|
|
12973
|
+
const openTimerRef = React71.useRef(0);
|
|
12974
|
+
const closeTimerRef = React71.useRef(0);
|
|
12975
|
+
const hasSelectionRef = React71.useRef(false);
|
|
12976
|
+
const isPointerDownOnContentRef = React71.useRef(false);
|
|
12977
|
+
const [open, setOpen] = useControllableState2({
|
|
12654
12978
|
prop: openProp,
|
|
12655
12979
|
defaultProp: defaultOpen ?? false,
|
|
12656
12980
|
onChange: onOpenChange,
|
|
12657
12981
|
caller: HOVERCARD_NAME
|
|
12658
12982
|
});
|
|
12659
|
-
const handleOpen =
|
|
12983
|
+
const handleOpen = React71.useCallback(() => {
|
|
12660
12984
|
clearTimeout(closeTimerRef.current);
|
|
12661
12985
|
openTimerRef.current = window.setTimeout(() => setOpen(true), openDelay);
|
|
12662
12986
|
}, [openDelay, setOpen]);
|
|
12663
|
-
const handleClose =
|
|
12987
|
+
const handleClose = React71.useCallback(() => {
|
|
12664
12988
|
clearTimeout(openTimerRef.current);
|
|
12665
12989
|
if (!hasSelectionRef.current && !isPointerDownOnContentRef.current) {
|
|
12666
12990
|
closeTimerRef.current = window.setTimeout(() => setOpen(false), closeDelay);
|
|
12667
12991
|
}
|
|
12668
12992
|
}, [closeDelay, setOpen]);
|
|
12669
|
-
const handleDismiss =
|
|
12670
|
-
|
|
12993
|
+
const handleDismiss = React71.useCallback(() => setOpen(false), [setOpen]);
|
|
12994
|
+
React71.useEffect(() => {
|
|
12671
12995
|
return () => {
|
|
12672
12996
|
clearTimeout(openTimerRef.current);
|
|
12673
12997
|
clearTimeout(closeTimerRef.current);
|
|
@@ -12690,13 +13014,13 @@ var HoverCard = (props) => {
|
|
|
12690
13014
|
};
|
|
12691
13015
|
HoverCard.displayName = HOVERCARD_NAME;
|
|
12692
13016
|
var TRIGGER_NAME3 = "HoverCardTrigger";
|
|
12693
|
-
var HoverCardTrigger =
|
|
13017
|
+
var HoverCardTrigger = React71.forwardRef(
|
|
12694
13018
|
(props, forwardedRef) => {
|
|
12695
13019
|
const { __scopeHoverCard, ...triggerProps } = props;
|
|
12696
13020
|
const context = useHoverCardContext(TRIGGER_NAME3, __scopeHoverCard);
|
|
12697
13021
|
const popperScope = usePopperScope(__scopeHoverCard);
|
|
12698
13022
|
return /* @__PURE__ */ jsx(Anchor2, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx(
|
|
12699
|
-
|
|
13023
|
+
Primitive2.a,
|
|
12700
13024
|
{
|
|
12701
13025
|
"data-state": context.open ? "open" : "closed",
|
|
12702
13026
|
...triggerProps,
|
|
@@ -12716,12 +13040,12 @@ var [PortalProvider, usePortalContext] = createHoverCardContext(PORTAL_NAME3, {
|
|
|
12716
13040
|
forceMount: void 0
|
|
12717
13041
|
});
|
|
12718
13042
|
var CONTENT_NAME4 = "HoverCardContent";
|
|
12719
|
-
var HoverCardContent =
|
|
13043
|
+
var HoverCardContent = React71.forwardRef(
|
|
12720
13044
|
(props, forwardedRef) => {
|
|
12721
13045
|
const portalContext = usePortalContext(CONTENT_NAME4, props.__scopeHoverCard);
|
|
12722
13046
|
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
12723
13047
|
const context = useHoverCardContext(CONTENT_NAME4, props.__scopeHoverCard);
|
|
12724
|
-
return /* @__PURE__ */ jsx(
|
|
13048
|
+
return /* @__PURE__ */ jsx(Presence2, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(
|
|
12725
13049
|
HoverCardContentImpl,
|
|
12726
13050
|
{
|
|
12727
13051
|
"data-state": context.open ? "open" : "closed",
|
|
@@ -12734,7 +13058,7 @@ var HoverCardContent = React64.forwardRef(
|
|
|
12734
13058
|
}
|
|
12735
13059
|
);
|
|
12736
13060
|
HoverCardContent.displayName = CONTENT_NAME4;
|
|
12737
|
-
var HoverCardContentImpl =
|
|
13061
|
+
var HoverCardContentImpl = React71.forwardRef((props, forwardedRef) => {
|
|
12738
13062
|
const {
|
|
12739
13063
|
__scopeHoverCard,
|
|
12740
13064
|
onEscapeKeyDown,
|
|
@@ -12745,10 +13069,10 @@ var HoverCardContentImpl = React64.forwardRef((props, forwardedRef) => {
|
|
|
12745
13069
|
} = props;
|
|
12746
13070
|
const context = useHoverCardContext(CONTENT_NAME4, __scopeHoverCard);
|
|
12747
13071
|
const popperScope = usePopperScope(__scopeHoverCard);
|
|
12748
|
-
const ref =
|
|
13072
|
+
const ref = React71.useRef(null);
|
|
12749
13073
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
12750
|
-
const [containSelection, setContainSelection] =
|
|
12751
|
-
|
|
13074
|
+
const [containSelection, setContainSelection] = React71.useState(false);
|
|
13075
|
+
React71.useEffect(() => {
|
|
12752
13076
|
if (containSelection) {
|
|
12753
13077
|
const body = document.body;
|
|
12754
13078
|
originalBodyUserSelect = body.style.userSelect || body.style.webkitUserSelect;
|
|
@@ -12760,7 +13084,7 @@ var HoverCardContentImpl = React64.forwardRef((props, forwardedRef) => {
|
|
|
12760
13084
|
};
|
|
12761
13085
|
}
|
|
12762
13086
|
}, [containSelection]);
|
|
12763
|
-
|
|
13087
|
+
React71.useEffect(() => {
|
|
12764
13088
|
if (ref.current) {
|
|
12765
13089
|
const handlePointerUp = () => {
|
|
12766
13090
|
setContainSelection(false);
|
|
@@ -12779,7 +13103,7 @@ var HoverCardContentImpl = React64.forwardRef((props, forwardedRef) => {
|
|
|
12779
13103
|
};
|
|
12780
13104
|
}
|
|
12781
13105
|
}, [context.isPointerDownOnContentRef, context.hasSelectionRef]);
|
|
12782
|
-
|
|
13106
|
+
React71.useEffect(() => {
|
|
12783
13107
|
if (ref.current) {
|
|
12784
13108
|
const tabbables = getTabbableNodes(ref.current);
|
|
12785
13109
|
tabbables.forEach((tabbable) => tabbable.setAttribute("tabindex", "-1"));
|
|
@@ -12830,7 +13154,7 @@ var HoverCardContentImpl = React64.forwardRef((props, forwardedRef) => {
|
|
|
12830
13154
|
);
|
|
12831
13155
|
});
|
|
12832
13156
|
var ARROW_NAME2 = "HoverCardArrow";
|
|
12833
|
-
var HoverCardArrow =
|
|
13157
|
+
var HoverCardArrow = React71.forwardRef(
|
|
12834
13158
|
(props, forwardedRef) => {
|
|
12835
13159
|
const { __scopeHoverCard, ...arrowProps } = props;
|
|
12836
13160
|
const popperScope = usePopperScope(__scopeHoverCard);
|
|
@@ -12857,7 +13181,7 @@ var Trigger12 = HoverCardTrigger;
|
|
|
12857
13181
|
var Content23 = HoverCardContent;
|
|
12858
13182
|
var HoverCard2 = Root24;
|
|
12859
13183
|
var HoverCardTrigger2 = Trigger12;
|
|
12860
|
-
var HoverCardContent2 =
|
|
13184
|
+
var HoverCardContent2 = React71.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
12861
13185
|
Content23,
|
|
12862
13186
|
{
|
|
12863
13187
|
ref,
|
|
@@ -12871,11 +13195,21 @@ var HoverCardContent2 = React64.forwardRef(({ className, align = "center", sideO
|
|
|
12871
13195
|
}
|
|
12872
13196
|
));
|
|
12873
13197
|
HoverCardContent2.displayName = Content23.displayName;
|
|
12874
|
-
var DirectionContext =
|
|
13198
|
+
var DirectionContext = React71.createContext(void 0);
|
|
12875
13199
|
function useDirection(localDir) {
|
|
12876
|
-
const globalDir =
|
|
13200
|
+
const globalDir = React71.useContext(DirectionContext);
|
|
12877
13201
|
return localDir || globalDir || "ltr";
|
|
12878
13202
|
}
|
|
13203
|
+
var useReactId2 = React71[" useId ".trim().toString()] || (() => void 0);
|
|
13204
|
+
var count2 = 0;
|
|
13205
|
+
function useId4(deterministicId) {
|
|
13206
|
+
const [id, setId] = React71.useState(useReactId2());
|
|
13207
|
+
useLayoutEffect22(() => {
|
|
13208
|
+
if (!deterministicId)
|
|
13209
|
+
setId((reactId) => reactId ?? String(count2++));
|
|
13210
|
+
}, [deterministicId]);
|
|
13211
|
+
return deterministicId || (id ? `radix-${id}` : "");
|
|
13212
|
+
}
|
|
12879
13213
|
function createCollection(name) {
|
|
12880
13214
|
const PROVIDER_NAME = name + "CollectionProvider";
|
|
12881
13215
|
const [createCollectionContext, createCollectionScope2] = createContextScope(PROVIDER_NAME);
|
|
@@ -12885,14 +13219,14 @@ function createCollection(name) {
|
|
|
12885
13219
|
);
|
|
12886
13220
|
const CollectionProvider = (props) => {
|
|
12887
13221
|
const { scope, children } = props;
|
|
12888
|
-
const ref =
|
|
12889
|
-
const itemMap =
|
|
13222
|
+
const ref = React71__default.useRef(null);
|
|
13223
|
+
const itemMap = React71__default.useRef(/* @__PURE__ */ new Map()).current;
|
|
12890
13224
|
return /* @__PURE__ */ jsx(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
|
|
12891
13225
|
};
|
|
12892
13226
|
CollectionProvider.displayName = PROVIDER_NAME;
|
|
12893
13227
|
const COLLECTION_SLOT_NAME = name + "CollectionSlot";
|
|
12894
13228
|
const CollectionSlotImpl = createSlot(COLLECTION_SLOT_NAME);
|
|
12895
|
-
const CollectionSlot =
|
|
13229
|
+
const CollectionSlot = React71__default.forwardRef(
|
|
12896
13230
|
(props, forwardedRef) => {
|
|
12897
13231
|
const { scope, children } = props;
|
|
12898
13232
|
const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
|
|
@@ -12904,13 +13238,13 @@ function createCollection(name) {
|
|
|
12904
13238
|
const ITEM_SLOT_NAME = name + "CollectionItemSlot";
|
|
12905
13239
|
const ITEM_DATA_ATTR = "data-radix-collection-item";
|
|
12906
13240
|
const CollectionItemSlotImpl = createSlot(ITEM_SLOT_NAME);
|
|
12907
|
-
const CollectionItemSlot =
|
|
13241
|
+
const CollectionItemSlot = React71__default.forwardRef(
|
|
12908
13242
|
(props, forwardedRef) => {
|
|
12909
13243
|
const { scope, children, ...itemData } = props;
|
|
12910
|
-
const ref =
|
|
13244
|
+
const ref = React71__default.useRef(null);
|
|
12911
13245
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
12912
13246
|
const context = useCollectionContext(ITEM_SLOT_NAME, scope);
|
|
12913
|
-
|
|
13247
|
+
React71__default.useEffect(() => {
|
|
12914
13248
|
context.itemMap.set(ref, { ref, ...itemData });
|
|
12915
13249
|
return () => void context.itemMap.delete(ref);
|
|
12916
13250
|
});
|
|
@@ -12920,7 +13254,7 @@ function createCollection(name) {
|
|
|
12920
13254
|
CollectionItemSlot.displayName = ITEM_SLOT_NAME;
|
|
12921
13255
|
function useCollection2(scope) {
|
|
12922
13256
|
const context = useCollectionContext(name + "CollectionConsumer", scope);
|
|
12923
|
-
const getItems =
|
|
13257
|
+
const getItems = React71__default.useCallback(() => {
|
|
12924
13258
|
const collectionNode = context.collectionRef.current;
|
|
12925
13259
|
if (!collectionNode)
|
|
12926
13260
|
return [];
|
|
@@ -12940,8 +13274,8 @@ function createCollection(name) {
|
|
|
12940
13274
|
];
|
|
12941
13275
|
}
|
|
12942
13276
|
function usePrevious(value) {
|
|
12943
|
-
const ref =
|
|
12944
|
-
return
|
|
13277
|
+
const ref = React71.useRef({ value, previous: value });
|
|
13278
|
+
return React71.useMemo(() => {
|
|
12945
13279
|
if (ref.current.value !== value) {
|
|
12946
13280
|
ref.current.previous = ref.current.value;
|
|
12947
13281
|
ref.current.value = value;
|
|
@@ -12963,10 +13297,10 @@ var VISUALLY_HIDDEN_STYLES = Object.freeze({
|
|
|
12963
13297
|
wordWrap: "normal"
|
|
12964
13298
|
});
|
|
12965
13299
|
var NAME3 = "VisuallyHidden";
|
|
12966
|
-
var VisuallyHidden =
|
|
13300
|
+
var VisuallyHidden = React71.forwardRef(
|
|
12967
13301
|
(props, forwardedRef) => {
|
|
12968
13302
|
return /* @__PURE__ */ jsx(
|
|
12969
|
-
|
|
13303
|
+
Primitive2.span,
|
|
12970
13304
|
{
|
|
12971
13305
|
...props,
|
|
12972
13306
|
ref: forwardedRef,
|
|
@@ -12986,7 +13320,7 @@ var [createNavigationMenuContext, createNavigationMenuScope] = createContextScop
|
|
|
12986
13320
|
);
|
|
12987
13321
|
var [NavigationMenuProviderImpl, useNavigationMenuContext] = createNavigationMenuContext(NAVIGATION_MENU_NAME);
|
|
12988
13322
|
var [ViewportContentProvider, useViewportContentContext] = createNavigationMenuContext(NAVIGATION_MENU_NAME);
|
|
12989
|
-
var NavigationMenu =
|
|
13323
|
+
var NavigationMenu = React71.forwardRef(
|
|
12990
13324
|
(props, forwardedRef) => {
|
|
12991
13325
|
const {
|
|
12992
13326
|
__scopeNavigationMenu,
|
|
@@ -12999,14 +13333,14 @@ var NavigationMenu = React64.forwardRef(
|
|
|
12999
13333
|
dir,
|
|
13000
13334
|
...NavigationMenuProps
|
|
13001
13335
|
} = props;
|
|
13002
|
-
const [navigationMenu, setNavigationMenu] =
|
|
13336
|
+
const [navigationMenu, setNavigationMenu] = React71.useState(null);
|
|
13003
13337
|
const composedRef = useComposedRefs(forwardedRef, (node) => setNavigationMenu(node));
|
|
13004
13338
|
const direction = useDirection(dir);
|
|
13005
|
-
const openTimerRef =
|
|
13006
|
-
const closeTimerRef =
|
|
13007
|
-
const skipDelayTimerRef =
|
|
13008
|
-
const [isOpenDelayed, setIsOpenDelayed] =
|
|
13009
|
-
const [value, setValue] =
|
|
13339
|
+
const openTimerRef = React71.useRef(0);
|
|
13340
|
+
const closeTimerRef = React71.useRef(0);
|
|
13341
|
+
const skipDelayTimerRef = React71.useRef(0);
|
|
13342
|
+
const [isOpenDelayed, setIsOpenDelayed] = React71.useState(true);
|
|
13343
|
+
const [value, setValue] = useControllableState2({
|
|
13010
13344
|
prop: valueProp,
|
|
13011
13345
|
onChange: (value2) => {
|
|
13012
13346
|
const isOpen = value2 !== "";
|
|
@@ -13027,18 +13361,18 @@ var NavigationMenu = React64.forwardRef(
|
|
|
13027
13361
|
defaultProp: defaultValue2 ?? "",
|
|
13028
13362
|
caller: NAVIGATION_MENU_NAME
|
|
13029
13363
|
});
|
|
13030
|
-
const startCloseTimer =
|
|
13364
|
+
const startCloseTimer = React71.useCallback(() => {
|
|
13031
13365
|
window.clearTimeout(closeTimerRef.current);
|
|
13032
13366
|
closeTimerRef.current = window.setTimeout(() => setValue(""), 150);
|
|
13033
13367
|
}, [setValue]);
|
|
13034
|
-
const handleOpen =
|
|
13368
|
+
const handleOpen = React71.useCallback(
|
|
13035
13369
|
(itemValue) => {
|
|
13036
13370
|
window.clearTimeout(closeTimerRef.current);
|
|
13037
13371
|
setValue(itemValue);
|
|
13038
13372
|
},
|
|
13039
13373
|
[setValue]
|
|
13040
13374
|
);
|
|
13041
|
-
const handleDelayedOpen =
|
|
13375
|
+
const handleDelayedOpen = React71.useCallback(
|
|
13042
13376
|
(itemValue) => {
|
|
13043
13377
|
const isOpenItem = value === itemValue;
|
|
13044
13378
|
if (isOpenItem) {
|
|
@@ -13052,7 +13386,7 @@ var NavigationMenu = React64.forwardRef(
|
|
|
13052
13386
|
},
|
|
13053
13387
|
[value, setValue, delayDuration]
|
|
13054
13388
|
);
|
|
13055
|
-
|
|
13389
|
+
React71.useEffect(() => {
|
|
13056
13390
|
return () => {
|
|
13057
13391
|
window.clearTimeout(openTimerRef.current);
|
|
13058
13392
|
window.clearTimeout(closeTimerRef.current);
|
|
@@ -13086,7 +13420,7 @@ var NavigationMenu = React64.forwardRef(
|
|
|
13086
13420
|
},
|
|
13087
13421
|
onItemDismiss: () => setValue(""),
|
|
13088
13422
|
children: /* @__PURE__ */ jsx(
|
|
13089
|
-
|
|
13423
|
+
Primitive2.nav,
|
|
13090
13424
|
{
|
|
13091
13425
|
"aria-label": "Main",
|
|
13092
13426
|
"data-orientation": orientation,
|
|
@@ -13101,7 +13435,7 @@ var NavigationMenu = React64.forwardRef(
|
|
|
13101
13435
|
);
|
|
13102
13436
|
NavigationMenu.displayName = NAVIGATION_MENU_NAME;
|
|
13103
13437
|
var SUB_NAME = "NavigationMenuSub";
|
|
13104
|
-
var NavigationMenuSub =
|
|
13438
|
+
var NavigationMenuSub = React71.forwardRef(
|
|
13105
13439
|
(props, forwardedRef) => {
|
|
13106
13440
|
const {
|
|
13107
13441
|
__scopeNavigationMenu,
|
|
@@ -13112,7 +13446,7 @@ var NavigationMenuSub = React64.forwardRef(
|
|
|
13112
13446
|
...subProps
|
|
13113
13447
|
} = props;
|
|
13114
13448
|
const context = useNavigationMenuContext(SUB_NAME, __scopeNavigationMenu);
|
|
13115
|
-
const [value, setValue] =
|
|
13449
|
+
const [value, setValue] = useControllableState2({
|
|
13116
13450
|
prop: valueProp,
|
|
13117
13451
|
onChange: onValueChange,
|
|
13118
13452
|
defaultProp: defaultValue2 ?? "",
|
|
@@ -13130,7 +13464,7 @@ var NavigationMenuSub = React64.forwardRef(
|
|
|
13130
13464
|
onTriggerEnter: (itemValue) => setValue(itemValue),
|
|
13131
13465
|
onItemSelect: (itemValue) => setValue(itemValue),
|
|
13132
13466
|
onItemDismiss: () => setValue(""),
|
|
13133
|
-
children: /* @__PURE__ */ jsx(
|
|
13467
|
+
children: /* @__PURE__ */ jsx(Primitive2.div, { "data-orientation": orientation, ...subProps, ref: forwardedRef })
|
|
13134
13468
|
}
|
|
13135
13469
|
);
|
|
13136
13470
|
}
|
|
@@ -13152,9 +13486,9 @@ var NavigationMenuProvider = (props) => {
|
|
|
13152
13486
|
onContentEnter,
|
|
13153
13487
|
onContentLeave
|
|
13154
13488
|
} = props;
|
|
13155
|
-
const [viewport, setViewport] =
|
|
13156
|
-
const [viewportContent, setViewportContent] =
|
|
13157
|
-
const [indicatorTrack, setIndicatorTrack] =
|
|
13489
|
+
const [viewport, setViewport] = React71.useState(null);
|
|
13490
|
+
const [viewportContent, setViewportContent] = React71.useState(/* @__PURE__ */ new Map());
|
|
13491
|
+
const [indicatorTrack, setIndicatorTrack] = React71.useState(null);
|
|
13158
13492
|
return /* @__PURE__ */ jsx(
|
|
13159
13493
|
NavigationMenuProviderImpl,
|
|
13160
13494
|
{
|
|
@@ -13163,7 +13497,7 @@ var NavigationMenuProvider = (props) => {
|
|
|
13163
13497
|
rootNavigationMenu,
|
|
13164
13498
|
value,
|
|
13165
13499
|
previousValue: usePrevious(value),
|
|
13166
|
-
baseId:
|
|
13500
|
+
baseId: useId4(),
|
|
13167
13501
|
dir,
|
|
13168
13502
|
orientation,
|
|
13169
13503
|
viewport,
|
|
@@ -13176,13 +13510,13 @@ var NavigationMenuProvider = (props) => {
|
|
|
13176
13510
|
onContentLeave: useCallbackRef(onContentLeave),
|
|
13177
13511
|
onItemSelect: useCallbackRef(onItemSelect),
|
|
13178
13512
|
onItemDismiss: useCallbackRef(onItemDismiss),
|
|
13179
|
-
onViewportContentChange:
|
|
13513
|
+
onViewportContentChange: React71.useCallback((contentValue, contentData) => {
|
|
13180
13514
|
setViewportContent((prevContent) => {
|
|
13181
13515
|
prevContent.set(contentValue, contentData);
|
|
13182
13516
|
return new Map(prevContent);
|
|
13183
13517
|
});
|
|
13184
13518
|
}, []),
|
|
13185
|
-
onViewportContentRemove:
|
|
13519
|
+
onViewportContentRemove: React71.useCallback((contentValue) => {
|
|
13186
13520
|
setViewportContent((prevContent) => {
|
|
13187
13521
|
if (!prevContent.has(contentValue))
|
|
13188
13522
|
return prevContent;
|
|
@@ -13195,29 +13529,29 @@ var NavigationMenuProvider = (props) => {
|
|
|
13195
13529
|
);
|
|
13196
13530
|
};
|
|
13197
13531
|
var LIST_NAME = "NavigationMenuList";
|
|
13198
|
-
var NavigationMenuList =
|
|
13532
|
+
var NavigationMenuList = React71.forwardRef(
|
|
13199
13533
|
(props, forwardedRef) => {
|
|
13200
13534
|
const { __scopeNavigationMenu, ...listProps } = props;
|
|
13201
13535
|
const context = useNavigationMenuContext(LIST_NAME, __scopeNavigationMenu);
|
|
13202
|
-
const list = /* @__PURE__ */ jsx(
|
|
13203
|
-
return /* @__PURE__ */ jsx(
|
|
13536
|
+
const list = /* @__PURE__ */ jsx(Primitive2.ul, { "data-orientation": context.orientation, ...listProps, ref: forwardedRef });
|
|
13537
|
+
return /* @__PURE__ */ jsx(Primitive2.div, { style: { position: "relative" }, ref: context.onIndicatorTrackChange, children: /* @__PURE__ */ jsx(Collection.Slot, { scope: __scopeNavigationMenu, children: context.isRootMenu ? /* @__PURE__ */ jsx(FocusGroup, { asChild: true, children: list }) : list }) });
|
|
13204
13538
|
}
|
|
13205
13539
|
);
|
|
13206
13540
|
NavigationMenuList.displayName = LIST_NAME;
|
|
13207
13541
|
var ITEM_NAME = "NavigationMenuItem";
|
|
13208
13542
|
var [NavigationMenuItemContextProvider, useNavigationMenuItemContext] = createNavigationMenuContext(ITEM_NAME);
|
|
13209
|
-
var NavigationMenuItem =
|
|
13543
|
+
var NavigationMenuItem = React71.forwardRef(
|
|
13210
13544
|
(props, forwardedRef) => {
|
|
13211
13545
|
const { __scopeNavigationMenu, value: valueProp, ...itemProps } = props;
|
|
13212
|
-
const autoValue =
|
|
13546
|
+
const autoValue = useId4();
|
|
13213
13547
|
const value = valueProp || autoValue || "LEGACY_REACT_AUTO_VALUE";
|
|
13214
|
-
const contentRef =
|
|
13215
|
-
const triggerRef =
|
|
13216
|
-
const focusProxyRef =
|
|
13217
|
-
const restoreContentTabOrderRef =
|
|
13548
|
+
const contentRef = React71.useRef(null);
|
|
13549
|
+
const triggerRef = React71.useRef(null);
|
|
13550
|
+
const focusProxyRef = React71.useRef(null);
|
|
13551
|
+
const restoreContentTabOrderRef = React71.useRef(() => {
|
|
13218
13552
|
});
|
|
13219
|
-
const wasEscapeCloseRef =
|
|
13220
|
-
const handleContentEntry =
|
|
13553
|
+
const wasEscapeCloseRef = React71.useRef(false);
|
|
13554
|
+
const handleContentEntry = React71.useCallback((side = "start") => {
|
|
13221
13555
|
if (contentRef.current) {
|
|
13222
13556
|
restoreContentTabOrderRef.current();
|
|
13223
13557
|
const candidates = getTabbableCandidates(contentRef.current);
|
|
@@ -13225,7 +13559,7 @@ var NavigationMenuItem = React64.forwardRef(
|
|
|
13225
13559
|
focusFirst(side === "start" ? candidates : candidates.reverse());
|
|
13226
13560
|
}
|
|
13227
13561
|
}, []);
|
|
13228
|
-
const handleContentExit =
|
|
13562
|
+
const handleContentExit = React71.useCallback(() => {
|
|
13229
13563
|
if (contentRef.current) {
|
|
13230
13564
|
const candidates = getTabbableCandidates(contentRef.current);
|
|
13231
13565
|
if (candidates.length)
|
|
@@ -13245,27 +13579,27 @@ var NavigationMenuItem = React64.forwardRef(
|
|
|
13245
13579
|
onFocusProxyEnter: handleContentEntry,
|
|
13246
13580
|
onRootContentClose: handleContentExit,
|
|
13247
13581
|
onContentFocusOutside: handleContentExit,
|
|
13248
|
-
children: /* @__PURE__ */ jsx(
|
|
13582
|
+
children: /* @__PURE__ */ jsx(Primitive2.li, { ...itemProps, ref: forwardedRef })
|
|
13249
13583
|
}
|
|
13250
13584
|
);
|
|
13251
13585
|
}
|
|
13252
13586
|
);
|
|
13253
13587
|
NavigationMenuItem.displayName = ITEM_NAME;
|
|
13254
13588
|
var TRIGGER_NAME4 = "NavigationMenuTrigger";
|
|
13255
|
-
var NavigationMenuTrigger =
|
|
13589
|
+
var NavigationMenuTrigger = React71.forwardRef((props, forwardedRef) => {
|
|
13256
13590
|
const { __scopeNavigationMenu, disabled, ...triggerProps } = props;
|
|
13257
13591
|
const context = useNavigationMenuContext(TRIGGER_NAME4, props.__scopeNavigationMenu);
|
|
13258
13592
|
const itemContext = useNavigationMenuItemContext(TRIGGER_NAME4, props.__scopeNavigationMenu);
|
|
13259
|
-
const ref =
|
|
13593
|
+
const ref = React71.useRef(null);
|
|
13260
13594
|
const composedRefs = useComposedRefs(ref, itemContext.triggerRef, forwardedRef);
|
|
13261
13595
|
const triggerId = makeTriggerId(context.baseId, itemContext.value);
|
|
13262
13596
|
const contentId = makeContentId(context.baseId, itemContext.value);
|
|
13263
|
-
const hasPointerMoveOpenedRef =
|
|
13264
|
-
const wasClickCloseRef =
|
|
13597
|
+
const hasPointerMoveOpenedRef = React71.useRef(false);
|
|
13598
|
+
const wasClickCloseRef = React71.useRef(false);
|
|
13265
13599
|
const open = itemContext.value === context.value;
|
|
13266
13600
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
13267
13601
|
/* @__PURE__ */ jsx(Collection.ItemSlot, { scope: __scopeNavigationMenu, value: itemContext.value, children: /* @__PURE__ */ jsx(FocusGroupItem, { asChild: true, children: /* @__PURE__ */ jsx(
|
|
13268
|
-
|
|
13602
|
+
Primitive2.button,
|
|
13269
13603
|
{
|
|
13270
13604
|
id: triggerId,
|
|
13271
13605
|
disabled,
|
|
@@ -13336,11 +13670,11 @@ var NavigationMenuTrigger = React64.forwardRef((props, forwardedRef) => {
|
|
|
13336
13670
|
NavigationMenuTrigger.displayName = TRIGGER_NAME4;
|
|
13337
13671
|
var LINK_NAME = "NavigationMenuLink";
|
|
13338
13672
|
var LINK_SELECT = "navigationMenu.linkSelect";
|
|
13339
|
-
var NavigationMenuLink =
|
|
13673
|
+
var NavigationMenuLink = React71.forwardRef(
|
|
13340
13674
|
(props, forwardedRef) => {
|
|
13341
13675
|
const { __scopeNavigationMenu, active, onSelect, ...linkProps } = props;
|
|
13342
13676
|
return /* @__PURE__ */ jsx(FocusGroupItem, { asChild: true, children: /* @__PURE__ */ jsx(
|
|
13343
|
-
|
|
13677
|
+
Primitive2.a,
|
|
13344
13678
|
{
|
|
13345
13679
|
"data-active": active ? "" : void 0,
|
|
13346
13680
|
"aria-current": active ? "page" : void 0,
|
|
@@ -13372,27 +13706,27 @@ var NavigationMenuLink = React64.forwardRef(
|
|
|
13372
13706
|
);
|
|
13373
13707
|
NavigationMenuLink.displayName = LINK_NAME;
|
|
13374
13708
|
var INDICATOR_NAME2 = "NavigationMenuIndicator";
|
|
13375
|
-
var NavigationMenuIndicator =
|
|
13709
|
+
var NavigationMenuIndicator = React71.forwardRef((props, forwardedRef) => {
|
|
13376
13710
|
const { forceMount, ...indicatorProps } = props;
|
|
13377
13711
|
const context = useNavigationMenuContext(INDICATOR_NAME2, props.__scopeNavigationMenu);
|
|
13378
13712
|
const isVisible = Boolean(context.value);
|
|
13379
|
-
return context.indicatorTrack ?
|
|
13380
|
-
/* @__PURE__ */ jsx(
|
|
13713
|
+
return context.indicatorTrack ? ReactDOM2__default.createPortal(
|
|
13714
|
+
/* @__PURE__ */ jsx(Presence2, { present: forceMount || isVisible, children: /* @__PURE__ */ jsx(NavigationMenuIndicatorImpl, { ...indicatorProps, ref: forwardedRef }) }),
|
|
13381
13715
|
context.indicatorTrack
|
|
13382
13716
|
) : null;
|
|
13383
13717
|
});
|
|
13384
13718
|
NavigationMenuIndicator.displayName = INDICATOR_NAME2;
|
|
13385
|
-
var NavigationMenuIndicatorImpl =
|
|
13719
|
+
var NavigationMenuIndicatorImpl = React71.forwardRef((props, forwardedRef) => {
|
|
13386
13720
|
const { __scopeNavigationMenu, ...indicatorProps } = props;
|
|
13387
13721
|
const context = useNavigationMenuContext(INDICATOR_NAME2, __scopeNavigationMenu);
|
|
13388
13722
|
const getItems = useCollection(__scopeNavigationMenu);
|
|
13389
|
-
const [activeTrigger, setActiveTrigger] =
|
|
13723
|
+
const [activeTrigger, setActiveTrigger] = React71.useState(
|
|
13390
13724
|
null
|
|
13391
13725
|
);
|
|
13392
|
-
const [position, setPosition] =
|
|
13726
|
+
const [position, setPosition] = React71.useState(null);
|
|
13393
13727
|
const isHorizontal = context.orientation === "horizontal";
|
|
13394
13728
|
const isVisible = Boolean(context.value);
|
|
13395
|
-
|
|
13729
|
+
React71.useEffect(() => {
|
|
13396
13730
|
const items = getItems();
|
|
13397
13731
|
const triggerNode = items.find((item) => item.value === context.value)?.ref.current;
|
|
13398
13732
|
if (triggerNode)
|
|
@@ -13409,7 +13743,7 @@ var NavigationMenuIndicatorImpl = React64.forwardRef((props, forwardedRef) => {
|
|
|
13409
13743
|
useResizeObserver(activeTrigger, handlePositionChange);
|
|
13410
13744
|
useResizeObserver(context.indicatorTrack, handlePositionChange);
|
|
13411
13745
|
return position ? /* @__PURE__ */ jsx(
|
|
13412
|
-
|
|
13746
|
+
Primitive2.div,
|
|
13413
13747
|
{
|
|
13414
13748
|
"aria-hidden": true,
|
|
13415
13749
|
"data-state": isVisible ? "visible" : "hidden",
|
|
@@ -13433,7 +13767,7 @@ var NavigationMenuIndicatorImpl = React64.forwardRef((props, forwardedRef) => {
|
|
|
13433
13767
|
) : null;
|
|
13434
13768
|
});
|
|
13435
13769
|
var CONTENT_NAME5 = "NavigationMenuContent";
|
|
13436
|
-
var NavigationMenuContent =
|
|
13770
|
+
var NavigationMenuContent = React71.forwardRef((props, forwardedRef) => {
|
|
13437
13771
|
const { forceMount, ...contentProps } = props;
|
|
13438
13772
|
const context = useNavigationMenuContext(CONTENT_NAME5, props.__scopeNavigationMenu);
|
|
13439
13773
|
const itemContext = useNavigationMenuItemContext(CONTENT_NAME5, props.__scopeNavigationMenu);
|
|
@@ -13448,7 +13782,7 @@ var NavigationMenuContent = React64.forwardRef((props, forwardedRef) => {
|
|
|
13448
13782
|
onRootContentClose: itemContext.onRootContentClose,
|
|
13449
13783
|
...contentProps
|
|
13450
13784
|
};
|
|
13451
|
-
return !context.viewport ? /* @__PURE__ */ jsx(
|
|
13785
|
+
return !context.viewport ? /* @__PURE__ */ jsx(Presence2, { present: forceMount || open, children: /* @__PURE__ */ jsx(
|
|
13452
13786
|
NavigationMenuContentImpl,
|
|
13453
13787
|
{
|
|
13454
13788
|
"data-state": getOpenState(open),
|
|
@@ -13468,22 +13802,22 @@ var NavigationMenuContent = React64.forwardRef((props, forwardedRef) => {
|
|
|
13468
13802
|
) }) : /* @__PURE__ */ jsx(ViewportContentMounter, { forceMount, ...commonProps, ref: composedRefs });
|
|
13469
13803
|
});
|
|
13470
13804
|
NavigationMenuContent.displayName = CONTENT_NAME5;
|
|
13471
|
-
var ViewportContentMounter =
|
|
13805
|
+
var ViewportContentMounter = React71.forwardRef((props, forwardedRef) => {
|
|
13472
13806
|
const context = useNavigationMenuContext(CONTENT_NAME5, props.__scopeNavigationMenu);
|
|
13473
13807
|
const { onViewportContentChange, onViewportContentRemove } = context;
|
|
13474
|
-
|
|
13808
|
+
useLayoutEffect22(() => {
|
|
13475
13809
|
onViewportContentChange(props.value, {
|
|
13476
13810
|
ref: forwardedRef,
|
|
13477
13811
|
...props
|
|
13478
13812
|
});
|
|
13479
13813
|
}, [props, forwardedRef, onViewportContentChange]);
|
|
13480
|
-
|
|
13814
|
+
useLayoutEffect22(() => {
|
|
13481
13815
|
return () => onViewportContentRemove(props.value);
|
|
13482
13816
|
}, [props.value, onViewportContentRemove]);
|
|
13483
13817
|
return null;
|
|
13484
13818
|
});
|
|
13485
13819
|
var ROOT_CONTENT_DISMISS = "navigationMenu.rootContentDismiss";
|
|
13486
|
-
var NavigationMenuContentImpl =
|
|
13820
|
+
var NavigationMenuContentImpl = React71.forwardRef((props, forwardedRef) => {
|
|
13487
13821
|
const {
|
|
13488
13822
|
__scopeNavigationMenu,
|
|
13489
13823
|
value,
|
|
@@ -13495,14 +13829,14 @@ var NavigationMenuContentImpl = React64.forwardRef((props, forwardedRef) => {
|
|
|
13495
13829
|
...contentProps
|
|
13496
13830
|
} = props;
|
|
13497
13831
|
const context = useNavigationMenuContext(CONTENT_NAME5, __scopeNavigationMenu);
|
|
13498
|
-
const ref =
|
|
13832
|
+
const ref = React71.useRef(null);
|
|
13499
13833
|
const composedRefs = useComposedRefs(ref, forwardedRef);
|
|
13500
13834
|
const triggerId = makeTriggerId(context.baseId, value);
|
|
13501
13835
|
const contentId = makeContentId(context.baseId, value);
|
|
13502
13836
|
const getItems = useCollection(__scopeNavigationMenu);
|
|
13503
|
-
const prevMotionAttributeRef =
|
|
13837
|
+
const prevMotionAttributeRef = React71.useRef(null);
|
|
13504
13838
|
const { onItemDismiss } = context;
|
|
13505
|
-
|
|
13839
|
+
React71.useEffect(() => {
|
|
13506
13840
|
const content = ref.current;
|
|
13507
13841
|
if (context.isRootMenu && content) {
|
|
13508
13842
|
const handleClose = () => {
|
|
@@ -13515,7 +13849,7 @@ var NavigationMenuContentImpl = React64.forwardRef((props, forwardedRef) => {
|
|
|
13515
13849
|
return () => content.removeEventListener(ROOT_CONTENT_DISMISS, handleClose);
|
|
13516
13850
|
}
|
|
13517
13851
|
}, [context.isRootMenu, props.value, triggerRef, onItemDismiss, onRootContentClose]);
|
|
13518
|
-
const motionAttribute =
|
|
13852
|
+
const motionAttribute = React71.useMemo(() => {
|
|
13519
13853
|
const items = getItems();
|
|
13520
13854
|
const values = items.map((item) => item.value);
|
|
13521
13855
|
if (context.dir === "rtl")
|
|
@@ -13591,14 +13925,14 @@ var NavigationMenuContentImpl = React64.forwardRef((props, forwardedRef) => {
|
|
|
13591
13925
|
) });
|
|
13592
13926
|
});
|
|
13593
13927
|
var VIEWPORT_NAME = "NavigationMenuViewport";
|
|
13594
|
-
var NavigationMenuViewport =
|
|
13928
|
+
var NavigationMenuViewport = React71.forwardRef((props, forwardedRef) => {
|
|
13595
13929
|
const { forceMount, ...viewportProps } = props;
|
|
13596
13930
|
const context = useNavigationMenuContext(VIEWPORT_NAME, props.__scopeNavigationMenu);
|
|
13597
13931
|
const open = Boolean(context.value);
|
|
13598
|
-
return /* @__PURE__ */ jsx(
|
|
13932
|
+
return /* @__PURE__ */ jsx(Presence2, { present: forceMount || open, children: /* @__PURE__ */ jsx(NavigationMenuViewportImpl, { ...viewportProps, ref: forwardedRef }) });
|
|
13599
13933
|
});
|
|
13600
13934
|
NavigationMenuViewport.displayName = VIEWPORT_NAME;
|
|
13601
|
-
var NavigationMenuViewportImpl =
|
|
13935
|
+
var NavigationMenuViewportImpl = React71.forwardRef((props, forwardedRef) => {
|
|
13602
13936
|
const { __scopeNavigationMenu, children, ...viewportImplProps } = props;
|
|
13603
13937
|
const context = useNavigationMenuContext(VIEWPORT_NAME, __scopeNavigationMenu);
|
|
13604
13938
|
const composedRefs = useComposedRefs(forwardedRef, context.onViewportChange);
|
|
@@ -13606,8 +13940,8 @@ var NavigationMenuViewportImpl = React64.forwardRef((props, forwardedRef) => {
|
|
|
13606
13940
|
CONTENT_NAME5,
|
|
13607
13941
|
props.__scopeNavigationMenu
|
|
13608
13942
|
);
|
|
13609
|
-
const [size4, setSize] =
|
|
13610
|
-
const [content, setContent2] =
|
|
13943
|
+
const [size4, setSize] = React71.useState(null);
|
|
13944
|
+
const [content, setContent2] = React71.useState(null);
|
|
13611
13945
|
const viewportWidth = size4 ? size4?.width + "px" : void 0;
|
|
13612
13946
|
const viewportHeight = size4 ? size4?.height + "px" : void 0;
|
|
13613
13947
|
const open = Boolean(context.value);
|
|
@@ -13618,7 +13952,7 @@ var NavigationMenuViewportImpl = React64.forwardRef((props, forwardedRef) => {
|
|
|
13618
13952
|
};
|
|
13619
13953
|
useResizeObserver(content, handleSizeChange);
|
|
13620
13954
|
return /* @__PURE__ */ jsx(
|
|
13621
|
-
|
|
13955
|
+
Primitive2.div,
|
|
13622
13956
|
{
|
|
13623
13957
|
"data-state": getOpenState(open),
|
|
13624
13958
|
"data-orientation": context.orientation,
|
|
@@ -13635,7 +13969,7 @@ var NavigationMenuViewportImpl = React64.forwardRef((props, forwardedRef) => {
|
|
|
13635
13969
|
onPointerLeave: composeEventHandlers(props.onPointerLeave, whenMouse(context.onContentLeave)),
|
|
13636
13970
|
children: Array.from(viewportContentContext.items).map(([value, { ref, forceMount, ...props2 }]) => {
|
|
13637
13971
|
const isActive2 = activeContentValue === value;
|
|
13638
|
-
return /* @__PURE__ */ jsx(
|
|
13972
|
+
return /* @__PURE__ */ jsx(Presence2, { present: forceMount || isActive2, children: /* @__PURE__ */ jsx(
|
|
13639
13973
|
NavigationMenuContentImpl,
|
|
13640
13974
|
{
|
|
13641
13975
|
...props2,
|
|
@@ -13650,22 +13984,22 @@ var NavigationMenuViewportImpl = React64.forwardRef((props, forwardedRef) => {
|
|
|
13650
13984
|
);
|
|
13651
13985
|
});
|
|
13652
13986
|
var FOCUS_GROUP_NAME = "FocusGroup";
|
|
13653
|
-
var FocusGroup =
|
|
13987
|
+
var FocusGroup = React71.forwardRef(
|
|
13654
13988
|
(props, forwardedRef) => {
|
|
13655
13989
|
const { __scopeNavigationMenu, ...groupProps } = props;
|
|
13656
13990
|
const context = useNavigationMenuContext(FOCUS_GROUP_NAME, __scopeNavigationMenu);
|
|
13657
|
-
return /* @__PURE__ */ jsx(FocusGroupCollection.Provider, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ jsx(FocusGroupCollection.Slot, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ jsx(
|
|
13991
|
+
return /* @__PURE__ */ jsx(FocusGroupCollection.Provider, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ jsx(FocusGroupCollection.Slot, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ jsx(Primitive2.div, { dir: context.dir, ...groupProps, ref: forwardedRef }) }) });
|
|
13658
13992
|
}
|
|
13659
13993
|
);
|
|
13660
13994
|
var ARROW_KEYS = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"];
|
|
13661
13995
|
var FOCUS_GROUP_ITEM_NAME = "FocusGroupItem";
|
|
13662
|
-
var FocusGroupItem =
|
|
13996
|
+
var FocusGroupItem = React71.forwardRef(
|
|
13663
13997
|
(props, forwardedRef) => {
|
|
13664
13998
|
const { __scopeNavigationMenu, ...groupProps } = props;
|
|
13665
13999
|
const getItems = useFocusGroupCollection(__scopeNavigationMenu);
|
|
13666
14000
|
const context = useNavigationMenuContext(FOCUS_GROUP_ITEM_NAME, __scopeNavigationMenu);
|
|
13667
14001
|
return /* @__PURE__ */ jsx(FocusGroupCollection.ItemSlot, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ jsx(
|
|
13668
|
-
|
|
14002
|
+
Primitive2.button,
|
|
13669
14003
|
{
|
|
13670
14004
|
...groupProps,
|
|
13671
14005
|
ref: forwardedRef,
|
|
@@ -13726,7 +14060,7 @@ function removeFromTabOrder(candidates) {
|
|
|
13726
14060
|
}
|
|
13727
14061
|
function useResizeObserver(element, onResize) {
|
|
13728
14062
|
const handleResize = useCallbackRef(onResize);
|
|
13729
|
-
|
|
14063
|
+
useLayoutEffect22(() => {
|
|
13730
14064
|
let rAF = 0;
|
|
13731
14065
|
if (element) {
|
|
13732
14066
|
const resizeObserver = new ResizeObserver(() => {
|
|
@@ -13761,7 +14095,7 @@ var Link = NavigationMenuLink;
|
|
|
13761
14095
|
var Indicator3 = NavigationMenuIndicator;
|
|
13762
14096
|
var Content13 = NavigationMenuContent;
|
|
13763
14097
|
var Viewport4 = NavigationMenuViewport;
|
|
13764
|
-
var NavigationMenu2 =
|
|
14098
|
+
var NavigationMenu2 = React71.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
13765
14099
|
Root26,
|
|
13766
14100
|
{
|
|
13767
14101
|
ref,
|
|
@@ -13777,7 +14111,7 @@ var NavigationMenu2 = React64.forwardRef(({ className, children, ...props }, ref
|
|
|
13777
14111
|
}
|
|
13778
14112
|
));
|
|
13779
14113
|
NavigationMenu2.displayName = Root26.displayName;
|
|
13780
|
-
var NavigationMenuList2 =
|
|
14114
|
+
var NavigationMenuList2 = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
13781
14115
|
List3,
|
|
13782
14116
|
{
|
|
13783
14117
|
ref,
|
|
@@ -13793,7 +14127,7 @@ var NavigationMenuItem2 = Item4;
|
|
|
13793
14127
|
var navigationMenuTriggerStyle = cva(
|
|
13794
14128
|
"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"
|
|
13795
14129
|
);
|
|
13796
|
-
var NavigationMenuTrigger2 =
|
|
14130
|
+
var NavigationMenuTrigger2 = React71.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
13797
14131
|
Trigger13,
|
|
13798
14132
|
{
|
|
13799
14133
|
ref,
|
|
@@ -13813,7 +14147,7 @@ var NavigationMenuTrigger2 = React64.forwardRef(({ className, children, ...props
|
|
|
13813
14147
|
}
|
|
13814
14148
|
));
|
|
13815
14149
|
NavigationMenuTrigger2.displayName = Trigger13.displayName;
|
|
13816
|
-
var NavigationMenuContent2 =
|
|
14150
|
+
var NavigationMenuContent2 = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
13817
14151
|
Content13,
|
|
13818
14152
|
{
|
|
13819
14153
|
ref,
|
|
@@ -13826,7 +14160,7 @@ var NavigationMenuContent2 = React64.forwardRef(({ className, ...props }, ref) =
|
|
|
13826
14160
|
));
|
|
13827
14161
|
NavigationMenuContent2.displayName = Content13.displayName;
|
|
13828
14162
|
var NavigationMenuLink2 = Link;
|
|
13829
|
-
var NavigationMenuViewport2 =
|
|
14163
|
+
var NavigationMenuViewport2 = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx(
|
|
13830
14164
|
Viewport4,
|
|
13831
14165
|
{
|
|
13832
14166
|
className: cn(
|
|
@@ -13838,7 +14172,7 @@ var NavigationMenuViewport2 = React64.forwardRef(({ className, ...props }, ref)
|
|
|
13838
14172
|
}
|
|
13839
14173
|
) }));
|
|
13840
14174
|
NavigationMenuViewport2.displayName = Viewport4.displayName;
|
|
13841
|
-
var NavigationMenuIndicator2 =
|
|
14175
|
+
var NavigationMenuIndicator2 = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
13842
14176
|
Indicator3,
|
|
13843
14177
|
{
|
|
13844
14178
|
ref,
|
|
@@ -13959,7 +14293,7 @@ var calculateSnapPoint = (offset4, velocity, snapPoints, direction, viewportSize
|
|
|
13959
14293
|
(prev, curr) => Math.abs(curr - currentPosition) < Math.abs(prev - currentPosition) ? curr : prev
|
|
13960
14294
|
);
|
|
13961
14295
|
};
|
|
13962
|
-
var MoonUIGestureDrawerProComponent =
|
|
14296
|
+
var MoonUIGestureDrawerProComponent = React71__default.forwardRef(({
|
|
13963
14297
|
isOpen,
|
|
13964
14298
|
onOpenChange,
|
|
13965
14299
|
children,
|
|
@@ -14217,7 +14551,7 @@ var MoonUIGestureDrawerProComponent = React64__default.forwardRef(({
|
|
|
14217
14551
|
return drawerContent;
|
|
14218
14552
|
});
|
|
14219
14553
|
MoonUIGestureDrawerProComponent.displayName = "MoonUIGestureDrawerProComponent";
|
|
14220
|
-
var MoonUIGestureDrawerPro =
|
|
14554
|
+
var MoonUIGestureDrawerPro = React71__default.forwardRef((props, ref) => {
|
|
14221
14555
|
const { hasProAccess, isLoading } = useSubscription();
|
|
14222
14556
|
if (!isLoading && !hasProAccess) {
|
|
14223
14557
|
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: [
|
|
@@ -14252,9 +14586,9 @@ var lightboxVariants = cva(
|
|
|
14252
14586
|
}
|
|
14253
14587
|
}
|
|
14254
14588
|
);
|
|
14255
|
-
var LightboxContext =
|
|
14589
|
+
var LightboxContext = React71.createContext(void 0);
|
|
14256
14590
|
function useLightbox() {
|
|
14257
|
-
const context =
|
|
14591
|
+
const context = React71.useContext(LightboxContext);
|
|
14258
14592
|
if (!context) {
|
|
14259
14593
|
throw new Error("useLightbox must be used within a LightboxProvider");
|
|
14260
14594
|
}
|
|
@@ -14262,10 +14596,10 @@ function useLightbox() {
|
|
|
14262
14596
|
}
|
|
14263
14597
|
function LightboxProvider({ children, items = [], defaultIndex = 0 }) {
|
|
14264
14598
|
const { hasProAccess, isLoading } = useSubscription();
|
|
14265
|
-
const [currentIndex, setCurrentIndex] =
|
|
14266
|
-
const [isOpen, setIsOpen] =
|
|
14267
|
-
const [zoom, setZoom] =
|
|
14268
|
-
const value =
|
|
14599
|
+
const [currentIndex, setCurrentIndex] = React71.useState(defaultIndex);
|
|
14600
|
+
const [isOpen, setIsOpen] = React71.useState(false);
|
|
14601
|
+
const [zoom, setZoom] = React71.useState(1);
|
|
14602
|
+
const value = React71.useMemo(
|
|
14269
14603
|
() => ({
|
|
14270
14604
|
items,
|
|
14271
14605
|
currentIndex,
|
|
@@ -14288,7 +14622,7 @@ function LightboxProvider({ children, items = [], defaultIndex = 0 }) {
|
|
|
14288
14622
|
}
|
|
14289
14623
|
return /* @__PURE__ */ jsx(LightboxContext.Provider, { value, children });
|
|
14290
14624
|
}
|
|
14291
|
-
var LightboxTrigger =
|
|
14625
|
+
var LightboxTrigger = React71.forwardRef(
|
|
14292
14626
|
({ index: index2 = 0, asChild, children, onClick, ...props }, ref) => {
|
|
14293
14627
|
const { setCurrentIndex, setIsOpen, setZoom } = useLightbox();
|
|
14294
14628
|
const handleClick2 = (e) => {
|
|
@@ -14300,7 +14634,7 @@ var LightboxTrigger = React64.forwardRef(
|
|
|
14300
14634
|
if (asChild) {
|
|
14301
14635
|
const child = children;
|
|
14302
14636
|
const { onDrag: onDrag2, onDragStart: onDragStart2, onDragEnd: onDragEnd2, onDragOver: onDragOver2, onDrop: onDrop2, ...filteredProps2 } = props;
|
|
14303
|
-
return
|
|
14637
|
+
return React71.cloneElement(child, {
|
|
14304
14638
|
...child.props,
|
|
14305
14639
|
...filteredProps2,
|
|
14306
14640
|
onClick: handleClick2
|
|
@@ -14311,7 +14645,7 @@ var LightboxTrigger = React64.forwardRef(
|
|
|
14311
14645
|
}
|
|
14312
14646
|
);
|
|
14313
14647
|
LightboxTrigger.displayName = "LightboxTrigger";
|
|
14314
|
-
var LightboxContent =
|
|
14648
|
+
var LightboxContent = React71.forwardRef(
|
|
14315
14649
|
({
|
|
14316
14650
|
className,
|
|
14317
14651
|
backdrop,
|
|
@@ -14329,16 +14663,16 @@ var LightboxContent = React64.forwardRef(
|
|
|
14329
14663
|
}, ref) => {
|
|
14330
14664
|
const { onDrag, onDragStart, onDragEnd, onDragOver, onDrop, onAnimationStart, onAnimationEnd, onAnimationIteration, ...props } = restProps;
|
|
14331
14665
|
const { items, currentIndex, setCurrentIndex, isOpen, setIsOpen, zoom, setZoom } = useLightbox();
|
|
14332
|
-
const [isLoading, setIsLoading] =
|
|
14333
|
-
const [isPlaying, setIsPlaying] =
|
|
14334
|
-
const [isMuted, setIsMuted] =
|
|
14335
|
-
const [isFullscreen, setIsFullscreen] =
|
|
14336
|
-
const [position, setPosition] =
|
|
14337
|
-
const [isDragging, setIsDragging] =
|
|
14338
|
-
const containerRef =
|
|
14339
|
-
const videoRef =
|
|
14666
|
+
const [isLoading, setIsLoading] = React71.useState(true);
|
|
14667
|
+
const [isPlaying, setIsPlaying] = React71.useState(false);
|
|
14668
|
+
const [isMuted, setIsMuted] = React71.useState(true);
|
|
14669
|
+
const [isFullscreen, setIsFullscreen] = React71.useState(false);
|
|
14670
|
+
const [position, setPosition] = React71.useState({ x: 0, y: 0 });
|
|
14671
|
+
const [isDragging, setIsDragging] = React71.useState(false);
|
|
14672
|
+
const containerRef = React71.useRef(null);
|
|
14673
|
+
const videoRef = React71.useRef(null);
|
|
14340
14674
|
const currentItem = items[currentIndex];
|
|
14341
|
-
|
|
14675
|
+
React71.useEffect(() => {
|
|
14342
14676
|
if (currentItem?.type === "video" && autoPlayVideo) {
|
|
14343
14677
|
setIsPlaying(true);
|
|
14344
14678
|
setIsMuted(true);
|
|
@@ -14346,7 +14680,7 @@ var LightboxContent = React64.forwardRef(
|
|
|
14346
14680
|
setIsPlaying(false);
|
|
14347
14681
|
}
|
|
14348
14682
|
}, [currentIndex, currentItem, autoPlayVideo]);
|
|
14349
|
-
|
|
14683
|
+
React71.useEffect(() => {
|
|
14350
14684
|
if (!enableKeyboardNavigation || !isOpen)
|
|
14351
14685
|
return;
|
|
14352
14686
|
const handleKeyDown3 = (e) => {
|
|
@@ -14378,7 +14712,7 @@ var LightboxContent = React64.forwardRef(
|
|
|
14378
14712
|
window.addEventListener("keydown", handleKeyDown3);
|
|
14379
14713
|
return () => window.removeEventListener("keydown", handleKeyDown3);
|
|
14380
14714
|
}, [isOpen, currentIndex, isPlaying, enableKeyboardNavigation]);
|
|
14381
|
-
|
|
14715
|
+
React71.useEffect(() => {
|
|
14382
14716
|
if (videoRef.current && currentItem?.type === "video") {
|
|
14383
14717
|
if (isPlaying) {
|
|
14384
14718
|
videoRef.current.play().catch((err) => {
|
|
@@ -14736,7 +15070,7 @@ var magneticButtonVariants = cva(
|
|
|
14736
15070
|
var lerp = (start, end, factor) => {
|
|
14737
15071
|
return start + (end - start) * factor;
|
|
14738
15072
|
};
|
|
14739
|
-
var MagneticButtonInternal =
|
|
15073
|
+
var MagneticButtonInternal = React71.forwardRef(
|
|
14740
15074
|
({
|
|
14741
15075
|
className,
|
|
14742
15076
|
variant,
|
|
@@ -14756,11 +15090,11 @@ var MagneticButtonInternal = React64.forwardRef(
|
|
|
14756
15090
|
onClick,
|
|
14757
15091
|
...props
|
|
14758
15092
|
}, ref) => {
|
|
14759
|
-
const buttonRef =
|
|
14760
|
-
const requestRef =
|
|
14761
|
-
const [isHovered, setIsHovered] =
|
|
14762
|
-
const [ripples, setRipples] =
|
|
14763
|
-
const positionRef =
|
|
15093
|
+
const buttonRef = React71.useRef(null);
|
|
15094
|
+
const requestRef = React71.useRef(void 0);
|
|
15095
|
+
const [isHovered, setIsHovered] = React71.useState(false);
|
|
15096
|
+
const [ripples, setRipples] = React71.useState([]);
|
|
15097
|
+
const positionRef = React71.useRef({
|
|
14764
15098
|
currentX: 0,
|
|
14765
15099
|
currentY: 0,
|
|
14766
15100
|
targetX: 0,
|
|
@@ -14768,7 +15102,7 @@ var MagneticButtonInternal = React64.forwardRef(
|
|
|
14768
15102
|
rotation: 0,
|
|
14769
15103
|
scale: 1
|
|
14770
15104
|
});
|
|
14771
|
-
const springPhysics =
|
|
15105
|
+
const springPhysics = React71.useCallback(() => {
|
|
14772
15106
|
const { currentX, currentY, targetX, targetY } = positionRef.current;
|
|
14773
15107
|
positionRef.current.currentX = lerp(currentX, targetX, 0.15);
|
|
14774
15108
|
positionRef.current.currentY = lerp(currentY, targetY, 0.15);
|
|
@@ -14800,7 +15134,7 @@ var MagneticButtonInternal = React64.forwardRef(
|
|
|
14800
15134
|
}
|
|
14801
15135
|
requestRef.current = requestAnimationFrame(springPhysics);
|
|
14802
15136
|
}, [range, springConfig, isHovered]);
|
|
14803
|
-
const handleMouseMove2 =
|
|
15137
|
+
const handleMouseMove2 = React71.useCallback(
|
|
14804
15138
|
(e) => {
|
|
14805
15139
|
if (!buttonRef.current)
|
|
14806
15140
|
return;
|
|
@@ -14821,7 +15155,7 @@ var MagneticButtonInternal = React64.forwardRef(
|
|
|
14821
15155
|
},
|
|
14822
15156
|
[range, strength, onMouseMove]
|
|
14823
15157
|
);
|
|
14824
|
-
const handleMouseEnter =
|
|
15158
|
+
const handleMouseEnter = React71.useCallback(
|
|
14825
15159
|
(e) => {
|
|
14826
15160
|
setIsHovered(true);
|
|
14827
15161
|
if (!requestRef.current) {
|
|
@@ -14831,7 +15165,7 @@ var MagneticButtonInternal = React64.forwardRef(
|
|
|
14831
15165
|
},
|
|
14832
15166
|
[springPhysics, onMouseEnter]
|
|
14833
15167
|
);
|
|
14834
|
-
const handleMouseLeave2 =
|
|
15168
|
+
const handleMouseLeave2 = React71.useCallback(
|
|
14835
15169
|
(e) => {
|
|
14836
15170
|
setIsHovered(false);
|
|
14837
15171
|
positionRef.current.targetX = 0;
|
|
@@ -14842,7 +15176,7 @@ var MagneticButtonInternal = React64.forwardRef(
|
|
|
14842
15176
|
},
|
|
14843
15177
|
[onMouseLeave]
|
|
14844
15178
|
);
|
|
14845
|
-
const handleClick2 =
|
|
15179
|
+
const handleClick2 = React71.useCallback(
|
|
14846
15180
|
(e) => {
|
|
14847
15181
|
if (enableRipple && buttonRef.current) {
|
|
14848
15182
|
const rect = buttonRef.current.getBoundingClientRect();
|
|
@@ -14858,7 +15192,7 @@ var MagneticButtonInternal = React64.forwardRef(
|
|
|
14858
15192
|
},
|
|
14859
15193
|
[enableRipple, onClick]
|
|
14860
15194
|
);
|
|
14861
|
-
|
|
15195
|
+
React71.useEffect(() => {
|
|
14862
15196
|
if (magneticType !== "proximity")
|
|
14863
15197
|
return;
|
|
14864
15198
|
const handleGlobalMouseMove = (e) => {
|
|
@@ -14885,7 +15219,7 @@ var MagneticButtonInternal = React64.forwardRef(
|
|
|
14885
15219
|
window.addEventListener("mousemove", handleGlobalMouseMove);
|
|
14886
15220
|
return () => window.removeEventListener("mousemove", handleGlobalMouseMove);
|
|
14887
15221
|
}, [magneticType, range, strength, springPhysics]);
|
|
14888
|
-
|
|
15222
|
+
React71.useEffect(() => {
|
|
14889
15223
|
requestRef.current = requestAnimationFrame(springPhysics);
|
|
14890
15224
|
return () => {
|
|
14891
15225
|
if (requestRef.current) {
|
|
@@ -15026,7 +15360,7 @@ var MagneticButtonInternal = React64.forwardRef(
|
|
|
15026
15360
|
);
|
|
15027
15361
|
}
|
|
15028
15362
|
);
|
|
15029
|
-
var MagneticButton =
|
|
15363
|
+
var MagneticButton = React71.forwardRef(
|
|
15030
15364
|
(props, ref) => {
|
|
15031
15365
|
const { hasProAccess, isLoading } = useSubscription();
|
|
15032
15366
|
if (!isLoading && !hasProAccess) {
|
|
@@ -15099,7 +15433,7 @@ var galleryItemVariants = cva(
|
|
|
15099
15433
|
}
|
|
15100
15434
|
}
|
|
15101
15435
|
);
|
|
15102
|
-
var MoonUIMediaGalleryPro =
|
|
15436
|
+
var MoonUIMediaGalleryPro = React71.forwardRef(({
|
|
15103
15437
|
className,
|
|
15104
15438
|
items,
|
|
15105
15439
|
layout,
|
|
@@ -15129,13 +15463,13 @@ var MoonUIMediaGalleryPro = React64.forwardRef(({
|
|
|
15129
15463
|
...props
|
|
15130
15464
|
}, ref) => {
|
|
15131
15465
|
const { hasProAccess, isLoading } = useSubscription();
|
|
15132
|
-
const [activeCategory, setActiveCategory] =
|
|
15133
|
-
const [activeSort, setActiveSort] =
|
|
15134
|
-
const [showFilters, setShowFilters] =
|
|
15135
|
-
const [loadedImages, setLoadedImages] =
|
|
15136
|
-
const observerRef =
|
|
15137
|
-
const loadMoreRef =
|
|
15138
|
-
const filteredItems =
|
|
15466
|
+
const [activeCategory, setActiveCategory] = React71.useState(defaultCategory);
|
|
15467
|
+
const [activeSort, setActiveSort] = React71.useState(defaultSort);
|
|
15468
|
+
const [showFilters, setShowFilters] = React71.useState(false);
|
|
15469
|
+
const [loadedImages, setLoadedImages] = React71.useState(/* @__PURE__ */ new Set());
|
|
15470
|
+
const observerRef = React71.useRef(null);
|
|
15471
|
+
const loadMoreRef = React71.useRef(null);
|
|
15472
|
+
const filteredItems = React71.useMemo(() => {
|
|
15139
15473
|
if (!enableFiltering || activeCategory === "all")
|
|
15140
15474
|
return items;
|
|
15141
15475
|
return items.filter((item) => {
|
|
@@ -15149,7 +15483,7 @@ var MoonUIMediaGalleryPro = React64.forwardRef(({
|
|
|
15149
15483
|
return true;
|
|
15150
15484
|
});
|
|
15151
15485
|
}, [items, activeCategory, enableFiltering]);
|
|
15152
|
-
const sortedItems =
|
|
15486
|
+
const sortedItems = React71.useMemo(() => {
|
|
15153
15487
|
if (!enableSorting || activeSort === "default")
|
|
15154
15488
|
return filteredItems;
|
|
15155
15489
|
const sortOption = sortOptions.find((opt) => opt.id === activeSort);
|
|
@@ -15163,7 +15497,7 @@ var MoonUIMediaGalleryPro = React64.forwardRef(({
|
|
|
15163
15497
|
{ id: "video", label: "Videos", icon: /* @__PURE__ */ jsx(Video, { className: "h-4 w-4" }) }
|
|
15164
15498
|
];
|
|
15165
15499
|
const finalCategories = categories.length > 0 ? categories : defaultCategories;
|
|
15166
|
-
|
|
15500
|
+
React71.useEffect(() => {
|
|
15167
15501
|
if (!lazyLoad)
|
|
15168
15502
|
return;
|
|
15169
15503
|
observerRef.current = new IntersectionObserver(
|
|
@@ -15181,7 +15515,7 @@ var MoonUIMediaGalleryPro = React64.forwardRef(({
|
|
|
15181
15515
|
observerRef.current?.disconnect();
|
|
15182
15516
|
};
|
|
15183
15517
|
}, [lazyLoad]);
|
|
15184
|
-
|
|
15518
|
+
React71.useEffect(() => {
|
|
15185
15519
|
if (!infiniteScroll || !onLoadMore || !hasMore)
|
|
15186
15520
|
return;
|
|
15187
15521
|
const observer = new IntersectionObserver(
|
|
@@ -15368,7 +15702,7 @@ var MoonUIMediaGalleryPro = React64.forwardRef(({
|
|
|
15368
15702
|
className
|
|
15369
15703
|
),
|
|
15370
15704
|
style: layout === "masonry" ? { columnGap: "1rem" } : void 0,
|
|
15371
|
-
children: loadingState ? /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: skeletonCount }).map((_2, i) => /* @__PURE__ */ jsx(
|
|
15705
|
+
children: loadingState ? /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: skeletonCount }).map((_2, i) => /* @__PURE__ */ jsx(React71.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: [
|
|
15372
15706
|
/* @__PURE__ */ jsx(Image$1, { className: "h-12 w-12 text-muted-foreground mb-4" }),
|
|
15373
15707
|
/* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "No media items found" })
|
|
15374
15708
|
] })
|
|
@@ -15385,7 +15719,7 @@ var MoonUIMediaGalleryPro = React64.forwardRef(({
|
|
|
15385
15719
|
return galleryContent;
|
|
15386
15720
|
});
|
|
15387
15721
|
MoonUIMediaGalleryPro.displayName = "MoonUIMediaGalleryPro";
|
|
15388
|
-
var MoonUIGalleryItemPro =
|
|
15722
|
+
var MoonUIGalleryItemPro = React71.forwardRef(({
|
|
15389
15723
|
className,
|
|
15390
15724
|
item,
|
|
15391
15725
|
index: index2 = 0,
|
|
@@ -15398,7 +15732,7 @@ var MoonUIGalleryItemPro = React64.forwardRef(({
|
|
|
15398
15732
|
onLoad,
|
|
15399
15733
|
...props
|
|
15400
15734
|
}, ref) => {
|
|
15401
|
-
const [isLoaded, setIsLoaded] =
|
|
15735
|
+
const [isLoaded, setIsLoaded] = React71.useState(false);
|
|
15402
15736
|
const handleLoad = () => {
|
|
15403
15737
|
setIsLoaded(true);
|
|
15404
15738
|
onLoad?.();
|
|
@@ -16150,7 +16484,7 @@ var moonUIAnimatedButtonProVariants = cva(
|
|
|
16150
16484
|
}
|
|
16151
16485
|
}
|
|
16152
16486
|
);
|
|
16153
|
-
var MoonUIAnimatedButtonProInternal =
|
|
16487
|
+
var MoonUIAnimatedButtonProInternal = React71__default.forwardRef(
|
|
16154
16488
|
({
|
|
16155
16489
|
className,
|
|
16156
16490
|
variant,
|
|
@@ -16344,9 +16678,9 @@ var MoonUIAnimatedButtonProInternal = React64__default.forwardRef(
|
|
|
16344
16678
|
) : (
|
|
16345
16679
|
// Diğer boyutlar için normal akış
|
|
16346
16680
|
/* @__PURE__ */ jsx(Fragment, { children: currentState === "idle" ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
16347
|
-
|
|
16681
|
+
React71__default.isValidElement(children) && React71__default.cloneElement(children),
|
|
16348
16682
|
typeof children === "string" && children,
|
|
16349
|
-
|
|
16683
|
+
React71__default.isValidElement(children) || typeof children === "string" ? null : children
|
|
16350
16684
|
] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
16351
16685
|
getIcon(),
|
|
16352
16686
|
/* @__PURE__ */ jsxs("span", { className: "ml-2", children: [
|
|
@@ -16391,7 +16725,7 @@ var MoonUIAnimatedButtonProInternal = React64__default.forwardRef(
|
|
|
16391
16725
|
}
|
|
16392
16726
|
);
|
|
16393
16727
|
MoonUIAnimatedButtonProInternal.displayName = "MoonUIAnimatedButtonProInternal";
|
|
16394
|
-
var MoonUIAnimatedButtonPro =
|
|
16728
|
+
var MoonUIAnimatedButtonPro = React71__default.forwardRef(
|
|
16395
16729
|
(props, ref) => {
|
|
16396
16730
|
const { hasProAccess, isLoading } = useSubscription();
|
|
16397
16731
|
if (!isLoading && !hasProAccess) {
|
|
@@ -16600,7 +16934,7 @@ var spotlightPresets = {
|
|
|
16600
16934
|
pink: "rgba(236, 72, 153, 0.25)",
|
|
16601
16935
|
cyan: "rgba(6, 182, 212, 0.25)"
|
|
16602
16936
|
};
|
|
16603
|
-
var SpotlightCardInternal =
|
|
16937
|
+
var SpotlightCardInternal = React71__default.forwardRef(
|
|
16604
16938
|
({
|
|
16605
16939
|
children,
|
|
16606
16940
|
className,
|
|
@@ -16620,7 +16954,7 @@ var SpotlightCardInternal = React64__default.forwardRef(
|
|
|
16620
16954
|
const [isFocused, setIsFocused] = useState(false);
|
|
16621
16955
|
const [position, setPosition] = useState({ x: 0, y: 0 });
|
|
16622
16956
|
const [opacity, setOpacity] = useState(0);
|
|
16623
|
-
const resolvedSpotlightColor =
|
|
16957
|
+
const resolvedSpotlightColor = React71__default.useMemo(() => {
|
|
16624
16958
|
if (typeof spotlightColor === "string" && spotlightColor in spotlightPresets) {
|
|
16625
16959
|
return spotlightPresets[spotlightColor];
|
|
16626
16960
|
}
|
|
@@ -16729,7 +17063,7 @@ var SpotlightCardInternal = React64__default.forwardRef(
|
|
|
16729
17063
|
}
|
|
16730
17064
|
);
|
|
16731
17065
|
SpotlightCardInternal.displayName = "SpotlightCardInternal";
|
|
16732
|
-
var MoonUISpotlightCardPro =
|
|
17066
|
+
var MoonUISpotlightCardPro = React71__default.forwardRef(
|
|
16733
17067
|
(props, ref) => {
|
|
16734
17068
|
return /* @__PURE__ */ jsx(SpotlightCardInternal, { ...props, ref });
|
|
16735
17069
|
}
|
|
@@ -16763,7 +17097,7 @@ var animatedNumberVariants = cva(
|
|
|
16763
17097
|
}
|
|
16764
17098
|
}
|
|
16765
17099
|
);
|
|
16766
|
-
var AnimatedNumberInternal =
|
|
17100
|
+
var AnimatedNumberInternal = React71__default.forwardRef(
|
|
16767
17101
|
({
|
|
16768
17102
|
className,
|
|
16769
17103
|
value,
|
|
@@ -16856,7 +17190,7 @@ var AnimatedNumberInternal = React64__default.forwardRef(
|
|
|
16856
17190
|
}
|
|
16857
17191
|
);
|
|
16858
17192
|
AnimatedNumberInternal.displayName = "AnimatedNumberInternal";
|
|
16859
|
-
var AnimatedNumber =
|
|
17193
|
+
var AnimatedNumber = React71__default.forwardRef(
|
|
16860
17194
|
(props, ref) => {
|
|
16861
17195
|
const { hasProAccess, isLoading } = useSubscription();
|
|
16862
17196
|
if (!isLoading && !hasProAccess) {
|
|
@@ -16910,7 +17244,7 @@ cva(
|
|
|
16910
17244
|
}
|
|
16911
17245
|
}
|
|
16912
17246
|
);
|
|
16913
|
-
var DockIcon =
|
|
17247
|
+
var DockIcon = React71__default.memo(({
|
|
16914
17248
|
item,
|
|
16915
17249
|
size: size4,
|
|
16916
17250
|
magnification,
|
|
@@ -16995,7 +17329,7 @@ var DockIcon = React64__default.memo(({
|
|
|
16995
17329
|
}
|
|
16996
17330
|
);
|
|
16997
17331
|
});
|
|
16998
|
-
var FloatingDockInternal =
|
|
17332
|
+
var FloatingDockInternal = React71__default.forwardRef(
|
|
16999
17333
|
({
|
|
17000
17334
|
className,
|
|
17001
17335
|
items,
|
|
@@ -17065,7 +17399,7 @@ var FloatingDockInternal = React64__default.forwardRef(
|
|
|
17065
17399
|
}
|
|
17066
17400
|
);
|
|
17067
17401
|
FloatingDockInternal.displayName = "FloatingDockInternal";
|
|
17068
|
-
var FloatingDock =
|
|
17402
|
+
var FloatingDock = React71__default.forwardRef(
|
|
17069
17403
|
(props, ref) => {
|
|
17070
17404
|
const { hasProAccess, isLoading } = useSubscription();
|
|
17071
17405
|
if (!isLoading && !hasProAccess) {
|
|
@@ -17376,7 +17710,7 @@ var SplashCursorComponent = ({
|
|
|
17376
17710
|
)) : []
|
|
17377
17711
|
]).flat() }) });
|
|
17378
17712
|
};
|
|
17379
|
-
var SplashCursor =
|
|
17713
|
+
var SplashCursor = React71__default.memo(SplashCursorComponent);
|
|
17380
17714
|
SplashCursor.displayName = "SplashCursor";
|
|
17381
17715
|
var SplashCursorContainer = ({
|
|
17382
17716
|
className,
|
|
@@ -17746,7 +18080,7 @@ function ErrorBoundaryWrapper(props) {
|
|
|
17746
18080
|
return /* @__PURE__ */ jsx(ErrorBoundaryInternal, { ...props });
|
|
17747
18081
|
}
|
|
17748
18082
|
var ErrorBoundary = ErrorBoundaryWrapper;
|
|
17749
|
-
var FloatingActionButtonInternal =
|
|
18083
|
+
var FloatingActionButtonInternal = React71__default.forwardRef(
|
|
17750
18084
|
({
|
|
17751
18085
|
actions = [],
|
|
17752
18086
|
position = "bottom-right",
|
|
@@ -17877,7 +18211,7 @@ var FloatingActionButtonInternal = React64__default.forwardRef(
|
|
|
17877
18211
|
}
|
|
17878
18212
|
);
|
|
17879
18213
|
FloatingActionButtonInternal.displayName = "FloatingActionButtonInternal";
|
|
17880
|
-
var FloatingActionButton =
|
|
18214
|
+
var FloatingActionButton = React71__default.forwardRef(
|
|
17881
18215
|
({ className, ...props }, ref) => {
|
|
17882
18216
|
const { hasProAccess, isLoading } = useSubscription();
|
|
17883
18217
|
if (!isLoading && !hasProAccess) {
|
|
@@ -17980,7 +18314,7 @@ var PRESET_CONFIGS = {
|
|
|
17980
18314
|
springConfig: { stiffness: 180, damping: 12 }
|
|
17981
18315
|
}
|
|
17982
18316
|
};
|
|
17983
|
-
var HoverCard3DInternal =
|
|
18317
|
+
var HoverCard3DInternal = React71__default.forwardRef(
|
|
17984
18318
|
({
|
|
17985
18319
|
children,
|
|
17986
18320
|
className,
|
|
@@ -18370,7 +18704,7 @@ var HoverCard3DInternal = React64__default.forwardRef(
|
|
|
18370
18704
|
}
|
|
18371
18705
|
);
|
|
18372
18706
|
HoverCard3DInternal.displayName = "HoverCard3DInternal";
|
|
18373
|
-
var HoverCard3D =
|
|
18707
|
+
var HoverCard3D = React71__default.forwardRef(
|
|
18374
18708
|
(props, ref) => {
|
|
18375
18709
|
const { hasProAccess, isLoading } = useSubscription();
|
|
18376
18710
|
if (!isLoading && !hasProAccess) {
|
|
@@ -18390,7 +18724,7 @@ var HoverCard3D = React64__default.forwardRef(
|
|
|
18390
18724
|
}
|
|
18391
18725
|
);
|
|
18392
18726
|
HoverCard3D.displayName = "HoverCard3D";
|
|
18393
|
-
var PinchZoomInternal =
|
|
18727
|
+
var PinchZoomInternal = React71__default.forwardRef(
|
|
18394
18728
|
({
|
|
18395
18729
|
children,
|
|
18396
18730
|
minZoom = 0.5,
|
|
@@ -18804,7 +19138,7 @@ var PinchZoomInternal = React64__default.forwardRef(
|
|
|
18804
19138
|
}
|
|
18805
19139
|
);
|
|
18806
19140
|
PinchZoomInternal.displayName = "PinchZoomInternal";
|
|
18807
|
-
var PinchZoom =
|
|
19141
|
+
var PinchZoom = React71__default.forwardRef(
|
|
18808
19142
|
({ className, ...props }, ref) => {
|
|
18809
19143
|
const { hasProAccess, isLoading } = useSubscription();
|
|
18810
19144
|
if (!isLoading && !hasProAccess) {
|
|
@@ -19227,22 +19561,22 @@ function CalendarInternal({
|
|
|
19227
19561
|
] })
|
|
19228
19562
|
] }) }) });
|
|
19229
19563
|
}
|
|
19230
|
-
const [currentDate, setCurrentDate] =
|
|
19231
|
-
const [selectedDate, setSelectedDate] =
|
|
19232
|
-
const [view, setView] =
|
|
19233
|
-
const [eventDialogOpen, setEventDialogOpen] =
|
|
19234
|
-
const [eventDialogMode, setEventDialogMode] =
|
|
19235
|
-
const [selectedEvent, setSelectedEvent] =
|
|
19236
|
-
const [draggedEvent, setDraggedEvent] =
|
|
19237
|
-
const [dragTargetDate, setDragTargetDate] =
|
|
19238
|
-
const [searchQuery, setSearchQuery] =
|
|
19239
|
-
const [filterType, setFilterType] =
|
|
19240
|
-
const [filterPriority, setFilterPriority] =
|
|
19241
|
-
|
|
19242
|
-
const [selectedTags, setSelectedTags] =
|
|
19243
|
-
const [miniCalendarDate, setMiniCalendarDate] =
|
|
19244
|
-
const [isSidebarOpen, setIsSidebarOpen] =
|
|
19245
|
-
const [isDesktopSidebarCollapsed, setIsDesktopSidebarCollapsed] =
|
|
19564
|
+
const [currentDate, setCurrentDate] = React71__default.useState(/* @__PURE__ */ new Date());
|
|
19565
|
+
const [selectedDate, setSelectedDate] = React71__default.useState(null);
|
|
19566
|
+
const [view, setView] = React71__default.useState(defaultView);
|
|
19567
|
+
const [eventDialogOpen, setEventDialogOpen] = React71__default.useState(false);
|
|
19568
|
+
const [eventDialogMode, setEventDialogMode] = React71__default.useState("create");
|
|
19569
|
+
const [selectedEvent, setSelectedEvent] = React71__default.useState(null);
|
|
19570
|
+
const [draggedEvent, setDraggedEvent] = React71__default.useState(null);
|
|
19571
|
+
const [dragTargetDate, setDragTargetDate] = React71__default.useState(null);
|
|
19572
|
+
const [searchQuery, setSearchQuery] = React71__default.useState("");
|
|
19573
|
+
const [filterType, setFilterType] = React71__default.useState("all");
|
|
19574
|
+
const [filterPriority, setFilterPriority] = React71__default.useState("all");
|
|
19575
|
+
React71__default.useState(false);
|
|
19576
|
+
const [selectedTags, setSelectedTags] = React71__default.useState([]);
|
|
19577
|
+
const [miniCalendarDate, setMiniCalendarDate] = React71__default.useState(/* @__PURE__ */ new Date());
|
|
19578
|
+
const [isSidebarOpen, setIsSidebarOpen] = React71__default.useState(false);
|
|
19579
|
+
const [isDesktopSidebarCollapsed, setIsDesktopSidebarCollapsed] = React71__default.useState(false);
|
|
19246
19580
|
const today = /* @__PURE__ */ new Date();
|
|
19247
19581
|
const currentMonth = currentDate.getMonth();
|
|
19248
19582
|
const currentYear = currentDate.getFullYear();
|
|
@@ -19260,14 +19594,14 @@ function CalendarInternal({
|
|
|
19260
19594
|
calendarDays.push(new Date(currentDateIterator));
|
|
19261
19595
|
currentDateIterator.setDate(currentDateIterator.getDate() + 1);
|
|
19262
19596
|
}
|
|
19263
|
-
|
|
19597
|
+
React71__default.useMemo(() => {
|
|
19264
19598
|
const tags = /* @__PURE__ */ new Set();
|
|
19265
19599
|
events.forEach((event) => {
|
|
19266
19600
|
event.tags?.forEach((tag) => tags.add(tag));
|
|
19267
19601
|
});
|
|
19268
19602
|
return Array.from(tags);
|
|
19269
19603
|
}, [events]);
|
|
19270
|
-
const filteredEvents =
|
|
19604
|
+
const filteredEvents = React71__default.useMemo(() => {
|
|
19271
19605
|
return events.filter((event) => {
|
|
19272
19606
|
if (searchQuery && !event.title.toLowerCase().includes(searchQuery.toLowerCase()) && !event.description?.toLowerCase().includes(searchQuery.toLowerCase())) {
|
|
19273
19607
|
return false;
|
|
@@ -27075,10 +27409,10 @@ var Fitter = class {
|
|
|
27075
27409
|
this.placed = addToFragment(this.placed, this.frontier.length, add);
|
|
27076
27410
|
}
|
|
27077
27411
|
};
|
|
27078
|
-
function dropFromFragment(fragment, depth,
|
|
27412
|
+
function dropFromFragment(fragment, depth, count3) {
|
|
27079
27413
|
if (depth == 0)
|
|
27080
|
-
return fragment.cutByIndex(
|
|
27081
|
-
return fragment.replaceChild(0, fragment.firstChild.copy(dropFromFragment(fragment.firstChild.content, depth - 1,
|
|
27414
|
+
return fragment.cutByIndex(count3, fragment.childCount);
|
|
27415
|
+
return fragment.replaceChild(0, fragment.firstChild.copy(dropFromFragment(fragment.firstChild.content, depth - 1, count3)));
|
|
27082
27416
|
}
|
|
27083
27417
|
function addToFragment(fragment, depth, content) {
|
|
27084
27418
|
if (depth == 0)
|
|
@@ -34793,11 +35127,11 @@ function getHTMLFromFragment(fragment, schema) {
|
|
|
34793
35127
|
container.appendChild(documentFragment);
|
|
34794
35128
|
return container.innerHTML;
|
|
34795
35129
|
}
|
|
34796
|
-
function
|
|
35130
|
+
function isFunction3(value) {
|
|
34797
35131
|
return typeof value === "function";
|
|
34798
35132
|
}
|
|
34799
35133
|
function callOrReturn(value, context = void 0, ...props) {
|
|
34800
|
-
if (
|
|
35134
|
+
if (isFunction3(value)) {
|
|
34801
35135
|
if (context) {
|
|
34802
35136
|
return value.bind(context)(...props);
|
|
34803
35137
|
}
|
|
@@ -38411,7 +38745,7 @@ var Editor = class extends EventEmitter {
|
|
|
38411
38745
|
* @returns The new editor state
|
|
38412
38746
|
*/
|
|
38413
38747
|
registerPlugin(plugin, handlePlugins) {
|
|
38414
|
-
const plugins =
|
|
38748
|
+
const plugins = isFunction3(handlePlugins) ? handlePlugins(plugin, [...this.state.plugins]) : [...this.state.plugins, plugin];
|
|
38415
38749
|
const state = this.state.reconfigure({ plugins });
|
|
38416
38750
|
this.view.updateState(state);
|
|
38417
38751
|
return state;
|
|
@@ -39005,7 +39339,7 @@ function getInstance() {
|
|
|
39005
39339
|
setRenderer(id, renderer) {
|
|
39006
39340
|
renderers = {
|
|
39007
39341
|
...renderers,
|
|
39008
|
-
[id]:
|
|
39342
|
+
[id]: ReactDOM2__default.createPortal(renderer.reactElement, renderer.element, id)
|
|
39009
39343
|
};
|
|
39010
39344
|
subscribers.forEach((subscriber) => subscriber());
|
|
39011
39345
|
},
|
|
@@ -39020,11 +39354,11 @@ function getInstance() {
|
|
|
39020
39354
|
}
|
|
39021
39355
|
};
|
|
39022
39356
|
}
|
|
39023
|
-
var PureEditorContent = class extends
|
|
39357
|
+
var PureEditorContent = class extends React71__default.Component {
|
|
39024
39358
|
constructor(props) {
|
|
39025
39359
|
var _a2;
|
|
39026
39360
|
super(props);
|
|
39027
|
-
this.editorContentRef =
|
|
39361
|
+
this.editorContentRef = React71__default.createRef();
|
|
39028
39362
|
this.initialized = false;
|
|
39029
39363
|
this.state = {
|
|
39030
39364
|
hasContentComponentInitialized: Boolean((_a2 = props.editor) == null ? void 0 : _a2.contentComponent)
|
|
@@ -39102,17 +39436,17 @@ var PureEditorContent = class extends React64__default.Component {
|
|
|
39102
39436
|
};
|
|
39103
39437
|
var EditorContentWithKey = forwardRef(
|
|
39104
39438
|
(props, ref) => {
|
|
39105
|
-
const key =
|
|
39439
|
+
const key = React71__default.useMemo(() => {
|
|
39106
39440
|
return Math.floor(Math.random() * 4294967295).toString();
|
|
39107
39441
|
}, [props.editor]);
|
|
39108
|
-
return
|
|
39442
|
+
return React71__default.createElement(PureEditorContent, {
|
|
39109
39443
|
key,
|
|
39110
39444
|
innerRef: ref,
|
|
39111
39445
|
...props
|
|
39112
39446
|
});
|
|
39113
39447
|
}
|
|
39114
39448
|
);
|
|
39115
|
-
var EditorContent =
|
|
39449
|
+
var EditorContent = React71__default.memo(EditorContentWithKey);
|
|
39116
39450
|
var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
|
|
39117
39451
|
var EditorStateManager = class {
|
|
39118
39452
|
constructor(initialEditor) {
|
|
@@ -39456,7 +39790,7 @@ var ReactNodeViewContext = createContext({
|
|
|
39456
39790
|
}
|
|
39457
39791
|
});
|
|
39458
39792
|
var useReactNodeView = () => useContext(ReactNodeViewContext);
|
|
39459
|
-
|
|
39793
|
+
React71__default.forwardRef((props, ref) => {
|
|
39460
39794
|
const { onDragStart } = useReactNodeView();
|
|
39461
39795
|
const Tag5 = props.as || "div";
|
|
39462
39796
|
return (
|
|
@@ -39476,7 +39810,7 @@ React64__default.forwardRef((props, ref) => {
|
|
|
39476
39810
|
)
|
|
39477
39811
|
);
|
|
39478
39812
|
});
|
|
39479
|
-
|
|
39813
|
+
React71__default.createContext({
|
|
39480
39814
|
markViewContentRef: () => {
|
|
39481
39815
|
}
|
|
39482
39816
|
});
|
|
@@ -43206,12 +43540,12 @@ var Branch = class {
|
|
|
43206
43540
|
return branch;
|
|
43207
43541
|
}
|
|
43208
43542
|
emptyItemCount() {
|
|
43209
|
-
let
|
|
43543
|
+
let count3 = 0;
|
|
43210
43544
|
this.items.forEach((item) => {
|
|
43211
43545
|
if (!item.step)
|
|
43212
|
-
|
|
43546
|
+
count3++;
|
|
43213
43547
|
});
|
|
43214
|
-
return
|
|
43548
|
+
return count3;
|
|
43215
43549
|
}
|
|
43216
43550
|
// Compressing a branch means rewriting it to push the air (map-only
|
|
43217
43551
|
// items) out. During collaboration, these naturally accumulate
|
|
@@ -47337,7 +47671,7 @@ function getDecorations({
|
|
|
47337
47671
|
});
|
|
47338
47672
|
return DecorationSet.create(doc3, decorations);
|
|
47339
47673
|
}
|
|
47340
|
-
function
|
|
47674
|
+
function isFunction4(param) {
|
|
47341
47675
|
return typeof param === "function";
|
|
47342
47676
|
}
|
|
47343
47677
|
function LowlightPlugin({
|
|
@@ -47345,7 +47679,7 @@ function LowlightPlugin({
|
|
|
47345
47679
|
lowlight: lowlight2,
|
|
47346
47680
|
defaultLanguage
|
|
47347
47681
|
}) {
|
|
47348
|
-
if (!["highlight", "highlightAuto", "listLanguages"].every((api) =>
|
|
47682
|
+
if (!["highlight", "highlightAuto", "listLanguages"].every((api) => isFunction4(lowlight2[api]))) {
|
|
47349
47683
|
throw Error("You should provide an instance of lowlight to use the code-block-lowlight extension");
|
|
47350
47684
|
}
|
|
47351
47685
|
const lowlightPlugin = new Plugin({
|
|
@@ -61189,7 +61523,7 @@ var EditorColorPicker = ({
|
|
|
61189
61523
|
onColorSelect,
|
|
61190
61524
|
currentColor = "#000000"
|
|
61191
61525
|
}) => {
|
|
61192
|
-
const [showAdvanced, setShowAdvanced] =
|
|
61526
|
+
const [showAdvanced, setShowAdvanced] = React71__default.useState(false);
|
|
61193
61527
|
const quickColors = [
|
|
61194
61528
|
"#000000",
|
|
61195
61529
|
// Black
|
|
@@ -64350,7 +64684,7 @@ function SelectableVirtualList(props) {
|
|
|
64350
64684
|
}
|
|
64351
64685
|
return /* @__PURE__ */ jsx(SelectableVirtualListInternal, { ...props });
|
|
64352
64686
|
}
|
|
64353
|
-
var SwipeableCardInternal =
|
|
64687
|
+
var SwipeableCardInternal = React71__default.forwardRef(
|
|
64354
64688
|
({
|
|
64355
64689
|
children,
|
|
64356
64690
|
onSwipeLeft,
|
|
@@ -64428,7 +64762,7 @@ var SwipeableCardInternal = React64__default.forwardRef(
|
|
|
64428
64762
|
}
|
|
64429
64763
|
);
|
|
64430
64764
|
SwipeableCardInternal.displayName = "SwipeableCardInternal";
|
|
64431
|
-
var SwipeableCard =
|
|
64765
|
+
var SwipeableCard = React71__default.forwardRef(
|
|
64432
64766
|
(props, ref) => {
|
|
64433
64767
|
const { hasProAccess, isLoading } = useSubscription();
|
|
64434
64768
|
if (!isLoading && !hasProAccess) {
|
|
@@ -65428,7 +65762,7 @@ function TimelineInternal({
|
|
|
65428
65762
|
groupEvents.length !== 1 ? "s" : ""
|
|
65429
65763
|
] })
|
|
65430
65764
|
] }) }),
|
|
65431
|
-
/* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: displayEvents.map((event, index2) => /* @__PURE__ */ jsx(
|
|
65765
|
+
/* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: displayEvents.map((event, index2) => /* @__PURE__ */ jsx(React71__default.Fragment, { children: renderEvent(event, index2, index2 === displayEvents.length - 1) }, event.id)) }),
|
|
65432
65766
|
remainingCount > 0 && /* @__PURE__ */ jsxs(
|
|
65433
65767
|
MoonUIButtonPro,
|
|
65434
65768
|
{
|
|
@@ -65463,7 +65797,7 @@ function TimelineInternal({
|
|
|
65463
65797
|
"space-y-0",
|
|
65464
65798
|
layout === "horizontal" && "flex overflow-x-auto gap-6 pb-4"
|
|
65465
65799
|
),
|
|
65466
|
-
children: filteredAndSortedEvents.map((event, index2) => /* @__PURE__ */ jsx(
|
|
65800
|
+
children: filteredAndSortedEvents.map((event, index2) => /* @__PURE__ */ jsx(React71__default.Fragment, { children: renderEvent(event, index2, index2 === filteredAndSortedEvents.length - 1) }, event.id))
|
|
65467
65801
|
}
|
|
65468
65802
|
) : /* @__PURE__ */ jsxs("div", { className: cn(
|
|
65469
65803
|
"space-y-0",
|
|
@@ -65471,7 +65805,7 @@ function TimelineInternal({
|
|
|
65471
65805
|
layout === "alternating" && "relative"
|
|
65472
65806
|
), children: [
|
|
65473
65807
|
(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" }),
|
|
65474
|
-
filteredAndSortedEvents.map((event, index2) => /* @__PURE__ */ jsx(
|
|
65808
|
+
filteredAndSortedEvents.map((event, index2) => /* @__PURE__ */ jsx(React71__default.Fragment, { children: renderEvent(event, index2, index2 === filteredAndSortedEvents.length - 1) }, event.id))
|
|
65475
65809
|
] }) });
|
|
65476
65810
|
if (virtualScroll && filteredAndSortedEvents.length > 50) {
|
|
65477
65811
|
return /* @__PURE__ */ jsx("div", { className: "h-[600px] overflow-y-auto", children: content });
|
|
@@ -65817,19 +66151,19 @@ function AdvancedChartInternal({
|
|
|
65817
66151
|
animationDuration = 1500,
|
|
65818
66152
|
theme = "default"
|
|
65819
66153
|
}) {
|
|
65820
|
-
const [isFullscreen, setIsFullscreen] =
|
|
65821
|
-
const [showSettings, setShowSettings] =
|
|
65822
|
-
const [zoomLevel, setZoomLevel] =
|
|
65823
|
-
const [selectedTheme, setSelectedTheme] =
|
|
65824
|
-
const [hoveredDataPoint, setHoveredDataPoint] =
|
|
65825
|
-
const [hiddenSeries, setHiddenSeries] =
|
|
65826
|
-
const chartRef =
|
|
65827
|
-
const containerRef =
|
|
65828
|
-
const themeColors =
|
|
66154
|
+
const [isFullscreen, setIsFullscreen] = React71__default.useState(false);
|
|
66155
|
+
const [showSettings, setShowSettings] = React71__default.useState(false);
|
|
66156
|
+
const [zoomLevel, setZoomLevel] = React71__default.useState(100);
|
|
66157
|
+
const [selectedTheme, setSelectedTheme] = React71__default.useState(theme);
|
|
66158
|
+
const [hoveredDataPoint, setHoveredDataPoint] = React71__default.useState(null);
|
|
66159
|
+
const [hiddenSeries, setHiddenSeries] = React71__default.useState(/* @__PURE__ */ new Set());
|
|
66160
|
+
const chartRef = React71__default.useRef(null);
|
|
66161
|
+
const containerRef = React71__default.useRef(null);
|
|
66162
|
+
const themeColors = React71__default.useMemo(() => {
|
|
65829
66163
|
return COLOR_THEMES[selectedTheme] || DEFAULT_COLORS2;
|
|
65830
66164
|
}, [selectedTheme]);
|
|
65831
|
-
const gradientId =
|
|
65832
|
-
const trend =
|
|
66165
|
+
const gradientId = React71__default.useId();
|
|
66166
|
+
const trend = React71__default.useMemo(() => {
|
|
65833
66167
|
if (!data || !Array.isArray(data) || !data.length || !series || !Array.isArray(series) || !series.length)
|
|
65834
66168
|
return null;
|
|
65835
66169
|
const firstSeries = series[0];
|
|
@@ -66726,9 +67060,9 @@ function MetricCard({
|
|
|
66726
67060
|
glassmorphism = false,
|
|
66727
67061
|
compact = false
|
|
66728
67062
|
}) {
|
|
66729
|
-
const [isHovered, setIsHovered] =
|
|
66730
|
-
const [isMounted, setIsMounted] =
|
|
66731
|
-
|
|
67063
|
+
const [isHovered, setIsHovered] = React71__default.useState(false);
|
|
67064
|
+
const [isMounted, setIsMounted] = React71__default.useState(false);
|
|
67065
|
+
React71__default.useEffect(() => {
|
|
66732
67066
|
setIsMounted(true);
|
|
66733
67067
|
}, []);
|
|
66734
67068
|
const colorClasses = {
|
|
@@ -67070,8 +67404,8 @@ function ChartWidget({
|
|
|
67070
67404
|
interactive = true,
|
|
67071
67405
|
compact = false
|
|
67072
67406
|
}) {
|
|
67073
|
-
const [colorScheme, setColorScheme] =
|
|
67074
|
-
const [isFullscreen, setIsFullscreen] =
|
|
67407
|
+
const [colorScheme, setColorScheme] = React71__default.useState("default");
|
|
67408
|
+
const [isFullscreen, setIsFullscreen] = React71__default.useState(false);
|
|
67075
67409
|
const colors = CHART_COLORS[colorScheme];
|
|
67076
67410
|
const chartHeight = compact ? 120 : height;
|
|
67077
67411
|
const CustomTooltip2 = ({ active, payload, label }) => {
|
|
@@ -67363,14 +67697,14 @@ function ActivityFeed({
|
|
|
67363
67697
|
maxItems,
|
|
67364
67698
|
compact = false
|
|
67365
67699
|
}) {
|
|
67366
|
-
const [filter, setFilter] =
|
|
67367
|
-
const [notificationsEnabled, setNotificationsEnabled] =
|
|
67368
|
-
const [newItems, setNewItems] =
|
|
67369
|
-
const [isMounted, setIsMounted] =
|
|
67370
|
-
|
|
67700
|
+
const [filter, setFilter] = React71__default.useState("all");
|
|
67701
|
+
const [notificationsEnabled, setNotificationsEnabled] = React71__default.useState(true);
|
|
67702
|
+
const [newItems, setNewItems] = React71__default.useState([]);
|
|
67703
|
+
const [isMounted, setIsMounted] = React71__default.useState(false);
|
|
67704
|
+
React71__default.useEffect(() => {
|
|
67371
67705
|
setIsMounted(true);
|
|
67372
67706
|
}, []);
|
|
67373
|
-
|
|
67707
|
+
React71__default.useEffect(() => {
|
|
67374
67708
|
if (!realtime)
|
|
67375
67709
|
return;
|
|
67376
67710
|
const interval = setInterval(() => {
|
|
@@ -67626,8 +67960,8 @@ function ProgressWidget({
|
|
|
67626
67960
|
compact = false
|
|
67627
67961
|
}) {
|
|
67628
67962
|
const items = Array.isArray(data) ? data : [data];
|
|
67629
|
-
const [isMounted, setIsMounted] =
|
|
67630
|
-
|
|
67963
|
+
const [isMounted, setIsMounted] = React71__default.useState(false);
|
|
67964
|
+
React71__default.useEffect(() => {
|
|
67631
67965
|
setIsMounted(true);
|
|
67632
67966
|
}, []);
|
|
67633
67967
|
return /* @__PURE__ */ jsxs(MoonUICardPro, { className: cn(
|
|
@@ -67721,8 +68055,8 @@ function ComparisonWidget({
|
|
|
67721
68055
|
glassmorphism = false,
|
|
67722
68056
|
compact = false
|
|
67723
68057
|
}) {
|
|
67724
|
-
const [isMounted, setIsMounted] =
|
|
67725
|
-
|
|
68058
|
+
const [isMounted, setIsMounted] = React71__default.useState(false);
|
|
68059
|
+
React71__default.useEffect(() => {
|
|
67726
68060
|
setIsMounted(true);
|
|
67727
68061
|
}, []);
|
|
67728
68062
|
const maxValue = Math.max(...data.periods.map((p) => p.value));
|
|
@@ -67841,7 +68175,7 @@ function ComparisonWidget({
|
|
|
67841
68175
|
] });
|
|
67842
68176
|
}
|
|
67843
68177
|
|
|
67844
|
-
//
|
|
68178
|
+
// node_modules/react-resizable/css/styles.css
|
|
67845
68179
|
styleInject(".react-resizable {\n position: relative;\n}\n.react-resizable-handle {\n position: absolute;\n width: 20px;\n height: 20px;\n background-repeat: no-repeat;\n background-origin: content-box;\n box-sizing: border-box;\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);\n background-position: bottom right;\n padding: 0 3px 3px 0;\n}\n.react-resizable-handle-sw {\n bottom: 0;\n left: 0;\n cursor: sw-resize;\n transform: rotate(90deg);\n}\n.react-resizable-handle-se {\n bottom: 0;\n right: 0;\n cursor: se-resize;\n}\n.react-resizable-handle-nw {\n top: 0;\n left: 0;\n cursor: nw-resize;\n transform: rotate(180deg);\n}\n.react-resizable-handle-ne {\n top: 0;\n right: 0;\n cursor: ne-resize;\n transform: rotate(270deg);\n}\n.react-resizable-handle-w,\n.react-resizable-handle-e {\n top: 50%;\n margin-top: -10px;\n cursor: ew-resize;\n}\n.react-resizable-handle-w {\n left: 0;\n transform: rotate(135deg);\n}\n.react-resizable-handle-e {\n right: 0;\n transform: rotate(315deg);\n}\n.react-resizable-handle-n,\n.react-resizable-handle-s {\n left: 50%;\n margin-left: -10px;\n cursor: ns-resize;\n}\n.react-resizable-handle-n {\n top: 0;\n transform: rotate(225deg);\n}\n.react-resizable-handle-s {\n bottom: 0;\n transform: rotate(45deg);\n}\n");
|
|
67846
68180
|
var ResponsiveGridLayout = WidthProvider(Responsive);
|
|
67847
68181
|
function DashboardGrid({
|
|
@@ -67858,14 +68192,14 @@ function DashboardGrid({
|
|
|
67858
68192
|
margin = [8, 4],
|
|
67859
68193
|
containerPadding = [4, 4]
|
|
67860
68194
|
}) {
|
|
67861
|
-
const [layouts, setLayouts] =
|
|
67862
|
-
const [currentBreakpoint, setCurrentBreakpoint] =
|
|
67863
|
-
const [lockedWidgets, setLockedWidgets] =
|
|
67864
|
-
const [fullscreenWidget, setFullscreenWidget] =
|
|
67865
|
-
const [containerWidth, setContainerWidth] =
|
|
67866
|
-
const containerRef =
|
|
67867
|
-
const [compactType, setCompactType] =
|
|
67868
|
-
|
|
68195
|
+
const [layouts, setLayouts] = React71__default.useState({});
|
|
68196
|
+
const [currentBreakpoint, setCurrentBreakpoint] = React71__default.useState("lg");
|
|
68197
|
+
const [lockedWidgets, setLockedWidgets] = React71__default.useState(/* @__PURE__ */ new Set());
|
|
68198
|
+
const [fullscreenWidget, setFullscreenWidget] = React71__default.useState(null);
|
|
68199
|
+
const [containerWidth, setContainerWidth] = React71__default.useState(1200);
|
|
68200
|
+
const containerRef = React71__default.useRef(null);
|
|
68201
|
+
const [compactType, setCompactType] = React71__default.useState("vertical");
|
|
68202
|
+
React71__default.useEffect(() => {
|
|
67869
68203
|
const updateWidth = () => {
|
|
67870
68204
|
if (containerRef.current) {
|
|
67871
68205
|
const width = containerRef.current.offsetWidth;
|
|
@@ -68326,12 +68660,12 @@ function TimeRangePicker({
|
|
|
68326
68660
|
showComparison = false,
|
|
68327
68661
|
glassmorphism = false
|
|
68328
68662
|
}) {
|
|
68329
|
-
const [isOpen, setIsOpen] =
|
|
68330
|
-
const [customRange, setCustomRange] =
|
|
68663
|
+
const [isOpen, setIsOpen] = React71__default.useState(false);
|
|
68664
|
+
const [customRange, setCustomRange] = React71__default.useState({
|
|
68331
68665
|
from: void 0,
|
|
68332
68666
|
to: void 0
|
|
68333
68667
|
});
|
|
68334
|
-
const [comparisonEnabled, setComparisonEnabled] =
|
|
68668
|
+
const [comparisonEnabled, setComparisonEnabled] = React71__default.useState(false);
|
|
68335
68669
|
const currentRange = value || PRESET_RANGES[2].getRange();
|
|
68336
68670
|
const formatRange = (range) => {
|
|
68337
68671
|
if (range.preset && range.preset !== "custom") {
|
|
@@ -68514,8 +68848,8 @@ function MapWidget({
|
|
|
68514
68848
|
interactive = true,
|
|
68515
68849
|
onLocationClick
|
|
68516
68850
|
}) {
|
|
68517
|
-
const [selectedLocation, setSelectedLocation] =
|
|
68518
|
-
const [zoom, setZoom] =
|
|
68851
|
+
const [selectedLocation, setSelectedLocation] = React71__default.useState(null);
|
|
68852
|
+
const [zoom, setZoom] = React71__default.useState(1);
|
|
68519
68853
|
const mapHeight = compact ? 150 : height;
|
|
68520
68854
|
const getLocationColor = (type) => {
|
|
68521
68855
|
switch (type) {
|
|
@@ -68709,8 +69043,8 @@ function TableWidget({
|
|
|
68709
69043
|
sortable = true,
|
|
68710
69044
|
showHeader = true
|
|
68711
69045
|
}) {
|
|
68712
|
-
const [sortColumn, setSortColumn] =
|
|
68713
|
-
const [sortDirection, setSortDirection] =
|
|
69046
|
+
const [sortColumn, setSortColumn] = React71__default.useState(null);
|
|
69047
|
+
const [sortDirection, setSortDirection] = React71__default.useState("asc");
|
|
68714
69048
|
const tableHeight = compact ? 150 : height;
|
|
68715
69049
|
const handleSort = (columnKey) => {
|
|
68716
69050
|
if (!sortable)
|
|
@@ -68722,7 +69056,7 @@ function TableWidget({
|
|
|
68722
69056
|
setSortDirection("asc");
|
|
68723
69057
|
}
|
|
68724
69058
|
};
|
|
68725
|
-
const sortedRows =
|
|
69059
|
+
const sortedRows = React71__default.useMemo(() => {
|
|
68726
69060
|
if (!sortColumn)
|
|
68727
69061
|
return rows;
|
|
68728
69062
|
return [...rows].sort((a, b) => {
|
|
@@ -68839,7 +69173,7 @@ function TableWidget({
|
|
|
68839
69173
|
column.align === "center" && "text-center",
|
|
68840
69174
|
column.align === "right" && "text-right"
|
|
68841
69175
|
),
|
|
68842
|
-
children:
|
|
69176
|
+
children: React71__default.isValidElement(formattedValue) ? formattedValue : /* @__PURE__ */ jsx("span", { className: cn(
|
|
68843
69177
|
compact && "line-clamp-1"
|
|
68844
69178
|
), children: formattedValue })
|
|
68845
69179
|
},
|
|
@@ -68886,8 +69220,8 @@ function CalendarWidget({
|
|
|
68886
69220
|
onDateClick,
|
|
68887
69221
|
onEventClick
|
|
68888
69222
|
}) {
|
|
68889
|
-
const [currentDate, setCurrentDate] =
|
|
68890
|
-
const [selectedDate, setSelectedDate] =
|
|
69223
|
+
const [currentDate, setCurrentDate] = React71__default.useState(/* @__PURE__ */ new Date());
|
|
69224
|
+
const [selectedDate, setSelectedDate] = React71__default.useState(null);
|
|
68891
69225
|
const calendarHeight = compact ? 180 : height;
|
|
68892
69226
|
const firstDayOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1);
|
|
68893
69227
|
const lastDayOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0);
|
|
@@ -69288,7 +69622,7 @@ function formatRelativeTime(date) {
|
|
|
69288
69622
|
return `${Math.floor(diffInSeconds / 86400)}d ago`;
|
|
69289
69623
|
return date.toLocaleDateString();
|
|
69290
69624
|
}
|
|
69291
|
-
var DashboardInternal =
|
|
69625
|
+
var DashboardInternal = React71__default.memo(function DashboardInternal2({
|
|
69292
69626
|
config,
|
|
69293
69627
|
widgets: initialWidgets = [],
|
|
69294
69628
|
templates = DASHBOARD_TEMPLATES,
|
|
@@ -69333,33 +69667,33 @@ var DashboardInternal = React64__default.memo(function DashboardInternal2({
|
|
|
69333
69667
|
logo,
|
|
69334
69668
|
brandName
|
|
69335
69669
|
}) {
|
|
69336
|
-
const [editMode, setEditMode] =
|
|
69337
|
-
const [widgets, setWidgets] =
|
|
69338
|
-
const [selectedTheme, setSelectedTheme] =
|
|
69339
|
-
const [timeRange, setTimeRange] =
|
|
69340
|
-
const [searchQuery, setSearchQuery] =
|
|
69341
|
-
const [showWidgetLibrary, setShowWidgetLibrary] =
|
|
69342
|
-
const [showTemplates, setShowTemplates] =
|
|
69343
|
-
const [sidebarCollapsed, setSidebarCollapsed] =
|
|
69344
|
-
const [refreshing, setRefreshing] =
|
|
69345
|
-
const [showNotifications, setShowNotifications] =
|
|
69346
|
-
const prevInitialWidgetsRef =
|
|
69347
|
-
const prevTimeRangeRef =
|
|
69348
|
-
|
|
69670
|
+
const [editMode, setEditMode] = React71__default.useState(false);
|
|
69671
|
+
const [widgets, setWidgets] = React71__default.useState(() => initialWidgets);
|
|
69672
|
+
const [selectedTheme, setSelectedTheme] = React71__default.useState("analytics");
|
|
69673
|
+
const [timeRange, setTimeRange] = React71__default.useState(() => propTimeRange);
|
|
69674
|
+
const [searchQuery, setSearchQuery] = React71__default.useState("");
|
|
69675
|
+
const [showWidgetLibrary, setShowWidgetLibrary] = React71__default.useState(false);
|
|
69676
|
+
const [showTemplates, setShowTemplates] = React71__default.useState(false);
|
|
69677
|
+
const [sidebarCollapsed, setSidebarCollapsed] = React71__default.useState(propSidebarCollapsed ?? false);
|
|
69678
|
+
const [refreshing, setRefreshing] = React71__default.useState(false);
|
|
69679
|
+
const [showNotifications, setShowNotifications] = React71__default.useState(false);
|
|
69680
|
+
const prevInitialWidgetsRef = React71__default.useRef(initialWidgets);
|
|
69681
|
+
const prevTimeRangeRef = React71__default.useRef(propTimeRange);
|
|
69682
|
+
React71__default.useEffect(() => {
|
|
69349
69683
|
const hasChanged = JSON.stringify(prevInitialWidgetsRef.current) !== JSON.stringify(initialWidgets);
|
|
69350
69684
|
if (hasChanged) {
|
|
69351
69685
|
prevInitialWidgetsRef.current = initialWidgets;
|
|
69352
69686
|
setWidgets(initialWidgets);
|
|
69353
69687
|
}
|
|
69354
69688
|
}, [initialWidgets]);
|
|
69355
|
-
|
|
69689
|
+
React71__default.useEffect(() => {
|
|
69356
69690
|
const hasChanged = JSON.stringify(prevTimeRangeRef.current) !== JSON.stringify(propTimeRange);
|
|
69357
69691
|
if (propTimeRange && hasChanged) {
|
|
69358
69692
|
prevTimeRangeRef.current = propTimeRange;
|
|
69359
69693
|
setTimeRange(propTimeRange);
|
|
69360
69694
|
}
|
|
69361
69695
|
}, [propTimeRange]);
|
|
69362
|
-
|
|
69696
|
+
React71__default.useEffect(() => {
|
|
69363
69697
|
if (!realtime || mode !== "widgets")
|
|
69364
69698
|
return;
|
|
69365
69699
|
const interval = setInterval(() => {
|
|
@@ -69384,7 +69718,7 @@ var DashboardInternal = React64__default.memo(function DashboardInternal2({
|
|
|
69384
69718
|
}, 5e3);
|
|
69385
69719
|
return () => clearInterval(interval);
|
|
69386
69720
|
}, [realtime, mode]);
|
|
69387
|
-
const generateDefaultData =
|
|
69721
|
+
const generateDefaultData = React71__default.useCallback((type) => {
|
|
69388
69722
|
switch (type) {
|
|
69389
69723
|
case "metric":
|
|
69390
69724
|
return {
|
|
@@ -69472,7 +69806,7 @@ var DashboardInternal = React64__default.memo(function DashboardInternal2({
|
|
|
69472
69806
|
return {};
|
|
69473
69807
|
}
|
|
69474
69808
|
}, []);
|
|
69475
|
-
const handleAddWidget =
|
|
69809
|
+
const handleAddWidget = React71__default.useCallback((type) => {
|
|
69476
69810
|
const newWidget = {
|
|
69477
69811
|
id: `widget-${Date.now()}`,
|
|
69478
69812
|
type,
|
|
@@ -69485,7 +69819,7 @@ var DashboardInternal = React64__default.memo(function DashboardInternal2({
|
|
|
69485
69819
|
onWidgetAdd?.(newWidget);
|
|
69486
69820
|
setShowWidgetLibrary(false);
|
|
69487
69821
|
}, [onWidgetAdd, generateDefaultData]);
|
|
69488
|
-
const applyTemplate =
|
|
69822
|
+
const applyTemplate = React71__default.useCallback((template) => {
|
|
69489
69823
|
const newWidgets = template.widgets.map((w, index2) => ({
|
|
69490
69824
|
...w,
|
|
69491
69825
|
id: `widget-${Date.now()}-${index2}`,
|
|
@@ -69496,7 +69830,7 @@ var DashboardInternal = React64__default.memo(function DashboardInternal2({
|
|
|
69496
69830
|
setSelectedTheme(template.theme);
|
|
69497
69831
|
setShowTemplates(false);
|
|
69498
69832
|
}, []);
|
|
69499
|
-
const WidgetLibrary =
|
|
69833
|
+
const WidgetLibrary = React71__default.useCallback(() => {
|
|
69500
69834
|
if (!showWidgetLibrary)
|
|
69501
69835
|
return null;
|
|
69502
69836
|
return /* @__PURE__ */ jsx(Sheet, { open: showWidgetLibrary, onOpenChange: setShowWidgetLibrary, children: /* @__PURE__ */ jsxs(SheetContent, { className: cn(
|
|
@@ -69546,7 +69880,7 @@ var DashboardInternal = React64__default.memo(function DashboardInternal2({
|
|
|
69546
69880
|
] })
|
|
69547
69881
|
] }) });
|
|
69548
69882
|
}, [showWidgetLibrary, searchQuery, glassmorphism, onSearch, handleAddWidget]);
|
|
69549
|
-
const TemplateGallery =
|
|
69883
|
+
const TemplateGallery = React71__default.useCallback(() => {
|
|
69550
69884
|
if (!showTemplates)
|
|
69551
69885
|
return null;
|
|
69552
69886
|
return /* @__PURE__ */ jsx(MoonUIDialogPro, { open: showTemplates, onOpenChange: setShowTemplates, children: /* @__PURE__ */ jsxs(MoonUIDialogContentPro, { className: cn(
|
|
@@ -70178,7 +70512,7 @@ var DashboardInternal = React64__default.memo(function DashboardInternal2({
|
|
|
70178
70512
|
}
|
|
70179
70513
|
);
|
|
70180
70514
|
});
|
|
70181
|
-
var Dashboard =
|
|
70515
|
+
var Dashboard = React71__default.memo(function Dashboard2(props) {
|
|
70182
70516
|
const { hasProAccess, isLoading } = useSubscription();
|
|
70183
70517
|
if (!isLoading && !hasProAccess) {
|
|
70184
70518
|
return /* @__PURE__ */ jsx(
|
|
@@ -70209,7 +70543,7 @@ function formatPhoneNumber(number) {
|
|
|
70209
70543
|
return `(${cleaned.slice(0, 3)}) ${cleaned.slice(3, 6)} ${cleaned.slice(6, 8)} ${cleaned.slice(8, 10)}`;
|
|
70210
70544
|
}
|
|
70211
70545
|
}
|
|
70212
|
-
var MoonUIPhoneNumberInputSimple =
|
|
70546
|
+
var MoonUIPhoneNumberInputSimple = React71__default.forwardRef(({
|
|
70213
70547
|
value = "",
|
|
70214
70548
|
onChange,
|
|
70215
70549
|
label,
|
|
@@ -70365,7 +70699,7 @@ function toInternationalFormat(countryCode, phoneNumber) {
|
|
|
70365
70699
|
return `${country.dialCode}${cleaned}`;
|
|
70366
70700
|
}
|
|
70367
70701
|
var defaultValue = { country: "US", number: "" };
|
|
70368
|
-
var PhoneNumberInputInternal =
|
|
70702
|
+
var PhoneNumberInputInternal = React71__default.forwardRef(({
|
|
70369
70703
|
value,
|
|
70370
70704
|
onChange,
|
|
70371
70705
|
defaultCountry = "US",
|
|
@@ -70388,7 +70722,7 @@ var PhoneNumberInputInternal = React64__default.forwardRef(({
|
|
|
70388
70722
|
allowInternationalFormat = true,
|
|
70389
70723
|
...props
|
|
70390
70724
|
}, ref) => {
|
|
70391
|
-
const phoneValue =
|
|
70725
|
+
const phoneValue = React71__default.useMemo(() => {
|
|
70392
70726
|
return value || defaultValue;
|
|
70393
70727
|
}, [value]);
|
|
70394
70728
|
const [isFocused, setIsFocused] = useState(false);
|
|
@@ -70555,7 +70889,7 @@ var PhoneNumberInputInternal = React64__default.forwardRef(({
|
|
|
70555
70889
|
] });
|
|
70556
70890
|
});
|
|
70557
70891
|
PhoneNumberInputInternal.displayName = "PhoneNumberInputInternal";
|
|
70558
|
-
var MoonUIPhoneNumberInputPro =
|
|
70892
|
+
var MoonUIPhoneNumberInputPro = React71__default.forwardRef(
|
|
70559
70893
|
(props, ref) => {
|
|
70560
70894
|
const { hasProAccess, isLoading } = useSubscription();
|
|
70561
70895
|
if (!isLoading && !hasProAccess) {
|
|
@@ -71170,25 +71504,25 @@ async function fetchContributorsCount(owner, repo, token) {
|
|
|
71170
71504
|
if (linkHeader) {
|
|
71171
71505
|
const match = linkHeader.match(/page=(\d+)>; rel="last"/);
|
|
71172
71506
|
if (match) {
|
|
71173
|
-
const
|
|
71507
|
+
const count4 = parseInt(match[1]);
|
|
71174
71508
|
cache.set(cacheKey, {
|
|
71175
|
-
data:
|
|
71509
|
+
data: count4,
|
|
71176
71510
|
timestamp: Date.now(),
|
|
71177
71511
|
expiresAt: Date.now() + getCacheDuration(36e5)
|
|
71178
71512
|
// 30 minutes in docs mode
|
|
71179
71513
|
});
|
|
71180
|
-
return
|
|
71514
|
+
return count4;
|
|
71181
71515
|
}
|
|
71182
71516
|
}
|
|
71183
71517
|
const contributors = await response.json();
|
|
71184
|
-
const
|
|
71518
|
+
const count3 = contributors.length;
|
|
71185
71519
|
cache.set(cacheKey, {
|
|
71186
|
-
data:
|
|
71520
|
+
data: count3,
|
|
71187
71521
|
timestamp: Date.now(),
|
|
71188
71522
|
expiresAt: Date.now() + getCacheDuration(36e5)
|
|
71189
71523
|
// 30 minutes in docs mode
|
|
71190
71524
|
});
|
|
71191
|
-
return
|
|
71525
|
+
return count3;
|
|
71192
71526
|
} catch (error) {
|
|
71193
71527
|
console.error("Failed to fetch contributors:", error);
|
|
71194
71528
|
return 0;
|
|
@@ -71211,10 +71545,10 @@ function calculateStats(repositories) {
|
|
|
71211
71545
|
}
|
|
71212
71546
|
});
|
|
71213
71547
|
const totalRepos = repositories.length;
|
|
71214
|
-
const languages2 = Array.from(languageMap.entries()).map(([language,
|
|
71548
|
+
const languages2 = Array.from(languageMap.entries()).map(([language, count3]) => ({
|
|
71215
71549
|
language,
|
|
71216
|
-
count:
|
|
71217
|
-
percentage:
|
|
71550
|
+
count: count3,
|
|
71551
|
+
percentage: count3 / totalRepos * 100,
|
|
71218
71552
|
color: LANGUAGE_COLORS[language] || "#6b7280"
|
|
71219
71553
|
})).sort((a, b) => b.count - a.count);
|
|
71220
71554
|
const recentActivity = repositories.slice(0, 5).map((repo) => ({
|
|
@@ -72223,7 +72557,7 @@ var GitHubStarsInternal = ({
|
|
|
72223
72557
|
const effectiveNotifications = isDocsMode2 ? false : enableNotifications;
|
|
72224
72558
|
const effectiveRefreshInterval = isDocsMode2 ? 36e5 : refreshInterval;
|
|
72225
72559
|
const { notify } = useGitHubNotifications(effectiveNotifications);
|
|
72226
|
-
const handleMilestoneReached =
|
|
72560
|
+
const handleMilestoneReached = React71__default.useCallback((milestone) => {
|
|
72227
72561
|
if (celebrateAt?.includes(milestone.count)) {
|
|
72228
72562
|
confetti2({
|
|
72229
72563
|
particleCount: 100,
|
|
@@ -72265,7 +72599,7 @@ var GitHubStarsInternal = ({
|
|
|
72265
72599
|
forceMockData: useMockData
|
|
72266
72600
|
// Force mock data if true
|
|
72267
72601
|
});
|
|
72268
|
-
const handleExport =
|
|
72602
|
+
const handleExport = React71__default.useCallback((format6) => {
|
|
72269
72603
|
if (!enableExport)
|
|
72270
72604
|
return;
|
|
72271
72605
|
const timestamp = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
|
|
@@ -72278,7 +72612,7 @@ var GitHubStarsInternal = ({
|
|
|
72278
72612
|
exportAsCSV(repos, `github-stars-${username}-${timestamp}.csv`);
|
|
72279
72613
|
}
|
|
72280
72614
|
}, [enableExport, repos, stats, username]);
|
|
72281
|
-
const handleDetailedExport =
|
|
72615
|
+
const handleDetailedExport = React71__default.useCallback((e) => {
|
|
72282
72616
|
if (!enableExport)
|
|
72283
72617
|
return;
|
|
72284
72618
|
const dropdown = document.createElement("div");
|
|
@@ -74981,7 +75315,7 @@ var FilePreviewModal = ({
|
|
|
74981
75315
|
] })
|
|
74982
75316
|
] }) });
|
|
74983
75317
|
};
|
|
74984
|
-
var MoonUIFileUploadPro =
|
|
75318
|
+
var MoonUIFileUploadPro = React71__default.forwardRef(
|
|
74985
75319
|
({
|
|
74986
75320
|
accept = "*",
|
|
74987
75321
|
multiple = true,
|
|
@@ -75955,11 +76289,11 @@ var FileUploadItem = ({
|
|
|
75955
76289
|
MoonUIFileUploadPro.displayName = "MoonUIFileUploadPro";
|
|
75956
76290
|
var file_upload_default = MoonUIFileUploadPro;
|
|
75957
76291
|
function DataTableColumnToggle({ table, trigger }) {
|
|
75958
|
-
const [search, setSearch] =
|
|
76292
|
+
const [search, setSearch] = React71__default.useState("");
|
|
75959
76293
|
const columns = table.getAllColumns().filter(
|
|
75960
76294
|
(column) => column.getCanHide() && column.id !== "select" && column.id !== "actions" && column.id !== "expander"
|
|
75961
76295
|
);
|
|
75962
|
-
const filteredColumns =
|
|
76296
|
+
const filteredColumns = React71__default.useMemo(() => {
|
|
75963
76297
|
if (!search)
|
|
75964
76298
|
return columns;
|
|
75965
76299
|
return columns.filter((column) => {
|
|
@@ -76066,8 +76400,8 @@ function DataTableBulkActions({
|
|
|
76066
76400
|
onClearSelection,
|
|
76067
76401
|
className
|
|
76068
76402
|
}) {
|
|
76069
|
-
const [isLoading, setIsLoading] =
|
|
76070
|
-
const [pendingAction, setPendingAction] =
|
|
76403
|
+
const [isLoading, setIsLoading] = React71__default.useState(false);
|
|
76404
|
+
const [pendingAction, setPendingAction] = React71__default.useState(null);
|
|
76071
76405
|
const selectedCount = selectedRows.length;
|
|
76072
76406
|
const handleAction = async (action) => {
|
|
76073
76407
|
if (action.confirmMessage) {
|
|
@@ -76509,7 +76843,7 @@ function FilterConditionRow({
|
|
|
76509
76843
|
const availableOperators = getOperatorsForColumnType(columnType);
|
|
76510
76844
|
const needsValue = filter.operator !== "isNull" && filter.operator !== "isNotNull";
|
|
76511
76845
|
const needsMultiValue = filter.operator === "in" || filter.operator === "notIn";
|
|
76512
|
-
const enumOptions =
|
|
76846
|
+
const enumOptions = React71__default.useMemo(() => {
|
|
76513
76847
|
if (columnType !== "select" && !filterOptions)
|
|
76514
76848
|
return null;
|
|
76515
76849
|
if (filterOptions) {
|
|
@@ -76648,7 +76982,7 @@ function DataTableQuickFilter({
|
|
|
76648
76982
|
}) {
|
|
76649
76983
|
const [open, setOpen] = useState(false);
|
|
76650
76984
|
const [searchValue, setSearchValue] = useState("");
|
|
76651
|
-
const column =
|
|
76985
|
+
const column = React71__default.useMemo(() => {
|
|
76652
76986
|
let col = table.getColumn(filter.column);
|
|
76653
76987
|
if (!col) {
|
|
76654
76988
|
const allCols = table.getAllColumns();
|
|
@@ -76965,7 +77299,7 @@ function DataTableFacetedFilter({
|
|
|
76965
77299
|
/* @__PURE__ */ jsx(MoonUISeparatorPro, {}),
|
|
76966
77300
|
/* @__PURE__ */ jsx("div", { className: "max-h-[300px] overflow-y-auto", children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx("div", { className: "p-4 text-center text-sm text-muted-foreground", children: "No results found" }) : /* @__PURE__ */ jsx("div", { className: "p-2", children: filteredOptions.map((option) => {
|
|
76967
77301
|
const isSelected = selectedValues.has(option.value);
|
|
76968
|
-
const
|
|
77302
|
+
const count3 = optionCounts[option.value] || 0;
|
|
76969
77303
|
return /* @__PURE__ */ jsxs(
|
|
76970
77304
|
MoonUIButtonPro,
|
|
76971
77305
|
{
|
|
@@ -76986,7 +77320,7 @@ function DataTableFacetedFilter({
|
|
|
76986
77320
|
),
|
|
76987
77321
|
option.icon && /* @__PURE__ */ jsx("span", { className: "mr-2", children: option.icon }),
|
|
76988
77322
|
/* @__PURE__ */ jsx("span", { className: "flex-1 text-left", children: option.label || option.value }),
|
|
76989
|
-
|
|
77323
|
+
count3 > 0 && /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs text-muted-foreground", children: count3 })
|
|
76990
77324
|
]
|
|
76991
77325
|
},
|
|
76992
77326
|
option.value
|
|
@@ -77069,7 +77403,7 @@ function DataTable({
|
|
|
77069
77403
|
onColumnFiltersChange,
|
|
77070
77404
|
state: externalState
|
|
77071
77405
|
}) {
|
|
77072
|
-
const columns =
|
|
77406
|
+
const columns = React71__default.useMemo(() => {
|
|
77073
77407
|
return originalColumns.map((col) => {
|
|
77074
77408
|
const { enableHiding, ...restCol } = col;
|
|
77075
77409
|
return {
|
|
@@ -77091,21 +77425,21 @@ function DataTable({
|
|
|
77091
77425
|
}
|
|
77092
77426
|
);
|
|
77093
77427
|
}
|
|
77094
|
-
const [sorting, setSorting] =
|
|
77095
|
-
const [columnFilters, setColumnFilters] =
|
|
77096
|
-
const [columnVisibility, setColumnVisibility] =
|
|
77097
|
-
const [rowSelection, setRowSelection] =
|
|
77098
|
-
const [globalFilter, setGlobalFilter] =
|
|
77099
|
-
const [paginationState, setPaginationState] =
|
|
77428
|
+
const [sorting, setSorting] = React71__default.useState([]);
|
|
77429
|
+
const [columnFilters, setColumnFilters] = React71__default.useState([]);
|
|
77430
|
+
const [columnVisibility, setColumnVisibility] = React71__default.useState({});
|
|
77431
|
+
const [rowSelection, setRowSelection] = React71__default.useState({});
|
|
77432
|
+
const [globalFilter, setGlobalFilter] = React71__default.useState("");
|
|
77433
|
+
const [paginationState, setPaginationState] = React71__default.useState({
|
|
77100
77434
|
pageIndex: 0,
|
|
77101
77435
|
pageSize: defaultPageSize || pageSize || 10
|
|
77102
77436
|
});
|
|
77103
|
-
const [isPaginationLoading, setIsPaginationLoading] =
|
|
77104
|
-
const [internalExpandedRows, setInternalExpandedRows] =
|
|
77105
|
-
const [filterDrawerOpen, setFilterDrawerOpen] =
|
|
77437
|
+
const [isPaginationLoading, setIsPaginationLoading] = React71__default.useState(false);
|
|
77438
|
+
const [internalExpandedRows, setInternalExpandedRows] = React71__default.useState(/* @__PURE__ */ new Set());
|
|
77439
|
+
const [filterDrawerOpen, setFilterDrawerOpen] = React71__default.useState(false);
|
|
77106
77440
|
const expandedRows = controlledExpandedRows || internalExpandedRows;
|
|
77107
77441
|
const actualPageSize = defaultPageSize || pageSize;
|
|
77108
|
-
const stableData =
|
|
77442
|
+
const stableData = React71__default.useMemo(() => data, [data]);
|
|
77109
77443
|
const createSortingHandler = (columnId) => {
|
|
77110
77444
|
return () => {
|
|
77111
77445
|
const currentSorting = externalState?.sorting ?? sorting;
|
|
@@ -77126,8 +77460,8 @@ function DataTable({
|
|
|
77126
77460
|
}
|
|
77127
77461
|
};
|
|
77128
77462
|
};
|
|
77129
|
-
const tableRef =
|
|
77130
|
-
const handleRowSelectionChange =
|
|
77463
|
+
const tableRef = React71__default.useRef(null);
|
|
77464
|
+
const handleRowSelectionChange = React71__default.useCallback(
|
|
77131
77465
|
(updater) => {
|
|
77132
77466
|
const newSelection = typeof updater === "function" ? updater(rowSelection) : updater;
|
|
77133
77467
|
setRowSelection(newSelection);
|
|
@@ -77141,7 +77475,7 @@ function DataTable({
|
|
|
77141
77475
|
},
|
|
77142
77476
|
[rowSelection, onRowSelect]
|
|
77143
77477
|
);
|
|
77144
|
-
const processedColumns =
|
|
77478
|
+
const processedColumns = React71__default.useMemo(() => {
|
|
77145
77479
|
let cols = columns.map((col) => {
|
|
77146
77480
|
if (!col.id && col.accessorKey) {
|
|
77147
77481
|
return { ...col, id: col.accessorKey };
|
|
@@ -77329,8 +77663,8 @@ function DataTable({
|
|
|
77329
77663
|
tableRef.current = table;
|
|
77330
77664
|
table.getState();
|
|
77331
77665
|
const rowModel = table.getRowModel();
|
|
77332
|
-
const rowsRef =
|
|
77333
|
-
|
|
77666
|
+
const rowsRef = React71__default.useRef(rowModel.rows);
|
|
77667
|
+
React71__default.useMemo(() => {
|
|
77334
77668
|
const changed = rowsRef.current !== rowModel.rows;
|
|
77335
77669
|
if (changed) {
|
|
77336
77670
|
rowsRef.current = rowModel.rows;
|
|
@@ -77370,7 +77704,7 @@ function DataTable({
|
|
|
77370
77704
|
includeHeaders: true
|
|
77371
77705
|
});
|
|
77372
77706
|
};
|
|
77373
|
-
const exportFormats =
|
|
77707
|
+
const exportFormats = React71__default.useMemo(() => {
|
|
77374
77708
|
if (!exportable)
|
|
77375
77709
|
return [];
|
|
77376
77710
|
if (exportable === true)
|
|
@@ -77794,8 +78128,8 @@ function getExpandableColumn(expandedRows, onToggle) {
|
|
|
77794
78128
|
};
|
|
77795
78129
|
}
|
|
77796
78130
|
function useExpandableRows(initialExpanded = /* @__PURE__ */ new Set()) {
|
|
77797
|
-
const [expandedRows, setExpandedRows] =
|
|
77798
|
-
const toggleRow =
|
|
78131
|
+
const [expandedRows, setExpandedRows] = React71__default.useState(initialExpanded);
|
|
78132
|
+
const toggleRow = React71__default.useCallback((id) => {
|
|
77799
78133
|
setExpandedRows((prev) => {
|
|
77800
78134
|
const newExpanded = new Set(prev);
|
|
77801
78135
|
if (newExpanded.has(id)) {
|
|
@@ -77806,10 +78140,10 @@ function useExpandableRows(initialExpanded = /* @__PURE__ */ new Set()) {
|
|
|
77806
78140
|
return newExpanded;
|
|
77807
78141
|
});
|
|
77808
78142
|
}, []);
|
|
77809
|
-
const expandAll =
|
|
78143
|
+
const expandAll = React71__default.useCallback((rowIds) => {
|
|
77810
78144
|
setExpandedRows(new Set(rowIds));
|
|
77811
78145
|
}, []);
|
|
77812
|
-
const collapseAll =
|
|
78146
|
+
const collapseAll = React71__default.useCallback(() => {
|
|
77813
78147
|
setExpandedRows(/* @__PURE__ */ new Set());
|
|
77814
78148
|
}, []);
|
|
77815
78149
|
return {
|
|
@@ -77885,7 +78219,7 @@ var MoonUIDataTable = DataTable;
|
|
|
77885
78219
|
|
|
77886
78220
|
// src/styles/nprogress.css
|
|
77887
78221
|
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.scrollbar-hide::-webkit-scrollbar {\n display: none;\n}\n.scrollbar-hide {\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n.scroll-smooth {\n scroll-behavior: smooth;\n}\n");
|
|
77888
|
-
var SearchInput =
|
|
78222
|
+
var SearchInput = React71__default.memo(({
|
|
77889
78223
|
searchInputRef,
|
|
77890
78224
|
searchPlaceholder,
|
|
77891
78225
|
initialValue,
|
|
@@ -78342,7 +78676,7 @@ function SidebarInternal({
|
|
|
78342
78676
|
) })
|
|
78343
78677
|
] }, item.id);
|
|
78344
78678
|
}, [activePath, pinnedItems, expandedSections, collapsed, customStyles, handleItemClick, toggleSection, isMobile, glassmorphism, renderCollapsedHoverContent, fullWidthItems]);
|
|
78345
|
-
const SidebarHeader =
|
|
78679
|
+
const SidebarHeader = React71__default.memo(() => {
|
|
78346
78680
|
return /* @__PURE__ */ jsxs("div", { className: cn(
|
|
78347
78681
|
"flex items-center h-16 px-4 border-b",
|
|
78348
78682
|
collapsed && !isMobile && "px-0 justify-center"
|
|
@@ -78384,7 +78718,7 @@ function SidebarInternal({
|
|
|
78384
78718
|
)
|
|
78385
78719
|
] });
|
|
78386
78720
|
});
|
|
78387
|
-
const SidebarMenuContent =
|
|
78721
|
+
const SidebarMenuContent = React71__default.memo(() => {
|
|
78388
78722
|
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: [
|
|
78389
78723
|
pinnedItems.length > 0 && (!collapsed || isMobile) && /* @__PURE__ */ jsxs("div", { children: [
|
|
78390
78724
|
/* @__PURE__ */ jsx("h4", { className: "text-xs font-medium text-muted-foreground mb-2", children: "Pinned" }),
|
|
@@ -78401,7 +78735,7 @@ function SidebarInternal({
|
|
|
78401
78735
|
] }) });
|
|
78402
78736
|
});
|
|
78403
78737
|
SidebarMenuContent.displayName = "SidebarMenuContent";
|
|
78404
|
-
const SidebarFooter =
|
|
78738
|
+
const SidebarFooter = React71__default.memo(() => {
|
|
78405
78739
|
return footer ? /* @__PURE__ */ jsxs("div", { className: "border-t p-4", children: [
|
|
78406
78740
|
/* @__PURE__ */ jsx("div", { className: "space-y-1", children: footer.items.map((item) => renderItem(item)) }),
|
|
78407
78741
|
showThemeToggle && (!collapsed || isMobile) && /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center justify-between", children: [
|
|
@@ -78431,7 +78765,7 @@ function SidebarInternal({
|
|
|
78431
78765
|
] }) : null;
|
|
78432
78766
|
});
|
|
78433
78767
|
SidebarFooter.displayName = "SidebarFooter";
|
|
78434
|
-
const SidebarContent =
|
|
78768
|
+
const SidebarContent = React71__default.memo(() => {
|
|
78435
78769
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
78436
78770
|
/* @__PURE__ */ jsx(SidebarMenuContent, {}),
|
|
78437
78771
|
/* @__PURE__ */ jsx(SidebarFooter, {})
|
|
@@ -78819,22 +79153,10 @@ function NavbarInternal({
|
|
|
78819
79153
|
const MobileMenu = () => /* @__PURE__ */ jsxs(Sheet, { open: isOpen, onOpenChange: setIsOpen, children: [
|
|
78820
79154
|
/* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "ghost", size: "icon", className: "md:hidden", children: /* @__PURE__ */ jsx(Menu, { className: "h-5 w-5" }) }) }),
|
|
78821
79155
|
/* @__PURE__ */ jsx(SheetContent, { side: mobileMenuPosition, className: "w-80 p-0", children: /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
|
|
78822
|
-
/* @__PURE__ */
|
|
78823
|
-
branding
|
|
78824
|
-
|
|
78825
|
-
|
|
78826
|
-
] }),
|
|
78827
|
-
/* @__PURE__ */ jsx(
|
|
78828
|
-
MoonUIButtonPro,
|
|
78829
|
-
{
|
|
78830
|
-
variant: "ghost",
|
|
78831
|
-
size: "icon",
|
|
78832
|
-
onClick: () => setIsOpen(false),
|
|
78833
|
-
className: "h-8 w-8",
|
|
78834
|
-
children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
|
|
78835
|
-
}
|
|
78836
|
-
)
|
|
78837
|
-
] }),
|
|
79156
|
+
/* @__PURE__ */ jsx("div", { className: "flex items-center p-4 border-b", children: branding && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
|
|
79157
|
+
branding.logo,
|
|
79158
|
+
branding.title && /* @__PURE__ */ jsx("span", { className: "font-semibold text-lg", children: branding.title })
|
|
79159
|
+
] }) }),
|
|
78838
79160
|
/* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto p-4", children: !hideNavItems && sections.map((section) => /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
|
|
78839
79161
|
section.items.map((item) => /* @__PURE__ */ jsx("div", { children: item.items && item.items.length > 0 ? /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
|
|
78840
79162
|
/* @__PURE__ */ jsx(
|
|
@@ -79069,7 +79391,7 @@ function NavbarInternal({
|
|
|
79069
79391
|
isMinimal && minimalConfig?.centerOnScroll && navItemsPosition !== "center" && "flex-1 justify-center",
|
|
79070
79392
|
navItemsPosition === "center" && "absolute left-1/2 transform -translate-x-1/2"
|
|
79071
79393
|
),
|
|
79072
|
-
children: /* @__PURE__ */ jsx(NavigationMenuList2, { children: sections.map((section) => /* @__PURE__ */ jsx(
|
|
79394
|
+
children: /* @__PURE__ */ jsx(NavigationMenuList2, { children: sections.map((section) => /* @__PURE__ */ jsx(React71__default.Fragment, { children: section.items.map((item) => {
|
|
79073
79395
|
const hasChildren = item.items && item.items.length > 0;
|
|
79074
79396
|
const isActive2 = item.href === activePath;
|
|
79075
79397
|
if (hasChildren) {
|
|
@@ -79539,7 +79861,7 @@ function NavbarInternal({
|
|
|
79539
79861
|
// Minimal için item'ları yay
|
|
79540
79862
|
variant === "minimal" && "w-full justify-between gap-1"
|
|
79541
79863
|
),
|
|
79542
|
-
children: sections.map((section) => /* @__PURE__ */ jsx(
|
|
79864
|
+
children: sections.map((section) => /* @__PURE__ */ jsx(React71__default.Fragment, { children: section.items.map((item) => {
|
|
79543
79865
|
const hasChildren = item.items && item.items.length > 0;
|
|
79544
79866
|
const isActive2 = item.href === activePath;
|
|
79545
79867
|
if (hasChildren) {
|
|
@@ -80741,9 +81063,9 @@ var FormWizardStep = ({
|
|
|
80741
81063
|
animationDuration = 0.3
|
|
80742
81064
|
}) => {
|
|
80743
81065
|
const { steps, currentStep, goToNext, goToPrevious, goToStep, updateStepData, stepData, error } = useFormWizard();
|
|
80744
|
-
const [direction, setDirection] =
|
|
80745
|
-
const previousStep =
|
|
80746
|
-
|
|
81066
|
+
const [direction, setDirection] = React71__default.useState(0);
|
|
81067
|
+
const previousStep = React71__default.useRef(currentStep);
|
|
81068
|
+
React71__default.useEffect(() => {
|
|
80747
81069
|
setDirection(currentStep > previousStep.current ? 1 : -1);
|
|
80748
81070
|
previousStep.current = currentStep;
|
|
80749
81071
|
}, [currentStep]);
|
|
@@ -80879,7 +81201,7 @@ var FormWizardNavigation = ({
|
|
|
80879
81201
|
)
|
|
80880
81202
|
] });
|
|
80881
81203
|
};
|
|
80882
|
-
var FormWizardInternal =
|
|
81204
|
+
var FormWizardInternal = React71__default.forwardRef(({
|
|
80883
81205
|
steps,
|
|
80884
81206
|
currentStep = 0,
|
|
80885
81207
|
onStepChange,
|
|
@@ -80958,7 +81280,7 @@ var FormWizardInternal = React64__default.forwardRef(({
|
|
|
80958
81280
|
);
|
|
80959
81281
|
});
|
|
80960
81282
|
FormWizardInternal.displayName = "FormWizardInternal";
|
|
80961
|
-
var MoonUIFormWizardPro =
|
|
81283
|
+
var MoonUIFormWizardPro = React71__default.forwardRef(
|
|
80962
81284
|
(props, ref) => {
|
|
80963
81285
|
const { hasProAccess, isLoading } = useSubscription();
|
|
80964
81286
|
if (!isLoading && !hasProAccess) {
|
|
@@ -81428,7 +81750,7 @@ function validateExpiry(expiry) {
|
|
|
81428
81750
|
const expiryDate = new Date(year, month - 1);
|
|
81429
81751
|
return expiryDate > now;
|
|
81430
81752
|
}
|
|
81431
|
-
var MoonUICreditCardInputPro =
|
|
81753
|
+
var MoonUICreditCardInputPro = React71__default.forwardRef(({
|
|
81432
81754
|
value = { number: "", expiry: "", cvc: "", name: "" },
|
|
81433
81755
|
onChange,
|
|
81434
81756
|
showCardPreview = true,
|
|
@@ -81675,7 +81997,7 @@ var quizFormVariants = cva(
|
|
|
81675
81997
|
}
|
|
81676
81998
|
}
|
|
81677
81999
|
);
|
|
81678
|
-
var MoonUIQuizFormProInternal =
|
|
82000
|
+
var MoonUIQuizFormProInternal = React71__default.forwardRef(({
|
|
81679
82001
|
className,
|
|
81680
82002
|
variant,
|
|
81681
82003
|
size: size4,
|
|
@@ -82257,7 +82579,7 @@ var MoonUIQuizFormProInternal = React64__default.forwardRef(({
|
|
|
82257
82579
|
] });
|
|
82258
82580
|
});
|
|
82259
82581
|
MoonUIQuizFormProInternal.displayName = "MoonUIQuizFormProInternal";
|
|
82260
|
-
var MoonUIQuizFormPro2 =
|
|
82582
|
+
var MoonUIQuizFormPro2 = React71__default.forwardRef((props, ref) => {
|
|
82261
82583
|
const { hasProAccess, isLoading } = useSubscription();
|
|
82262
82584
|
if (!isLoading && !hasProAccess) {
|
|
82263
82585
|
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: [
|
|
@@ -82689,7 +83011,7 @@ var textRevealVariants = cva(
|
|
|
82689
83011
|
}
|
|
82690
83012
|
}
|
|
82691
83013
|
);
|
|
82692
|
-
var TextReveal =
|
|
83014
|
+
var TextReveal = React71__default.forwardRef(
|
|
82693
83015
|
({
|
|
82694
83016
|
className,
|
|
82695
83017
|
text,
|
|
@@ -83170,7 +83492,7 @@ var iconBadgeMap = {
|
|
|
83170
83492
|
flame: Flame,
|
|
83171
83493
|
zap: Zap
|
|
83172
83494
|
};
|
|
83173
|
-
var MoonUIAvatarPro2 =
|
|
83495
|
+
var MoonUIAvatarPro2 = React71.forwardRef(({
|
|
83174
83496
|
className,
|
|
83175
83497
|
size: size4,
|
|
83176
83498
|
shape,
|
|
@@ -83199,7 +83521,7 @@ var MoonUIAvatarPro2 = React64.forwardRef(({
|
|
|
83199
83521
|
spin: "animate-spin",
|
|
83200
83522
|
ping: "animate-ping"
|
|
83201
83523
|
};
|
|
83202
|
-
const ringStyle =
|
|
83524
|
+
const ringStyle = React71.useMemo(() => {
|
|
83203
83525
|
if (ring === "gradient" && gradientFrom && gradientTo) {
|
|
83204
83526
|
return {
|
|
83205
83527
|
background: `linear-gradient(135deg, ${gradientFrom}, ${gradientTo})`,
|
|
@@ -83289,9 +83611,9 @@ var MoonUIAvatarPro2 = React64.forwardRef(({
|
|
|
83289
83611
|
] });
|
|
83290
83612
|
});
|
|
83291
83613
|
MoonUIAvatarPro2.displayName = "MoonUIAvatarPro";
|
|
83292
|
-
var MoonUIAvatarGroupPro2 =
|
|
83614
|
+
var MoonUIAvatarGroupPro2 = React71.forwardRef(({ children, max: max2 = 4, size: size4 = "md", spacing = "normal", className }, ref) => {
|
|
83293
83615
|
const { hasProAccess, isLoading: isCheckingAuth } = useSubscription();
|
|
83294
|
-
const childrenArray =
|
|
83616
|
+
const childrenArray = React71.Children.toArray(children);
|
|
83295
83617
|
const visibleChildren = childrenArray.slice(0, max2);
|
|
83296
83618
|
const remainingCount = childrenArray.length - max2;
|
|
83297
83619
|
const spacingClasses = {
|
|
@@ -83343,12 +83665,12 @@ var MoonUIAvatarGroupPro2 = React64.forwardRef(({ children, max: max2 = 4, size:
|
|
|
83343
83665
|
);
|
|
83344
83666
|
});
|
|
83345
83667
|
MoonUIAvatarGroupPro2.displayName = "MoonUIAvatarGroupPro";
|
|
83346
|
-
var MoonUIAsyncAvatarPro =
|
|
83668
|
+
var MoonUIAsyncAvatarPro = React71.forwardRef(({ userId, fetchUser, ...props }, ref) => {
|
|
83347
83669
|
const { hasProAccess, isLoading: isCheckingAuth } = useSubscription();
|
|
83348
|
-
const [userData, setUserData] =
|
|
83349
|
-
const [isLoading, setIsLoading] =
|
|
83350
|
-
const [hasError, setHasError] =
|
|
83351
|
-
|
|
83670
|
+
const [userData, setUserData] = React71.useState(null);
|
|
83671
|
+
const [isLoading, setIsLoading] = React71.useState(false);
|
|
83672
|
+
const [hasError, setHasError] = React71.useState(false);
|
|
83673
|
+
React71.useEffect(() => {
|
|
83352
83674
|
if (userId && fetchUser) {
|
|
83353
83675
|
setIsLoading(true);
|
|
83354
83676
|
setHasError(false);
|
|
@@ -83750,7 +84072,7 @@ function ChartWidget2({
|
|
|
83750
84072
|
...widgetProps
|
|
83751
84073
|
}) {
|
|
83752
84074
|
const { hasProAccess, isLoading } = useSubscription();
|
|
83753
|
-
const [hoveredIndex, setHoveredIndex] =
|
|
84075
|
+
const [hoveredIndex, setHoveredIndex] = React71__default.useState(null);
|
|
83754
84076
|
const defaultColors2 = [
|
|
83755
84077
|
"#3b82f6",
|
|
83756
84078
|
// blue
|
|
@@ -83774,7 +84096,7 @@ function ChartWidget2({
|
|
|
83774
84096
|
// purple
|
|
83775
84097
|
];
|
|
83776
84098
|
const chartColors = colors || defaultColors2;
|
|
83777
|
-
const maxValue =
|
|
84099
|
+
const maxValue = React71__default.useMemo(() => {
|
|
83778
84100
|
if (data.values) {
|
|
83779
84101
|
return Math.max(...data.values);
|
|
83780
84102
|
}
|
|
@@ -84475,14 +84797,14 @@ function FunnelWidget({
|
|
|
84475
84797
|
...widgetProps
|
|
84476
84798
|
}) {
|
|
84477
84799
|
const { hasProAccess, isLoading } = useSubscription();
|
|
84478
|
-
const [hoveredStage, setHoveredStage] =
|
|
84800
|
+
const [hoveredStage, setHoveredStage] = React71__default.useState(null);
|
|
84479
84801
|
const formatNumber2 = (value) => {
|
|
84480
84802
|
if (value % 1 !== 0) {
|
|
84481
84803
|
return (Math.round(value * 100) / 100).toString();
|
|
84482
84804
|
}
|
|
84483
84805
|
return value.toString();
|
|
84484
84806
|
};
|
|
84485
|
-
const processedStages =
|
|
84807
|
+
const processedStages = React71__default.useMemo(() => {
|
|
84486
84808
|
const maxValue = Math.max(...data.stages.map((s) => s.value));
|
|
84487
84809
|
return data.stages.map((stage, index2) => {
|
|
84488
84810
|
const percentage = stage.percentage ?? stage.value / maxValue * 100;
|
|
@@ -84634,7 +84956,7 @@ function FunnelWidget({
|
|
|
84634
84956
|
const icon = getStageIcon(stage, index2);
|
|
84635
84957
|
const isHovered = hoveredStage === stage.id;
|
|
84636
84958
|
const isLast = index2 === processedStages.length - 1;
|
|
84637
|
-
return /* @__PURE__ */ jsxs(
|
|
84959
|
+
return /* @__PURE__ */ jsxs(React71__default.Fragment, { children: [
|
|
84638
84960
|
/* @__PURE__ */ jsxs(
|
|
84639
84961
|
motion.div,
|
|
84640
84962
|
{
|
|
@@ -84833,7 +85155,7 @@ function RevenueWidget({
|
|
|
84833
85155
|
...widgetProps
|
|
84834
85156
|
}) {
|
|
84835
85157
|
const { hasProAccess, isLoading } = useSubscription();
|
|
84836
|
-
const [selectedTab, setSelectedTab] =
|
|
85158
|
+
const [selectedTab, setSelectedTab] = React71__default.useState("overview");
|
|
84837
85159
|
const formatNumber2 = (value) => {
|
|
84838
85160
|
if (value % 1 !== 0) {
|
|
84839
85161
|
return (Math.round(value * 100) / 100).toString();
|
|
@@ -85279,8 +85601,8 @@ function ServerMonitorWidget({
|
|
|
85279
85601
|
}) {
|
|
85280
85602
|
const { hasProAccess, isLoading } = useSubscription();
|
|
85281
85603
|
const servers = Array.isArray(data) ? data : [data];
|
|
85282
|
-
const [selectedTab, setSelectedTab] =
|
|
85283
|
-
const [liveData, setLiveData] =
|
|
85604
|
+
const [selectedTab, setSelectedTab] = React71__default.useState("overview");
|
|
85605
|
+
const [liveData, setLiveData] = React71__default.useState(servers);
|
|
85284
85606
|
const formatNumber2 = (value) => {
|
|
85285
85607
|
if (typeof value === "string")
|
|
85286
85608
|
return value;
|
|
@@ -85289,7 +85611,7 @@ function ServerMonitorWidget({
|
|
|
85289
85611
|
}
|
|
85290
85612
|
return value.toString();
|
|
85291
85613
|
};
|
|
85292
|
-
|
|
85614
|
+
React71__default.useEffect(() => {
|
|
85293
85615
|
if (!animate4)
|
|
85294
85616
|
return;
|
|
85295
85617
|
const interval = setInterval(() => {
|
|
@@ -85941,7 +86263,7 @@ var ConfettiInternal = ({
|
|
|
85941
86263
|
fireConfetti();
|
|
85942
86264
|
}
|
|
85943
86265
|
}, [active, fireConfetti]);
|
|
85944
|
-
|
|
86266
|
+
React71__default.useImperativeHandle(
|
|
85945
86267
|
void 0,
|
|
85946
86268
|
() => ({
|
|
85947
86269
|
fire: fireConfetti
|
|
@@ -86809,7 +87131,7 @@ var RevealCards = ({
|
|
|
86809
87131
|
staggerDelay = 100,
|
|
86810
87132
|
className
|
|
86811
87133
|
}) => {
|
|
86812
|
-
return /* @__PURE__ */ jsx("div", { className: cn("space-y-4", className), children:
|
|
87134
|
+
return /* @__PURE__ */ jsx("div", { className: cn("space-y-4", className), children: React71__default.Children.map(children, (child, index2) => /* @__PURE__ */ jsx(
|
|
86813
87135
|
RevealCard,
|
|
86814
87136
|
{
|
|
86815
87137
|
trigger,
|
|
@@ -87118,7 +87440,7 @@ AuroraBackground.displayName = "AuroraBackground";
|
|
|
87118
87440
|
var ParticlesInternal = ({
|
|
87119
87441
|
children,
|
|
87120
87442
|
className,
|
|
87121
|
-
count:
|
|
87443
|
+
count: count3 = 50,
|
|
87122
87444
|
size: size4 = { min: 1, max: 3 },
|
|
87123
87445
|
colors = ["#ffffff", "#00d4ff", "#ff00ff", "#ffff00"],
|
|
87124
87446
|
speed = 0.5,
|
|
@@ -87331,7 +87653,7 @@ var ParticlesInternal = ({
|
|
|
87331
87653
|
canvas.width = rect.width;
|
|
87332
87654
|
canvas.height = rect.height;
|
|
87333
87655
|
const newParticles = [];
|
|
87334
|
-
for (let i = 0; i <
|
|
87656
|
+
for (let i = 0; i < count3; i++) {
|
|
87335
87657
|
const particle = {
|
|
87336
87658
|
x: Math.random() * canvas.width,
|
|
87337
87659
|
y: Math.random() * canvas.height,
|
|
@@ -87348,7 +87670,7 @@ var ParticlesInternal = ({
|
|
|
87348
87670
|
newParticles.push(particle);
|
|
87349
87671
|
}
|
|
87350
87672
|
particlesRef.current = newParticles;
|
|
87351
|
-
}, [
|
|
87673
|
+
}, [count3, size4, colors, speed, opacity]);
|
|
87352
87674
|
const handleMouseMove2 = useCallback((e) => {
|
|
87353
87675
|
const canvas = canvasRef.current;
|
|
87354
87676
|
if (!canvas)
|
|
@@ -87397,7 +87719,7 @@ var ParticlesInternal = ({
|
|
|
87397
87719
|
canvas.width = rect.width;
|
|
87398
87720
|
canvas.height = rect.height;
|
|
87399
87721
|
const newParticles = [];
|
|
87400
|
-
for (let i = 0; i <
|
|
87722
|
+
for (let i = 0; i < count3; i++) {
|
|
87401
87723
|
const particle = {
|
|
87402
87724
|
x: Math.random() * canvas.width,
|
|
87403
87725
|
y: Math.random() * canvas.height,
|
|
@@ -87427,7 +87749,7 @@ var ParticlesInternal = ({
|
|
|
87427
87749
|
cancelAnimationFrame(animationRef.current);
|
|
87428
87750
|
}
|
|
87429
87751
|
};
|
|
87430
|
-
}, [handleResize, handleMouseMove2, animate4, interactive,
|
|
87752
|
+
}, [handleResize, handleMouseMove2, animate4, interactive, count3, size4, colors, speed, opacity]);
|
|
87431
87753
|
const canvasStyle = useMemo(() => ({
|
|
87432
87754
|
willChange: "transform",
|
|
87433
87755
|
transform: "translate3d(0, 0, 0)",
|
|
@@ -89375,16 +89697,16 @@ var M = (e, i, s, u, m, a, l, h2) => {
|
|
|
89375
89697
|
} catch (n) {
|
|
89376
89698
|
}
|
|
89377
89699
|
};
|
|
89378
|
-
var x =
|
|
89700
|
+
var x = React71.createContext(void 0);
|
|
89379
89701
|
var U = { setTheme: (e) => {
|
|
89380
89702
|
}, themes: [] };
|
|
89381
89703
|
var z = () => {
|
|
89382
89704
|
var e;
|
|
89383
|
-
return (e =
|
|
89705
|
+
return (e = React71.useContext(x)) != null ? e : U;
|
|
89384
89706
|
};
|
|
89385
|
-
|
|
89707
|
+
React71.memo(({ forcedTheme: e, storageKey: i, attribute: s, enableSystem: u, enableColorScheme: m, defaultTheme: a, value: l, themes: h2, nonce: d, scriptProps: w }) => {
|
|
89386
89708
|
let p = JSON.stringify([s, i, a, e, h2, l, u, m]).slice(1, -1);
|
|
89387
|
-
return
|
|
89709
|
+
return React71.createElement("script", { ...w, suppressHydrationWarning: true, nonce: typeof window == "undefined" ? d : "", dangerouslySetInnerHTML: { __html: `(${M.toString()})(${p})` } });
|
|
89388
89710
|
});
|
|
89389
89711
|
var MeshGradientInternal = ({
|
|
89390
89712
|
children,
|
|
@@ -90728,7 +91050,7 @@ var FloatingElementsInternal = ({
|
|
|
90728
91050
|
children,
|
|
90729
91051
|
className,
|
|
90730
91052
|
containerClassName,
|
|
90731
|
-
count:
|
|
91053
|
+
count: count3 = 20,
|
|
90732
91054
|
shapes = ["circle", "square", "triangle"],
|
|
90733
91055
|
colors = ["#667eea", "#764ba2", "#f093fb", "#c471ed", "#12c2e9"],
|
|
90734
91056
|
sizeRange = [20, 60],
|
|
@@ -90761,7 +91083,7 @@ var FloatingElementsInternal = ({
|
|
|
90761
91083
|
return;
|
|
90762
91084
|
const elements = [];
|
|
90763
91085
|
const [minSize, maxSize] = sizeRange;
|
|
90764
|
-
for (let i = 0; i <
|
|
91086
|
+
for (let i = 0; i < count3; i++) {
|
|
90765
91087
|
const element = {
|
|
90766
91088
|
x: Math.random() * canvas.width,
|
|
90767
91089
|
y: Math.random() * canvas.height,
|
|
@@ -90779,7 +91101,7 @@ var FloatingElementsInternal = ({
|
|
|
90779
91101
|
elements.push(element);
|
|
90780
91102
|
}
|
|
90781
91103
|
elementsRef.current = elements;
|
|
90782
|
-
}, [
|
|
91104
|
+
}, [count3, shapes, colors, sizeRange, speed, rotationSpeed, enable3D, depth]);
|
|
90783
91105
|
const drawShape = useCallback((ctx, element) => {
|
|
90784
91106
|
ctx.save();
|
|
90785
91107
|
const perspectiveScale = enable3D ? 1 + element.z / depth : 1;
|
|
@@ -91068,7 +91390,7 @@ var BubbleBackgroundInternal = ({
|
|
|
91068
91390
|
children,
|
|
91069
91391
|
className,
|
|
91070
91392
|
containerClassName,
|
|
91071
|
-
count:
|
|
91393
|
+
count: count3 = 30,
|
|
91072
91394
|
colors = ["#667eea", "#764ba2", "#f093fb", "#c471ed", "#12c2e9"],
|
|
91073
91395
|
sizeRange = [20, 80],
|
|
91074
91396
|
speed = 1,
|
|
@@ -91191,14 +91513,14 @@ var BubbleBackgroundInternal = ({
|
|
|
91191
91513
|
const actualWidth = rect.width;
|
|
91192
91514
|
const actualHeight = rect.height;
|
|
91193
91515
|
const bubbles = [];
|
|
91194
|
-
for (let i = 0; i <
|
|
91516
|
+
for (let i = 0; i < count3; i++) {
|
|
91195
91517
|
const bubble = createBubble(canvas);
|
|
91196
91518
|
bubble.y = Math.random() * (actualHeight + 100);
|
|
91197
91519
|
bubble.x = -50 + Math.random() * (actualWidth + 100);
|
|
91198
91520
|
bubbles.push(bubble);
|
|
91199
91521
|
}
|
|
91200
91522
|
bubblesRef.current = bubbles;
|
|
91201
|
-
}, [
|
|
91523
|
+
}, [count3, createBubble]);
|
|
91202
91524
|
const drawBubble = useCallback((ctx, bubble) => {
|
|
91203
91525
|
ctx.save();
|
|
91204
91526
|
ctx.translate(bubble.x, bubble.y);
|
|
@@ -91236,7 +91558,7 @@ var BubbleBackgroundInternal = ({
|
|
|
91236
91558
|
const updateBubbles = useCallback((canvas, deltaTime) => {
|
|
91237
91559
|
const bubbles = bubblesRef.current;
|
|
91238
91560
|
const time = timeRef.current;
|
|
91239
|
-
if (bubbles.length <
|
|
91561
|
+
if (bubbles.length < count3) {
|
|
91240
91562
|
const newBubble = createBubble(canvas);
|
|
91241
91563
|
bubbles.push(newBubble);
|
|
91242
91564
|
}
|
|
@@ -91344,11 +91666,11 @@ var BubbleBackgroundInternal = ({
|
|
|
91344
91666
|
Object.assign(bubble, newBubble);
|
|
91345
91667
|
}
|
|
91346
91668
|
});
|
|
91347
|
-
while (bubbles.length >
|
|
91669
|
+
while (bubbles.length > count3) {
|
|
91348
91670
|
bubbles.pop();
|
|
91349
91671
|
}
|
|
91350
91672
|
}, [
|
|
91351
|
-
|
|
91673
|
+
count3,
|
|
91352
91674
|
speed,
|
|
91353
91675
|
wobble,
|
|
91354
91676
|
popping,
|
|
@@ -93166,7 +93488,7 @@ var SparklesInternal = ({
|
|
|
93166
93488
|
className,
|
|
93167
93489
|
containerClassName,
|
|
93168
93490
|
color = "#ffd700",
|
|
93169
|
-
count:
|
|
93491
|
+
count: count3 = 10,
|
|
93170
93492
|
size: size4 = { min: 10, max: 20 },
|
|
93171
93493
|
duration = { min: 1e3, max: 3e3 },
|
|
93172
93494
|
density = "medium",
|
|
@@ -93239,8 +93561,8 @@ var SparklesInternal = ({
|
|
|
93239
93561
|
const newSparkle = createSparkle(x2, y);
|
|
93240
93562
|
setSparkles((prev) => {
|
|
93241
93563
|
const updated = [...prev, newSparkle];
|
|
93242
|
-
if (updated.length >
|
|
93243
|
-
return updated.slice(-
|
|
93564
|
+
if (updated.length > count3) {
|
|
93565
|
+
return updated.slice(-count3);
|
|
93244
93566
|
}
|
|
93245
93567
|
return updated;
|
|
93246
93568
|
});
|
|
@@ -97075,11 +97397,11 @@ var ScrollRevealInternal = ({
|
|
|
97075
97397
|
const processChildren = () => {
|
|
97076
97398
|
if (!cascade && !stagger)
|
|
97077
97399
|
return children;
|
|
97078
|
-
const childArray =
|
|
97400
|
+
const childArray = React71__default.Children.toArray(children);
|
|
97079
97401
|
return childArray.map((child, index2) => {
|
|
97080
|
-
if (
|
|
97402
|
+
if (React71__default.isValidElement(child)) {
|
|
97081
97403
|
const childDelay = cascade ? delay + index2 * cascadeDelay : stagger ? delay + index2 * staggerDelay : delay;
|
|
97082
|
-
return
|
|
97404
|
+
return React71__default.cloneElement(child, {
|
|
97083
97405
|
style: {
|
|
97084
97406
|
...child.props.style || {},
|
|
97085
97407
|
transitionDelay: `${childDelay}ms`,
|
|
@@ -97154,7 +97476,7 @@ var ScrollRevealInternal = ({
|
|
|
97154
97476
|
"data-animation": animation,
|
|
97155
97477
|
"data-visible": isVisible
|
|
97156
97478
|
};
|
|
97157
|
-
return
|
|
97479
|
+
return React71__default.createElement(
|
|
97158
97480
|
Component2,
|
|
97159
97481
|
elementProps,
|
|
97160
97482
|
/* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -97455,7 +97777,7 @@ var BounceEffectInternal = ({
|
|
|
97455
97777
|
transitionDelay: `${i * 20}ms`,
|
|
97456
97778
|
...getShadowStyle()
|
|
97457
97779
|
},
|
|
97458
|
-
children:
|
|
97780
|
+
children: React71__default.isValidElement(children) && React71__default.cloneElement(children, {
|
|
97459
97781
|
style: { opacity: 0.5 }
|
|
97460
97782
|
})
|
|
97461
97783
|
},
|
|
@@ -98266,7 +98588,7 @@ var PathAnimationsInternal = ({
|
|
|
98266
98588
|
transform: `translate(${pos.x - 20}px, ${pos.y - 20}px)`,
|
|
98267
98589
|
opacity: pos.opacity
|
|
98268
98590
|
},
|
|
98269
|
-
children:
|
|
98591
|
+
children: React71__default.isValidElement(children) && React71__default.cloneElement(children, {
|
|
98270
98592
|
style: {
|
|
98271
98593
|
...children.props.style,
|
|
98272
98594
|
opacity: pos.opacity,
|
|
@@ -99419,7 +99741,7 @@ var TouchGesturesInternal = ({
|
|
|
99419
99741
|
`,
|
|
99420
99742
|
transformOrigin: "center center"
|
|
99421
99743
|
},
|
|
99422
|
-
children:
|
|
99744
|
+
children: React71__default.isValidElement(children) && React71__default.cloneElement(children, {
|
|
99423
99745
|
style: {
|
|
99424
99746
|
...children.props.style,
|
|
99425
99747
|
opacity: 0.5
|