@cnc-ti/layout-basic 8.2.2 → 8.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +367 -37
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +126 -2
- package/dist/index.d.ts +126 -2
- package/dist/index.js +967 -707
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +932 -697
- package/dist/index.mjs.map +1 -1
- package/package.json +4 -1
package/dist/index.mjs
CHANGED
|
@@ -11,57 +11,57 @@ import { Slot } from "@radix-ui/react-slot";
|
|
|
11
11
|
function r(e) {
|
|
12
12
|
var t, f, n = "";
|
|
13
13
|
if ("string" == typeof e || "number" == typeof e) n += e;
|
|
14
|
-
else if ("object" == typeof e) if (Array.isArray(e))
|
|
15
|
-
|
|
14
|
+
else if ("object" == typeof e) if (Array.isArray(e)) {
|
|
15
|
+
var o = e.length;
|
|
16
|
+
for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
|
|
17
|
+
} else for (f in e) e[f] && (n && (n += " "), n += f);
|
|
16
18
|
return n;
|
|
17
19
|
}
|
|
18
20
|
function clsx() {
|
|
19
|
-
for (var e, t, f = 0, n = ""
|
|
21
|
+
for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
|
|
20
22
|
return n;
|
|
21
23
|
}
|
|
22
24
|
|
|
23
25
|
// ../../node_modules/class-variance-authority/dist/index.mjs
|
|
24
|
-
var falsyToString = (value) => typeof value === "boolean" ?
|
|
26
|
+
var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
|
|
25
27
|
var cx = clsx;
|
|
26
|
-
var cva = (base, config) => {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
const
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
if (value === void 0) {
|
|
41
|
-
return acc;
|
|
42
|
-
}
|
|
43
|
-
acc[key] = value;
|
|
28
|
+
var cva = (base, config) => (props) => {
|
|
29
|
+
var _config_compoundVariants;
|
|
30
|
+
if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
|
|
31
|
+
const { variants, defaultVariants } = config;
|
|
32
|
+
const getVariantClassNames = Object.keys(variants).map((variant) => {
|
|
33
|
+
const variantProp = props === null || props === void 0 ? void 0 : props[variant];
|
|
34
|
+
const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
|
|
35
|
+
if (variantProp === null) return null;
|
|
36
|
+
const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
|
|
37
|
+
return variants[variant][variantKey];
|
|
38
|
+
});
|
|
39
|
+
const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {
|
|
40
|
+
let [key, value] = param;
|
|
41
|
+
if (value === void 0) {
|
|
44
42
|
return acc;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
...
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
43
|
+
}
|
|
44
|
+
acc[key] = value;
|
|
45
|
+
return acc;
|
|
46
|
+
}, {});
|
|
47
|
+
const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param) => {
|
|
48
|
+
let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;
|
|
49
|
+
return Object.entries(compoundVariantOptions).every((param2) => {
|
|
50
|
+
let [key, value] = param2;
|
|
51
|
+
return Array.isArray(value) ? value.includes({
|
|
52
|
+
...defaultVariants,
|
|
53
|
+
...propsWithoutUndefined
|
|
54
|
+
}[key]) : {
|
|
55
|
+
...defaultVariants,
|
|
56
|
+
...propsWithoutUndefined
|
|
57
|
+
}[key] === value;
|
|
58
|
+
}) ? [
|
|
59
|
+
...acc,
|
|
60
|
+
cvClass,
|
|
61
|
+
cvClassName
|
|
62
|
+
] : acc;
|
|
63
|
+
}, []);
|
|
64
|
+
return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
|
|
65
65
|
};
|
|
66
66
|
|
|
67
67
|
// ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
|
|
@@ -138,11 +138,19 @@ var createLucideIcon = (iconName, iconNode) => {
|
|
|
138
138
|
// ../../node_modules/lucide-react/dist/esm/icons/check.js
|
|
139
139
|
var Check = createLucideIcon("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
|
|
140
140
|
|
|
141
|
+
// ../../node_modules/lucide-react/dist/esm/icons/chevron-down.js
|
|
142
|
+
var ChevronDown = createLucideIcon("ChevronDown", [
|
|
143
|
+
["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
|
|
144
|
+
]);
|
|
145
|
+
|
|
141
146
|
// ../../node_modules/lucide-react/dist/esm/icons/chevron-right.js
|
|
142
147
|
var ChevronRight = createLucideIcon("ChevronRight", [
|
|
143
148
|
["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
|
|
144
149
|
]);
|
|
145
150
|
|
|
151
|
+
// ../../node_modules/lucide-react/dist/esm/icons/chevron-up.js
|
|
152
|
+
var ChevronUp = createLucideIcon("ChevronUp", [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]]);
|
|
153
|
+
|
|
146
154
|
// ../../node_modules/lucide-react/dist/esm/icons/circle.js
|
|
147
155
|
var Circle = createLucideIcon("Circle", [
|
|
148
156
|
["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
|
|
@@ -1317,7 +1325,7 @@ var getDefaultConfig = () => {
|
|
|
1317
1325
|
* Font Variant Numeric
|
|
1318
1326
|
* @see https://tailwindcss.com/docs/font-variant-numeric
|
|
1319
1327
|
*/
|
|
1320
|
-
"fvn-fraction": ["diagonal-fractions", "stacked-
|
|
1328
|
+
"fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
|
|
1321
1329
|
/**
|
|
1322
1330
|
* Letter Spacing
|
|
1323
1331
|
* @see https://tailwindcss.com/docs/letter-spacing
|
|
@@ -2705,7 +2713,7 @@ var Button = React.forwardRef(
|
|
|
2705
2713
|
Button.displayName = "Button";
|
|
2706
2714
|
|
|
2707
2715
|
// ../../node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs
|
|
2708
|
-
import * as
|
|
2716
|
+
import * as React31 from "react";
|
|
2709
2717
|
|
|
2710
2718
|
// ../../node_modules/@radix-ui/primitive/dist/index.mjs
|
|
2711
2719
|
function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
|
|
@@ -2721,13 +2729,34 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
|
|
|
2721
2729
|
import * as React2 from "react";
|
|
2722
2730
|
function setRef(ref, value) {
|
|
2723
2731
|
if (typeof ref === "function") {
|
|
2724
|
-
ref(value);
|
|
2732
|
+
return ref(value);
|
|
2725
2733
|
} else if (ref !== null && ref !== void 0) {
|
|
2726
2734
|
ref.current = value;
|
|
2727
2735
|
}
|
|
2728
2736
|
}
|
|
2729
2737
|
function composeRefs(...refs) {
|
|
2730
|
-
return (node) =>
|
|
2738
|
+
return (node) => {
|
|
2739
|
+
let hasCleanup = false;
|
|
2740
|
+
const cleanups = refs.map((ref) => {
|
|
2741
|
+
const cleanup = setRef(ref, node);
|
|
2742
|
+
if (!hasCleanup && typeof cleanup == "function") {
|
|
2743
|
+
hasCleanup = true;
|
|
2744
|
+
}
|
|
2745
|
+
return cleanup;
|
|
2746
|
+
});
|
|
2747
|
+
if (hasCleanup) {
|
|
2748
|
+
return () => {
|
|
2749
|
+
for (let i = 0; i < cleanups.length; i++) {
|
|
2750
|
+
const cleanup = cleanups[i];
|
|
2751
|
+
if (typeof cleanup == "function") {
|
|
2752
|
+
cleanup();
|
|
2753
|
+
} else {
|
|
2754
|
+
setRef(refs[i], null);
|
|
2755
|
+
}
|
|
2756
|
+
}
|
|
2757
|
+
};
|
|
2758
|
+
}
|
|
2759
|
+
};
|
|
2731
2760
|
}
|
|
2732
2761
|
function useComposedRefs(...refs) {
|
|
2733
2762
|
return React2.useCallback(composeRefs(...refs), refs);
|
|
@@ -2905,118 +2934,55 @@ function dispatchDiscreteCustomEvent(target, event) {
|
|
|
2905
2934
|
}
|
|
2906
2935
|
|
|
2907
2936
|
// ../../node_modules/@radix-ui/react-menu/dist/index.mjs
|
|
2908
|
-
import * as
|
|
2909
|
-
|
|
2910
|
-
// ../../node_modules/@radix-ui/react-collection/dist/index.mjs
|
|
2911
|
-
import React8 from "react";
|
|
2912
|
-
|
|
2913
|
-
// ../../node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-context/dist/index.mjs
|
|
2914
|
-
import * as React7 from "react";
|
|
2915
|
-
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
2916
|
-
function createContextScope2(scopeName, createContextScopeDeps = []) {
|
|
2917
|
-
let defaultContexts = [];
|
|
2918
|
-
function createContext32(rootComponentName, defaultContext) {
|
|
2919
|
-
const BaseContext = React7.createContext(defaultContext);
|
|
2920
|
-
const index2 = defaultContexts.length;
|
|
2921
|
-
defaultContexts = [...defaultContexts, defaultContext];
|
|
2922
|
-
function Provider(props) {
|
|
2923
|
-
const { scope, children, ...context } = props;
|
|
2924
|
-
const Context = scope?.[scopeName][index2] || BaseContext;
|
|
2925
|
-
const value = React7.useMemo(() => context, Object.values(context));
|
|
2926
|
-
return /* @__PURE__ */ jsx4(Context.Provider, { value, children });
|
|
2927
|
-
}
|
|
2928
|
-
function useContext22(consumerName, scope) {
|
|
2929
|
-
const Context = scope?.[scopeName][index2] || BaseContext;
|
|
2930
|
-
const context = React7.useContext(Context);
|
|
2931
|
-
if (context) return context;
|
|
2932
|
-
if (defaultContext !== void 0) return defaultContext;
|
|
2933
|
-
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
|
2934
|
-
}
|
|
2935
|
-
Provider.displayName = rootComponentName + "Provider";
|
|
2936
|
-
return [Provider, useContext22];
|
|
2937
|
-
}
|
|
2938
|
-
const createScope = () => {
|
|
2939
|
-
const scopeContexts = defaultContexts.map((defaultContext) => {
|
|
2940
|
-
return React7.createContext(defaultContext);
|
|
2941
|
-
});
|
|
2942
|
-
return function useScope(scope) {
|
|
2943
|
-
const contexts = scope?.[scopeName] || scopeContexts;
|
|
2944
|
-
return React7.useMemo(
|
|
2945
|
-
() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
|
|
2946
|
-
[scope, contexts]
|
|
2947
|
-
);
|
|
2948
|
-
};
|
|
2949
|
-
};
|
|
2950
|
-
createScope.scopeName = scopeName;
|
|
2951
|
-
return [createContext32, composeContextScopes2(createScope, ...createContextScopeDeps)];
|
|
2952
|
-
}
|
|
2953
|
-
function composeContextScopes2(...scopes) {
|
|
2954
|
-
const baseScope = scopes[0];
|
|
2955
|
-
if (scopes.length === 1) return baseScope;
|
|
2956
|
-
const createScope = () => {
|
|
2957
|
-
const scopeHooks = scopes.map((createScope2) => ({
|
|
2958
|
-
useScope: createScope2(),
|
|
2959
|
-
scopeName: createScope2.scopeName
|
|
2960
|
-
}));
|
|
2961
|
-
return function useComposedScopes(overrideScopes) {
|
|
2962
|
-
const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
|
|
2963
|
-
const scopeProps = useScope(overrideScopes);
|
|
2964
|
-
const currentScope = scopeProps[`__scope${scopeName}`];
|
|
2965
|
-
return { ...nextScopes2, ...currentScope };
|
|
2966
|
-
}, {});
|
|
2967
|
-
return React7.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
|
|
2968
|
-
};
|
|
2969
|
-
};
|
|
2970
|
-
createScope.scopeName = baseScope.scopeName;
|
|
2971
|
-
return createScope;
|
|
2972
|
-
}
|
|
2937
|
+
import * as React30 from "react";
|
|
2973
2938
|
|
|
2974
2939
|
// ../../node_modules/@radix-ui/react-collection/dist/index.mjs
|
|
2940
|
+
import React7 from "react";
|
|
2975
2941
|
import { Slot as Slot3 } from "@radix-ui/react-slot";
|
|
2976
|
-
import { jsx as
|
|
2942
|
+
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
2977
2943
|
function createCollection(name) {
|
|
2978
2944
|
const PROVIDER_NAME = name + "CollectionProvider";
|
|
2979
|
-
const [createCollectionContext, createCollectionScope3] =
|
|
2945
|
+
const [createCollectionContext, createCollectionScope3] = createContextScope(PROVIDER_NAME);
|
|
2980
2946
|
const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
|
|
2981
2947
|
PROVIDER_NAME,
|
|
2982
2948
|
{ collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
|
|
2983
2949
|
);
|
|
2984
2950
|
const CollectionProvider = (props) => {
|
|
2985
2951
|
const { scope, children } = props;
|
|
2986
|
-
const ref =
|
|
2987
|
-
const itemMap =
|
|
2988
|
-
return /* @__PURE__ */
|
|
2952
|
+
const ref = React7.useRef(null);
|
|
2953
|
+
const itemMap = React7.useRef(/* @__PURE__ */ new Map()).current;
|
|
2954
|
+
return /* @__PURE__ */ jsx4(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
|
|
2989
2955
|
};
|
|
2990
2956
|
CollectionProvider.displayName = PROVIDER_NAME;
|
|
2991
2957
|
const COLLECTION_SLOT_NAME = name + "CollectionSlot";
|
|
2992
|
-
const CollectionSlot =
|
|
2958
|
+
const CollectionSlot = React7.forwardRef(
|
|
2993
2959
|
(props, forwardedRef) => {
|
|
2994
2960
|
const { scope, children } = props;
|
|
2995
2961
|
const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
|
|
2996
2962
|
const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
|
|
2997
|
-
return /* @__PURE__ */
|
|
2963
|
+
return /* @__PURE__ */ jsx4(Slot3, { ref: composedRefs, children });
|
|
2998
2964
|
}
|
|
2999
2965
|
);
|
|
3000
2966
|
CollectionSlot.displayName = COLLECTION_SLOT_NAME;
|
|
3001
2967
|
const ITEM_SLOT_NAME = name + "CollectionItemSlot";
|
|
3002
2968
|
const ITEM_DATA_ATTR = "data-radix-collection-item";
|
|
3003
|
-
const CollectionItemSlot =
|
|
2969
|
+
const CollectionItemSlot = React7.forwardRef(
|
|
3004
2970
|
(props, forwardedRef) => {
|
|
3005
2971
|
const { scope, children, ...itemData } = props;
|
|
3006
|
-
const ref =
|
|
2972
|
+
const ref = React7.useRef(null);
|
|
3007
2973
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
3008
2974
|
const context = useCollectionContext(ITEM_SLOT_NAME, scope);
|
|
3009
|
-
|
|
2975
|
+
React7.useEffect(() => {
|
|
3010
2976
|
context.itemMap.set(ref, { ref, ...itemData });
|
|
3011
2977
|
return () => void context.itemMap.delete(ref);
|
|
3012
2978
|
});
|
|
3013
|
-
return /* @__PURE__ */
|
|
2979
|
+
return /* @__PURE__ */ jsx4(Slot3, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
|
|
3014
2980
|
}
|
|
3015
2981
|
);
|
|
3016
2982
|
CollectionItemSlot.displayName = ITEM_SLOT_NAME;
|
|
3017
2983
|
function useCollection3(scope) {
|
|
3018
2984
|
const context = useCollectionContext(name + "CollectionConsumer", scope);
|
|
3019
|
-
const getItems =
|
|
2985
|
+
const getItems = React7.useCallback(() => {
|
|
3020
2986
|
const collectionNode = context.collectionRef.current;
|
|
3021
2987
|
if (!collectionNode) return [];
|
|
3022
2988
|
const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
|
|
@@ -3036,22 +3002,22 @@ function createCollection(name) {
|
|
|
3036
3002
|
}
|
|
3037
3003
|
|
|
3038
3004
|
// ../../node_modules/@radix-ui/react-direction/dist/index.mjs
|
|
3039
|
-
import * as
|
|
3040
|
-
import { jsx as
|
|
3041
|
-
var DirectionContext =
|
|
3005
|
+
import * as React8 from "react";
|
|
3006
|
+
import { jsx as jsx5 } from "react/jsx-runtime";
|
|
3007
|
+
var DirectionContext = React8.createContext(void 0);
|
|
3042
3008
|
function useDirection(localDir) {
|
|
3043
|
-
const globalDir =
|
|
3009
|
+
const globalDir = React8.useContext(DirectionContext);
|
|
3044
3010
|
return localDir || globalDir || "ltr";
|
|
3045
3011
|
}
|
|
3046
3012
|
|
|
3047
3013
|
// ../../node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
|
|
3048
|
-
import * as
|
|
3014
|
+
import * as React10 from "react";
|
|
3049
3015
|
|
|
3050
3016
|
// ../../node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs
|
|
3051
|
-
import * as
|
|
3017
|
+
import * as React9 from "react";
|
|
3052
3018
|
function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
|
|
3053
3019
|
const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
|
|
3054
|
-
|
|
3020
|
+
React9.useEffect(() => {
|
|
3055
3021
|
const handleKeyDown = (event) => {
|
|
3056
3022
|
if (event.key === "Escape") {
|
|
3057
3023
|
onEscapeKeyDown(event);
|
|
@@ -3063,18 +3029,18 @@ function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.docum
|
|
|
3063
3029
|
}
|
|
3064
3030
|
|
|
3065
3031
|
// ../../node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
|
|
3066
|
-
import { jsx as
|
|
3032
|
+
import { jsx as jsx6 } from "react/jsx-runtime";
|
|
3067
3033
|
var DISMISSABLE_LAYER_NAME = "DismissableLayer";
|
|
3068
3034
|
var CONTEXT_UPDATE = "dismissableLayer.update";
|
|
3069
3035
|
var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
|
|
3070
3036
|
var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
|
|
3071
3037
|
var originalBodyPointerEvents;
|
|
3072
|
-
var DismissableLayerContext =
|
|
3038
|
+
var DismissableLayerContext = React10.createContext({
|
|
3073
3039
|
layers: /* @__PURE__ */ new Set(),
|
|
3074
3040
|
layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
|
|
3075
3041
|
branches: /* @__PURE__ */ new Set()
|
|
3076
3042
|
});
|
|
3077
|
-
var DismissableLayer =
|
|
3043
|
+
var DismissableLayer = React10.forwardRef(
|
|
3078
3044
|
(props, forwardedRef) => {
|
|
3079
3045
|
const {
|
|
3080
3046
|
disableOutsidePointerEvents = false,
|
|
@@ -3085,10 +3051,10 @@ var DismissableLayer = React11.forwardRef(
|
|
|
3085
3051
|
onDismiss,
|
|
3086
3052
|
...layerProps
|
|
3087
3053
|
} = props;
|
|
3088
|
-
const context =
|
|
3089
|
-
const [node, setNode] =
|
|
3054
|
+
const context = React10.useContext(DismissableLayerContext);
|
|
3055
|
+
const [node, setNode] = React10.useState(null);
|
|
3090
3056
|
const ownerDocument = node?.ownerDocument ?? globalThis?.document;
|
|
3091
|
-
const [, force] =
|
|
3057
|
+
const [, force] = React10.useState({});
|
|
3092
3058
|
const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
|
|
3093
3059
|
const layers = Array.from(context.layers);
|
|
3094
3060
|
const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
|
|
@@ -3121,7 +3087,7 @@ var DismissableLayer = React11.forwardRef(
|
|
|
3121
3087
|
onDismiss();
|
|
3122
3088
|
}
|
|
3123
3089
|
}, ownerDocument);
|
|
3124
|
-
|
|
3090
|
+
React10.useEffect(() => {
|
|
3125
3091
|
if (!node) return;
|
|
3126
3092
|
if (disableOutsidePointerEvents) {
|
|
3127
3093
|
if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
|
|
@@ -3138,7 +3104,7 @@ var DismissableLayer = React11.forwardRef(
|
|
|
3138
3104
|
}
|
|
3139
3105
|
};
|
|
3140
3106
|
}, [node, ownerDocument, disableOutsidePointerEvents, context]);
|
|
3141
|
-
|
|
3107
|
+
React10.useEffect(() => {
|
|
3142
3108
|
return () => {
|
|
3143
3109
|
if (!node) return;
|
|
3144
3110
|
context.layers.delete(node);
|
|
@@ -3146,12 +3112,12 @@ var DismissableLayer = React11.forwardRef(
|
|
|
3146
3112
|
dispatchUpdate();
|
|
3147
3113
|
};
|
|
3148
3114
|
}, [node, context]);
|
|
3149
|
-
|
|
3115
|
+
React10.useEffect(() => {
|
|
3150
3116
|
const handleUpdate = () => force({});
|
|
3151
3117
|
document.addEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
3152
3118
|
return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
3153
3119
|
}, []);
|
|
3154
|
-
return /* @__PURE__ */
|
|
3120
|
+
return /* @__PURE__ */ jsx6(
|
|
3155
3121
|
Primitive.div,
|
|
3156
3122
|
{
|
|
3157
3123
|
...layerProps,
|
|
@@ -3172,11 +3138,11 @@ var DismissableLayer = React11.forwardRef(
|
|
|
3172
3138
|
);
|
|
3173
3139
|
DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
|
|
3174
3140
|
var BRANCH_NAME = "DismissableLayerBranch";
|
|
3175
|
-
var DismissableLayerBranch =
|
|
3176
|
-
const context =
|
|
3177
|
-
const ref =
|
|
3141
|
+
var DismissableLayerBranch = React10.forwardRef((props, forwardedRef) => {
|
|
3142
|
+
const context = React10.useContext(DismissableLayerContext);
|
|
3143
|
+
const ref = React10.useRef(null);
|
|
3178
3144
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
3179
|
-
|
|
3145
|
+
React10.useEffect(() => {
|
|
3180
3146
|
const node = ref.current;
|
|
3181
3147
|
if (node) {
|
|
3182
3148
|
context.branches.add(node);
|
|
@@ -3185,15 +3151,15 @@ var DismissableLayerBranch = React11.forwardRef((props, forwardedRef) => {
|
|
|
3185
3151
|
};
|
|
3186
3152
|
}
|
|
3187
3153
|
}, [context.branches]);
|
|
3188
|
-
return /* @__PURE__ */
|
|
3154
|
+
return /* @__PURE__ */ jsx6(Primitive.div, { ...props, ref: composedRefs });
|
|
3189
3155
|
});
|
|
3190
3156
|
DismissableLayerBranch.displayName = BRANCH_NAME;
|
|
3191
3157
|
function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
|
|
3192
3158
|
const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
|
|
3193
|
-
const isPointerInsideReactTreeRef =
|
|
3194
|
-
const handleClickRef =
|
|
3159
|
+
const isPointerInsideReactTreeRef = React10.useRef(false);
|
|
3160
|
+
const handleClickRef = React10.useRef(() => {
|
|
3195
3161
|
});
|
|
3196
|
-
|
|
3162
|
+
React10.useEffect(() => {
|
|
3197
3163
|
const handlePointerDown = (event) => {
|
|
3198
3164
|
if (event.target && !isPointerInsideReactTreeRef.current) {
|
|
3199
3165
|
let handleAndDispatchPointerDownOutsideEvent2 = function() {
|
|
@@ -3234,8 +3200,8 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?
|
|
|
3234
3200
|
}
|
|
3235
3201
|
function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
|
|
3236
3202
|
const handleFocusOutside = useCallbackRef(onFocusOutside);
|
|
3237
|
-
const isFocusInsideReactTreeRef =
|
|
3238
|
-
|
|
3203
|
+
const isFocusInsideReactTreeRef = React10.useRef(false);
|
|
3204
|
+
React10.useEffect(() => {
|
|
3239
3205
|
const handleFocus = (event) => {
|
|
3240
3206
|
if (event.target && !isFocusInsideReactTreeRef.current) {
|
|
3241
3207
|
const eventDetail = { originalEvent: event };
|
|
@@ -3268,10 +3234,10 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
|
|
|
3268
3234
|
}
|
|
3269
3235
|
|
|
3270
3236
|
// ../../node_modules/@radix-ui/react-focus-guards/dist/index.mjs
|
|
3271
|
-
import * as
|
|
3237
|
+
import * as React11 from "react";
|
|
3272
3238
|
var count = 0;
|
|
3273
3239
|
function useFocusGuards() {
|
|
3274
|
-
|
|
3240
|
+
React11.useEffect(() => {
|
|
3275
3241
|
const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
|
|
3276
3242
|
document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard());
|
|
3277
3243
|
document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard());
|
|
@@ -3296,13 +3262,13 @@ function createFocusGuard() {
|
|
|
3296
3262
|
}
|
|
3297
3263
|
|
|
3298
3264
|
// ../../node_modules/@radix-ui/react-focus-scope/dist/index.mjs
|
|
3299
|
-
import * as
|
|
3300
|
-
import { jsx as
|
|
3265
|
+
import * as React12 from "react";
|
|
3266
|
+
import { jsx as jsx7 } from "react/jsx-runtime";
|
|
3301
3267
|
var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
|
|
3302
3268
|
var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
|
|
3303
3269
|
var EVENT_OPTIONS = { bubbles: false, cancelable: true };
|
|
3304
3270
|
var FOCUS_SCOPE_NAME = "FocusScope";
|
|
3305
|
-
var FocusScope =
|
|
3271
|
+
var FocusScope = React12.forwardRef((props, forwardedRef) => {
|
|
3306
3272
|
const {
|
|
3307
3273
|
loop = false,
|
|
3308
3274
|
trapped = false,
|
|
@@ -3310,12 +3276,12 @@ var FocusScope = React13.forwardRef((props, forwardedRef) => {
|
|
|
3310
3276
|
onUnmountAutoFocus: onUnmountAutoFocusProp,
|
|
3311
3277
|
...scopeProps
|
|
3312
3278
|
} = props;
|
|
3313
|
-
const [container, setContainer] =
|
|
3279
|
+
const [container, setContainer] = React12.useState(null);
|
|
3314
3280
|
const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);
|
|
3315
3281
|
const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);
|
|
3316
|
-
const lastFocusedElementRef =
|
|
3282
|
+
const lastFocusedElementRef = React12.useRef(null);
|
|
3317
3283
|
const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
|
|
3318
|
-
const focusScope =
|
|
3284
|
+
const focusScope = React12.useRef({
|
|
3319
3285
|
paused: false,
|
|
3320
3286
|
pause() {
|
|
3321
3287
|
this.paused = true;
|
|
@@ -3324,7 +3290,7 @@ var FocusScope = React13.forwardRef((props, forwardedRef) => {
|
|
|
3324
3290
|
this.paused = false;
|
|
3325
3291
|
}
|
|
3326
3292
|
}).current;
|
|
3327
|
-
|
|
3293
|
+
React12.useEffect(() => {
|
|
3328
3294
|
if (trapped) {
|
|
3329
3295
|
let handleFocusIn2 = function(event) {
|
|
3330
3296
|
if (focusScope.paused || !container) return;
|
|
@@ -3360,7 +3326,7 @@ var FocusScope = React13.forwardRef((props, forwardedRef) => {
|
|
|
3360
3326
|
};
|
|
3361
3327
|
}
|
|
3362
3328
|
}, [trapped, container, focusScope.paused]);
|
|
3363
|
-
|
|
3329
|
+
React12.useEffect(() => {
|
|
3364
3330
|
if (container) {
|
|
3365
3331
|
focusScopesStack.add(focusScope);
|
|
3366
3332
|
const previouslyFocusedElement = document.activeElement;
|
|
@@ -3391,7 +3357,7 @@ var FocusScope = React13.forwardRef((props, forwardedRef) => {
|
|
|
3391
3357
|
};
|
|
3392
3358
|
}
|
|
3393
3359
|
}, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
|
|
3394
|
-
const handleKeyDown =
|
|
3360
|
+
const handleKeyDown = React12.useCallback(
|
|
3395
3361
|
(event) => {
|
|
3396
3362
|
if (!loop && !trapped) return;
|
|
3397
3363
|
if (focusScope.paused) return;
|
|
@@ -3416,7 +3382,7 @@ var FocusScope = React13.forwardRef((props, forwardedRef) => {
|
|
|
3416
3382
|
},
|
|
3417
3383
|
[loop, trapped, focusScope.paused]
|
|
3418
3384
|
);
|
|
3419
|
-
return /* @__PURE__ */
|
|
3385
|
+
return /* @__PURE__ */ jsx7(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
|
|
3420
3386
|
});
|
|
3421
3387
|
FocusScope.displayName = FOCUS_SCOPE_NAME;
|
|
3422
3388
|
function focusFirst(candidates, { select = false } = {}) {
|
|
@@ -3500,18 +3466,18 @@ function removeLinks(items) {
|
|
|
3500
3466
|
}
|
|
3501
3467
|
|
|
3502
3468
|
// ../../node_modules/@radix-ui/react-id/dist/index.mjs
|
|
3503
|
-
import * as
|
|
3469
|
+
import * as React14 from "react";
|
|
3504
3470
|
|
|
3505
3471
|
// ../../node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
|
|
3506
|
-
import * as
|
|
3507
|
-
var useLayoutEffect2 = Boolean(globalThis?.document) ?
|
|
3472
|
+
import * as React13 from "react";
|
|
3473
|
+
var useLayoutEffect2 = Boolean(globalThis?.document) ? React13.useLayoutEffect : () => {
|
|
3508
3474
|
};
|
|
3509
3475
|
|
|
3510
3476
|
// ../../node_modules/@radix-ui/react-id/dist/index.mjs
|
|
3511
|
-
var useReactId =
|
|
3477
|
+
var useReactId = React14["useId".toString()] || (() => void 0);
|
|
3512
3478
|
var count2 = 0;
|
|
3513
3479
|
function useId(deterministicId) {
|
|
3514
|
-
const [id, setId] =
|
|
3480
|
+
const [id, setId] = React14.useState(useReactId());
|
|
3515
3481
|
useLayoutEffect2(() => {
|
|
3516
3482
|
if (!deterministicId) setId((reactId) => reactId ?? String(count2++));
|
|
3517
3483
|
}, [deterministicId]);
|
|
@@ -3519,7 +3485,7 @@ function useId(deterministicId) {
|
|
|
3519
3485
|
}
|
|
3520
3486
|
|
|
3521
3487
|
// ../../node_modules/@radix-ui/react-popper/dist/index.mjs
|
|
3522
|
-
import * as
|
|
3488
|
+
import * as React18 from "react";
|
|
3523
3489
|
|
|
3524
3490
|
// ../../node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
|
|
3525
3491
|
var sides = ["top", "right", "bottom", "left"];
|
|
@@ -4620,6 +4586,28 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
|
|
|
4620
4586
|
y
|
|
4621
4587
|
});
|
|
4622
4588
|
}
|
|
4589
|
+
function getWindowScrollBarX(element, rect) {
|
|
4590
|
+
const leftScroll = getNodeScroll(element).scrollLeft;
|
|
4591
|
+
if (!rect) {
|
|
4592
|
+
return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
|
|
4593
|
+
}
|
|
4594
|
+
return rect.left + leftScroll;
|
|
4595
|
+
}
|
|
4596
|
+
function getHTMLOffset(documentElement, scroll, ignoreScrollbarX) {
|
|
4597
|
+
if (ignoreScrollbarX === void 0) {
|
|
4598
|
+
ignoreScrollbarX = false;
|
|
4599
|
+
}
|
|
4600
|
+
const htmlRect = documentElement.getBoundingClientRect();
|
|
4601
|
+
const x = htmlRect.left + scroll.scrollLeft - (ignoreScrollbarX ? 0 : (
|
|
4602
|
+
// RTL <body> scrollbar.
|
|
4603
|
+
getWindowScrollBarX(documentElement, htmlRect)
|
|
4604
|
+
));
|
|
4605
|
+
const y = htmlRect.top + scroll.scrollTop;
|
|
4606
|
+
return {
|
|
4607
|
+
x,
|
|
4608
|
+
y
|
|
4609
|
+
};
|
|
4610
|
+
}
|
|
4623
4611
|
function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
|
|
4624
4612
|
let {
|
|
4625
4613
|
elements,
|
|
@@ -4651,23 +4639,17 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
|
|
|
4651
4639
|
offsets.y = offsetRect.y + offsetParent.clientTop;
|
|
4652
4640
|
}
|
|
4653
4641
|
}
|
|
4642
|
+
const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll, true) : createCoords(0);
|
|
4654
4643
|
return {
|
|
4655
4644
|
width: rect.width * scale.x,
|
|
4656
4645
|
height: rect.height * scale.y,
|
|
4657
|
-
x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x,
|
|
4658
|
-
y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y
|
|
4646
|
+
x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,
|
|
4647
|
+
y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y
|
|
4659
4648
|
};
|
|
4660
4649
|
}
|
|
4661
4650
|
function getClientRects(element) {
|
|
4662
4651
|
return Array.from(element.getClientRects());
|
|
4663
4652
|
}
|
|
4664
|
-
function getWindowScrollBarX(element, rect) {
|
|
4665
|
-
const leftScroll = getNodeScroll(element).scrollLeft;
|
|
4666
|
-
if (!rect) {
|
|
4667
|
-
return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
|
|
4668
|
-
}
|
|
4669
|
-
return rect.left + leftScroll;
|
|
4670
|
-
}
|
|
4671
4653
|
function getDocumentRect(element) {
|
|
4672
4654
|
const html = getDocumentElement(element);
|
|
4673
4655
|
const scroll = getNodeScroll(element);
|
|
@@ -4737,9 +4719,10 @@ function getClientRectFromClippingAncestor(element, clippingAncestor, strategy)
|
|
|
4737
4719
|
} else {
|
|
4738
4720
|
const visualOffsets = getVisualOffsets(element);
|
|
4739
4721
|
rect = {
|
|
4740
|
-
...clippingAncestor,
|
|
4741
4722
|
x: clippingAncestor.x - visualOffsets.x,
|
|
4742
|
-
y: clippingAncestor.y - visualOffsets.y
|
|
4723
|
+
y: clippingAncestor.y - visualOffsets.y,
|
|
4724
|
+
width: clippingAncestor.width,
|
|
4725
|
+
height: clippingAncestor.height
|
|
4743
4726
|
};
|
|
4744
4727
|
}
|
|
4745
4728
|
return rectToClientRect(rect);
|
|
@@ -4834,16 +4817,9 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
|
|
|
4834
4817
|
offsets.x = getWindowScrollBarX(documentElement);
|
|
4835
4818
|
}
|
|
4836
4819
|
}
|
|
4837
|
-
|
|
4838
|
-
|
|
4839
|
-
|
|
4840
|
-
const htmlRect = documentElement.getBoundingClientRect();
|
|
4841
|
-
htmlY = htmlRect.top + scroll.scrollTop;
|
|
4842
|
-
htmlX = htmlRect.left + scroll.scrollLeft - // RTL <body> scrollbar.
|
|
4843
|
-
getWindowScrollBarX(documentElement, htmlRect);
|
|
4844
|
-
}
|
|
4845
|
-
const x = rect.left + scroll.scrollLeft - offsets.x - htmlX;
|
|
4846
|
-
const y = rect.top + scroll.scrollTop - offsets.y - htmlY;
|
|
4820
|
+
const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
|
|
4821
|
+
const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
|
|
4822
|
+
const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
|
|
4847
4823
|
return {
|
|
4848
4824
|
x,
|
|
4849
4825
|
y,
|
|
@@ -5082,7 +5058,7 @@ var computePosition2 = (reference, floating, options) => {
|
|
|
5082
5058
|
};
|
|
5083
5059
|
|
|
5084
5060
|
// ../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
|
|
5085
|
-
import * as
|
|
5061
|
+
import * as React15 from "react";
|
|
5086
5062
|
import { useLayoutEffect as useLayoutEffect3, useEffect as useEffect7 } from "react";
|
|
5087
5063
|
import * as ReactDOM2 from "react-dom";
|
|
5088
5064
|
var index = typeof document !== "undefined" ? useLayoutEffect3 : useEffect7;
|
|
@@ -5145,7 +5121,7 @@ function roundByDPR(element, value) {
|
|
|
5145
5121
|
return Math.round(value * dpr) / dpr;
|
|
5146
5122
|
}
|
|
5147
5123
|
function useLatestRef(value) {
|
|
5148
|
-
const ref =
|
|
5124
|
+
const ref = React15.useRef(value);
|
|
5149
5125
|
index(() => {
|
|
5150
5126
|
ref.current = value;
|
|
5151
5127
|
});
|
|
@@ -5168,7 +5144,7 @@ function useFloating(options) {
|
|
|
5168
5144
|
whileElementsMounted,
|
|
5169
5145
|
open
|
|
5170
5146
|
} = options;
|
|
5171
|
-
const [data, setData] =
|
|
5147
|
+
const [data, setData] = React15.useState({
|
|
5172
5148
|
x: 0,
|
|
5173
5149
|
y: 0,
|
|
5174
5150
|
strategy,
|
|
@@ -5176,19 +5152,19 @@ function useFloating(options) {
|
|
|
5176
5152
|
middlewareData: {},
|
|
5177
5153
|
isPositioned: false
|
|
5178
5154
|
});
|
|
5179
|
-
const [latestMiddleware, setLatestMiddleware] =
|
|
5155
|
+
const [latestMiddleware, setLatestMiddleware] = React15.useState(middleware);
|
|
5180
5156
|
if (!deepEqual(latestMiddleware, middleware)) {
|
|
5181
5157
|
setLatestMiddleware(middleware);
|
|
5182
5158
|
}
|
|
5183
|
-
const [_reference, _setReference] =
|
|
5184
|
-
const [_floating, _setFloating] =
|
|
5185
|
-
const setReference =
|
|
5159
|
+
const [_reference, _setReference] = React15.useState(null);
|
|
5160
|
+
const [_floating, _setFloating] = React15.useState(null);
|
|
5161
|
+
const setReference = React15.useCallback((node) => {
|
|
5186
5162
|
if (node !== referenceRef.current) {
|
|
5187
5163
|
referenceRef.current = node;
|
|
5188
5164
|
_setReference(node);
|
|
5189
5165
|
}
|
|
5190
5166
|
}, []);
|
|
5191
|
-
const setFloating =
|
|
5167
|
+
const setFloating = React15.useCallback((node) => {
|
|
5192
5168
|
if (node !== floatingRef.current) {
|
|
5193
5169
|
floatingRef.current = node;
|
|
5194
5170
|
_setFloating(node);
|
|
@@ -5196,14 +5172,14 @@ function useFloating(options) {
|
|
|
5196
5172
|
}, []);
|
|
5197
5173
|
const referenceEl = externalReference || _reference;
|
|
5198
5174
|
const floatingEl = externalFloating || _floating;
|
|
5199
|
-
const referenceRef =
|
|
5200
|
-
const floatingRef =
|
|
5201
|
-
const dataRef =
|
|
5175
|
+
const referenceRef = React15.useRef(null);
|
|
5176
|
+
const floatingRef = React15.useRef(null);
|
|
5177
|
+
const dataRef = React15.useRef(data);
|
|
5202
5178
|
const hasWhileElementsMounted = whileElementsMounted != null;
|
|
5203
5179
|
const whileElementsMountedRef = useLatestRef(whileElementsMounted);
|
|
5204
5180
|
const platformRef = useLatestRef(platform2);
|
|
5205
5181
|
const openRef = useLatestRef(open);
|
|
5206
|
-
const update =
|
|
5182
|
+
const update = React15.useCallback(() => {
|
|
5207
5183
|
if (!referenceRef.current || !floatingRef.current) {
|
|
5208
5184
|
return;
|
|
5209
5185
|
}
|
|
@@ -5241,7 +5217,7 @@ function useFloating(options) {
|
|
|
5241
5217
|
}));
|
|
5242
5218
|
}
|
|
5243
5219
|
}, [open]);
|
|
5244
|
-
const isMountedRef =
|
|
5220
|
+
const isMountedRef = React15.useRef(false);
|
|
5245
5221
|
index(() => {
|
|
5246
5222
|
isMountedRef.current = true;
|
|
5247
5223
|
return () => {
|
|
@@ -5258,17 +5234,17 @@ function useFloating(options) {
|
|
|
5258
5234
|
update();
|
|
5259
5235
|
}
|
|
5260
5236
|
}, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
|
|
5261
|
-
const refs =
|
|
5237
|
+
const refs = React15.useMemo(() => ({
|
|
5262
5238
|
reference: referenceRef,
|
|
5263
5239
|
floating: floatingRef,
|
|
5264
5240
|
setReference,
|
|
5265
5241
|
setFloating
|
|
5266
5242
|
}), [setReference, setFloating]);
|
|
5267
|
-
const elements =
|
|
5243
|
+
const elements = React15.useMemo(() => ({
|
|
5268
5244
|
reference: referenceEl,
|
|
5269
5245
|
floating: floatingEl
|
|
5270
5246
|
}), [referenceEl, floatingEl]);
|
|
5271
|
-
const floatingStyles =
|
|
5247
|
+
const floatingStyles = React15.useMemo(() => {
|
|
5272
5248
|
const initialStyles = {
|
|
5273
5249
|
position: strategy,
|
|
5274
5250
|
left: 0,
|
|
@@ -5294,7 +5270,7 @@ function useFloating(options) {
|
|
|
5294
5270
|
top: y
|
|
5295
5271
|
};
|
|
5296
5272
|
}, [strategy, transform, elements.floating, data.x, data.y]);
|
|
5297
|
-
return
|
|
5273
|
+
return React15.useMemo(() => ({
|
|
5298
5274
|
...data,
|
|
5299
5275
|
update,
|
|
5300
5276
|
refs,
|
|
@@ -5363,12 +5339,12 @@ var arrow3 = (options, deps) => ({
|
|
|
5363
5339
|
});
|
|
5364
5340
|
|
|
5365
5341
|
// ../../node_modules/@radix-ui/react-arrow/dist/index.mjs
|
|
5366
|
-
import * as
|
|
5367
|
-
import { jsx as
|
|
5342
|
+
import * as React16 from "react";
|
|
5343
|
+
import { jsx as jsx8 } from "react/jsx-runtime";
|
|
5368
5344
|
var NAME = "Arrow";
|
|
5369
|
-
var Arrow =
|
|
5345
|
+
var Arrow = React16.forwardRef((props, forwardedRef) => {
|
|
5370
5346
|
const { children, width = 10, height = 5, ...arrowProps } = props;
|
|
5371
|
-
return /* @__PURE__ */
|
|
5347
|
+
return /* @__PURE__ */ jsx8(
|
|
5372
5348
|
Primitive.svg,
|
|
5373
5349
|
{
|
|
5374
5350
|
...arrowProps,
|
|
@@ -5377,78 +5353,17 @@ var Arrow = React17.forwardRef((props, forwardedRef) => {
|
|
|
5377
5353
|
height,
|
|
5378
5354
|
viewBox: "0 0 30 10",
|
|
5379
5355
|
preserveAspectRatio: "none",
|
|
5380
|
-
children: props.asChild ? children : /* @__PURE__ */
|
|
5356
|
+
children: props.asChild ? children : /* @__PURE__ */ jsx8("polygon", { points: "0,0 30,0 15,10" })
|
|
5381
5357
|
}
|
|
5382
5358
|
);
|
|
5383
5359
|
});
|
|
5384
5360
|
Arrow.displayName = NAME;
|
|
5385
5361
|
var Root = Arrow;
|
|
5386
5362
|
|
|
5387
|
-
// ../../node_modules/@radix-ui/react-popper/node_modules/@radix-ui/react-context/dist/index.mjs
|
|
5388
|
-
import * as React18 from "react";
|
|
5389
|
-
import { jsx as jsx10 } from "react/jsx-runtime";
|
|
5390
|
-
function createContextScope3(scopeName, createContextScopeDeps = []) {
|
|
5391
|
-
let defaultContexts = [];
|
|
5392
|
-
function createContext32(rootComponentName, defaultContext) {
|
|
5393
|
-
const BaseContext = React18.createContext(defaultContext);
|
|
5394
|
-
const index2 = defaultContexts.length;
|
|
5395
|
-
defaultContexts = [...defaultContexts, defaultContext];
|
|
5396
|
-
function Provider(props) {
|
|
5397
|
-
const { scope, children, ...context } = props;
|
|
5398
|
-
const Context = scope?.[scopeName][index2] || BaseContext;
|
|
5399
|
-
const value = React18.useMemo(() => context, Object.values(context));
|
|
5400
|
-
return /* @__PURE__ */ jsx10(Context.Provider, { value, children });
|
|
5401
|
-
}
|
|
5402
|
-
function useContext22(consumerName, scope) {
|
|
5403
|
-
const Context = scope?.[scopeName][index2] || BaseContext;
|
|
5404
|
-
const context = React18.useContext(Context);
|
|
5405
|
-
if (context) return context;
|
|
5406
|
-
if (defaultContext !== void 0) return defaultContext;
|
|
5407
|
-
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
|
5408
|
-
}
|
|
5409
|
-
Provider.displayName = rootComponentName + "Provider";
|
|
5410
|
-
return [Provider, useContext22];
|
|
5411
|
-
}
|
|
5412
|
-
const createScope = () => {
|
|
5413
|
-
const scopeContexts = defaultContexts.map((defaultContext) => {
|
|
5414
|
-
return React18.createContext(defaultContext);
|
|
5415
|
-
});
|
|
5416
|
-
return function useScope(scope) {
|
|
5417
|
-
const contexts = scope?.[scopeName] || scopeContexts;
|
|
5418
|
-
return React18.useMemo(
|
|
5419
|
-
() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
|
|
5420
|
-
[scope, contexts]
|
|
5421
|
-
);
|
|
5422
|
-
};
|
|
5423
|
-
};
|
|
5424
|
-
createScope.scopeName = scopeName;
|
|
5425
|
-
return [createContext32, composeContextScopes3(createScope, ...createContextScopeDeps)];
|
|
5426
|
-
}
|
|
5427
|
-
function composeContextScopes3(...scopes) {
|
|
5428
|
-
const baseScope = scopes[0];
|
|
5429
|
-
if (scopes.length === 1) return baseScope;
|
|
5430
|
-
const createScope = () => {
|
|
5431
|
-
const scopeHooks = scopes.map((createScope2) => ({
|
|
5432
|
-
useScope: createScope2(),
|
|
5433
|
-
scopeName: createScope2.scopeName
|
|
5434
|
-
}));
|
|
5435
|
-
return function useComposedScopes(overrideScopes) {
|
|
5436
|
-
const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
|
|
5437
|
-
const scopeProps = useScope(overrideScopes);
|
|
5438
|
-
const currentScope = scopeProps[`__scope${scopeName}`];
|
|
5439
|
-
return { ...nextScopes2, ...currentScope };
|
|
5440
|
-
}, {});
|
|
5441
|
-
return React18.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
|
|
5442
|
-
};
|
|
5443
|
-
};
|
|
5444
|
-
createScope.scopeName = baseScope.scopeName;
|
|
5445
|
-
return createScope;
|
|
5446
|
-
}
|
|
5447
|
-
|
|
5448
5363
|
// ../../node_modules/@radix-ui/react-use-size/dist/index.mjs
|
|
5449
|
-
import * as
|
|
5364
|
+
import * as React17 from "react";
|
|
5450
5365
|
function useSize(element) {
|
|
5451
|
-
const [size4, setSize] =
|
|
5366
|
+
const [size4, setSize] = React17.useState(void 0);
|
|
5452
5367
|
useLayoutEffect2(() => {
|
|
5453
5368
|
if (element) {
|
|
5454
5369
|
setSize({ width: element.offsetWidth, height: element.offsetHeight });
|
|
@@ -5483,33 +5398,33 @@ function useSize(element) {
|
|
|
5483
5398
|
}
|
|
5484
5399
|
|
|
5485
5400
|
// ../../node_modules/@radix-ui/react-popper/dist/index.mjs
|
|
5486
|
-
import { jsx as
|
|
5401
|
+
import { jsx as jsx9 } from "react/jsx-runtime";
|
|
5487
5402
|
var POPPER_NAME = "Popper";
|
|
5488
|
-
var [createPopperContext, createPopperScope] =
|
|
5403
|
+
var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
|
|
5489
5404
|
var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
|
|
5490
5405
|
var Popper = (props) => {
|
|
5491
5406
|
const { __scopePopper, children } = props;
|
|
5492
|
-
const [anchor, setAnchor] =
|
|
5493
|
-
return /* @__PURE__ */
|
|
5407
|
+
const [anchor, setAnchor] = React18.useState(null);
|
|
5408
|
+
return /* @__PURE__ */ jsx9(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
|
|
5494
5409
|
};
|
|
5495
5410
|
Popper.displayName = POPPER_NAME;
|
|
5496
5411
|
var ANCHOR_NAME = "PopperAnchor";
|
|
5497
|
-
var PopperAnchor =
|
|
5412
|
+
var PopperAnchor = React18.forwardRef(
|
|
5498
5413
|
(props, forwardedRef) => {
|
|
5499
5414
|
const { __scopePopper, virtualRef, ...anchorProps } = props;
|
|
5500
5415
|
const context = usePopperContext(ANCHOR_NAME, __scopePopper);
|
|
5501
|
-
const ref =
|
|
5416
|
+
const ref = React18.useRef(null);
|
|
5502
5417
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
5503
|
-
|
|
5418
|
+
React18.useEffect(() => {
|
|
5504
5419
|
context.onAnchorChange(virtualRef?.current || ref.current);
|
|
5505
5420
|
});
|
|
5506
|
-
return virtualRef ? null : /* @__PURE__ */
|
|
5421
|
+
return virtualRef ? null : /* @__PURE__ */ jsx9(Primitive.div, { ...anchorProps, ref: composedRefs });
|
|
5507
5422
|
}
|
|
5508
5423
|
);
|
|
5509
5424
|
PopperAnchor.displayName = ANCHOR_NAME;
|
|
5510
5425
|
var CONTENT_NAME = "PopperContent";
|
|
5511
5426
|
var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME);
|
|
5512
|
-
var PopperContent =
|
|
5427
|
+
var PopperContent = React18.forwardRef(
|
|
5513
5428
|
(props, forwardedRef) => {
|
|
5514
5429
|
const {
|
|
5515
5430
|
__scopePopper,
|
|
@@ -5528,9 +5443,9 @@ var PopperContent = React20.forwardRef(
|
|
|
5528
5443
|
...contentProps
|
|
5529
5444
|
} = props;
|
|
5530
5445
|
const context = usePopperContext(CONTENT_NAME, __scopePopper);
|
|
5531
|
-
const [content, setContent] =
|
|
5446
|
+
const [content, setContent] = React18.useState(null);
|
|
5532
5447
|
const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
|
|
5533
|
-
const [arrow4, setArrow] =
|
|
5448
|
+
const [arrow4, setArrow] = React18.useState(null);
|
|
5534
5449
|
const arrowSize = useSize(arrow4);
|
|
5535
5450
|
const arrowWidth = arrowSize?.width ?? 0;
|
|
5536
5451
|
const arrowHeight = arrowSize?.height ?? 0;
|
|
@@ -5592,11 +5507,11 @@ var PopperContent = React20.forwardRef(
|
|
|
5592
5507
|
const arrowX = middlewareData.arrow?.x;
|
|
5593
5508
|
const arrowY = middlewareData.arrow?.y;
|
|
5594
5509
|
const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
|
|
5595
|
-
const [contentZIndex, setContentZIndex] =
|
|
5510
|
+
const [contentZIndex, setContentZIndex] = React18.useState();
|
|
5596
5511
|
useLayoutEffect2(() => {
|
|
5597
5512
|
if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
|
|
5598
5513
|
}, [content]);
|
|
5599
|
-
return /* @__PURE__ */
|
|
5514
|
+
return /* @__PURE__ */ jsx9(
|
|
5600
5515
|
"div",
|
|
5601
5516
|
{
|
|
5602
5517
|
ref: refs.setFloating,
|
|
@@ -5620,7 +5535,7 @@ var PopperContent = React20.forwardRef(
|
|
|
5620
5535
|
}
|
|
5621
5536
|
},
|
|
5622
5537
|
dir: props.dir,
|
|
5623
|
-
children: /* @__PURE__ */
|
|
5538
|
+
children: /* @__PURE__ */ jsx9(
|
|
5624
5539
|
PopperContentProvider,
|
|
5625
5540
|
{
|
|
5626
5541
|
scope: __scopePopper,
|
|
@@ -5629,7 +5544,7 @@ var PopperContent = React20.forwardRef(
|
|
|
5629
5544
|
arrowX,
|
|
5630
5545
|
arrowY,
|
|
5631
5546
|
shouldHideArrow: cannotCenterArrow,
|
|
5632
|
-
children: /* @__PURE__ */
|
|
5547
|
+
children: /* @__PURE__ */ jsx9(
|
|
5633
5548
|
Primitive.div,
|
|
5634
5549
|
{
|
|
5635
5550
|
"data-side": placedSide,
|
|
@@ -5658,7 +5573,7 @@ var OPPOSITE_SIDE = {
|
|
|
5658
5573
|
bottom: "top",
|
|
5659
5574
|
left: "right"
|
|
5660
5575
|
};
|
|
5661
|
-
var PopperArrow =
|
|
5576
|
+
var PopperArrow = React18.forwardRef(function PopperArrow2(props, forwardedRef) {
|
|
5662
5577
|
const { __scopePopper, ...arrowProps } = props;
|
|
5663
5578
|
const contentContext = useContentContext(ARROW_NAME, __scopePopper);
|
|
5664
5579
|
const baseSide = OPPOSITE_SIDE[contentContext.placedSide];
|
|
@@ -5666,7 +5581,7 @@ var PopperArrow = React20.forwardRef(function PopperArrow2(props, forwardedRef)
|
|
|
5666
5581
|
// we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
|
|
5667
5582
|
// doesn't report size as we'd expect on SVG elements.
|
|
5668
5583
|
// it reports their bounding box which is effectively the largest path inside the SVG.
|
|
5669
|
-
/* @__PURE__ */
|
|
5584
|
+
/* @__PURE__ */ jsx9(
|
|
5670
5585
|
"span",
|
|
5671
5586
|
{
|
|
5672
5587
|
ref: contentContext.onArrowChange,
|
|
@@ -5689,7 +5604,7 @@ var PopperArrow = React20.forwardRef(function PopperArrow2(props, forwardedRef)
|
|
|
5689
5604
|
}[contentContext.placedSide],
|
|
5690
5605
|
visibility: contentContext.shouldHideArrow ? "hidden" : void 0
|
|
5691
5606
|
},
|
|
5692
|
-
children: /* @__PURE__ */
|
|
5607
|
+
children: /* @__PURE__ */ jsx9(
|
|
5693
5608
|
Root,
|
|
5694
5609
|
{
|
|
5695
5610
|
...arrowProps,
|
|
@@ -5750,24 +5665,24 @@ var Content = PopperContent;
|
|
|
5750
5665
|
var Arrow2 = PopperArrow;
|
|
5751
5666
|
|
|
5752
5667
|
// ../../node_modules/@radix-ui/react-portal/dist/index.mjs
|
|
5753
|
-
import * as
|
|
5668
|
+
import * as React19 from "react";
|
|
5754
5669
|
import ReactDOM3 from "react-dom";
|
|
5755
|
-
import { jsx as
|
|
5670
|
+
import { jsx as jsx10 } from "react/jsx-runtime";
|
|
5756
5671
|
var PORTAL_NAME = "Portal";
|
|
5757
|
-
var Portal =
|
|
5672
|
+
var Portal = React19.forwardRef((props, forwardedRef) => {
|
|
5758
5673
|
const { container: containerProp, ...portalProps } = props;
|
|
5759
|
-
const [mounted, setMounted] =
|
|
5674
|
+
const [mounted, setMounted] = React19.useState(false);
|
|
5760
5675
|
useLayoutEffect2(() => setMounted(true), []);
|
|
5761
5676
|
const container = containerProp || mounted && globalThis?.document?.body;
|
|
5762
|
-
return container ? ReactDOM3.createPortal(/* @__PURE__ */
|
|
5677
|
+
return container ? ReactDOM3.createPortal(/* @__PURE__ */ jsx10(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
|
|
5763
5678
|
});
|
|
5764
5679
|
Portal.displayName = PORTAL_NAME;
|
|
5765
5680
|
|
|
5766
5681
|
// ../../node_modules/@radix-ui/react-presence/dist/index.mjs
|
|
5767
5682
|
import * as React22 from "react";
|
|
5768
|
-
import * as
|
|
5683
|
+
import * as React20 from "react";
|
|
5769
5684
|
function useStateMachine(initialState, machine) {
|
|
5770
|
-
return
|
|
5685
|
+
return React20.useReducer((state, event) => {
|
|
5771
5686
|
const nextState = machine[state][event];
|
|
5772
5687
|
return nextState ?? state;
|
|
5773
5688
|
}, initialState);
|
|
@@ -5890,87 +5805,24 @@ function getElementRef(element) {
|
|
|
5890
5805
|
}
|
|
5891
5806
|
|
|
5892
5807
|
// ../../node_modules/@radix-ui/react-roving-focus/dist/index.mjs
|
|
5893
|
-
import * as
|
|
5894
|
-
|
|
5895
|
-
// ../../node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-context/dist/index.mjs
|
|
5896
|
-
import * as React24 from "react";
|
|
5897
|
-
import { jsx as jsx13 } from "react/jsx-runtime";
|
|
5898
|
-
function createContextScope4(scopeName, createContextScopeDeps = []) {
|
|
5899
|
-
let defaultContexts = [];
|
|
5900
|
-
function createContext32(rootComponentName, defaultContext) {
|
|
5901
|
-
const BaseContext = React24.createContext(defaultContext);
|
|
5902
|
-
const index2 = defaultContexts.length;
|
|
5903
|
-
defaultContexts = [...defaultContexts, defaultContext];
|
|
5904
|
-
function Provider(props) {
|
|
5905
|
-
const { scope, children, ...context } = props;
|
|
5906
|
-
const Context = scope?.[scopeName][index2] || BaseContext;
|
|
5907
|
-
const value = React24.useMemo(() => context, Object.values(context));
|
|
5908
|
-
return /* @__PURE__ */ jsx13(Context.Provider, { value, children });
|
|
5909
|
-
}
|
|
5910
|
-
function useContext22(consumerName, scope) {
|
|
5911
|
-
const Context = scope?.[scopeName][index2] || BaseContext;
|
|
5912
|
-
const context = React24.useContext(Context);
|
|
5913
|
-
if (context) return context;
|
|
5914
|
-
if (defaultContext !== void 0) return defaultContext;
|
|
5915
|
-
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
|
5916
|
-
}
|
|
5917
|
-
Provider.displayName = rootComponentName + "Provider";
|
|
5918
|
-
return [Provider, useContext22];
|
|
5919
|
-
}
|
|
5920
|
-
const createScope = () => {
|
|
5921
|
-
const scopeContexts = defaultContexts.map((defaultContext) => {
|
|
5922
|
-
return React24.createContext(defaultContext);
|
|
5923
|
-
});
|
|
5924
|
-
return function useScope(scope) {
|
|
5925
|
-
const contexts = scope?.[scopeName] || scopeContexts;
|
|
5926
|
-
return React24.useMemo(
|
|
5927
|
-
() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
|
|
5928
|
-
[scope, contexts]
|
|
5929
|
-
);
|
|
5930
|
-
};
|
|
5931
|
-
};
|
|
5932
|
-
createScope.scopeName = scopeName;
|
|
5933
|
-
return [createContext32, composeContextScopes4(createScope, ...createContextScopeDeps)];
|
|
5934
|
-
}
|
|
5935
|
-
function composeContextScopes4(...scopes) {
|
|
5936
|
-
const baseScope = scopes[0];
|
|
5937
|
-
if (scopes.length === 1) return baseScope;
|
|
5938
|
-
const createScope = () => {
|
|
5939
|
-
const scopeHooks = scopes.map((createScope2) => ({
|
|
5940
|
-
useScope: createScope2(),
|
|
5941
|
-
scopeName: createScope2.scopeName
|
|
5942
|
-
}));
|
|
5943
|
-
return function useComposedScopes(overrideScopes) {
|
|
5944
|
-
const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
|
|
5945
|
-
const scopeProps = useScope(overrideScopes);
|
|
5946
|
-
const currentScope = scopeProps[`__scope${scopeName}`];
|
|
5947
|
-
return { ...nextScopes2, ...currentScope };
|
|
5948
|
-
}, {});
|
|
5949
|
-
return React24.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
|
|
5950
|
-
};
|
|
5951
|
-
};
|
|
5952
|
-
createScope.scopeName = baseScope.scopeName;
|
|
5953
|
-
return createScope;
|
|
5954
|
-
}
|
|
5955
|
-
|
|
5956
|
-
// ../../node_modules/@radix-ui/react-roving-focus/dist/index.mjs
|
|
5957
|
-
import { jsx as jsx14 } from "react/jsx-runtime";
|
|
5808
|
+
import * as React21 from "react";
|
|
5809
|
+
import { jsx as jsx11 } from "react/jsx-runtime";
|
|
5958
5810
|
var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
|
|
5959
5811
|
var EVENT_OPTIONS2 = { bubbles: false, cancelable: true };
|
|
5960
5812
|
var GROUP_NAME = "RovingFocusGroup";
|
|
5961
5813
|
var [Collection, useCollection, createCollectionScope] = createCollection(GROUP_NAME);
|
|
5962
|
-
var [createRovingFocusGroupContext, createRovingFocusGroupScope] =
|
|
5814
|
+
var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(
|
|
5963
5815
|
GROUP_NAME,
|
|
5964
5816
|
[createCollectionScope]
|
|
5965
5817
|
);
|
|
5966
5818
|
var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
|
|
5967
|
-
var RovingFocusGroup =
|
|
5819
|
+
var RovingFocusGroup = React21.forwardRef(
|
|
5968
5820
|
(props, forwardedRef) => {
|
|
5969
|
-
return /* @__PURE__ */
|
|
5821
|
+
return /* @__PURE__ */ jsx11(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx11(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx11(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
|
|
5970
5822
|
}
|
|
5971
5823
|
);
|
|
5972
5824
|
RovingFocusGroup.displayName = GROUP_NAME;
|
|
5973
|
-
var RovingFocusGroupImpl =
|
|
5825
|
+
var RovingFocusGroupImpl = React21.forwardRef((props, forwardedRef) => {
|
|
5974
5826
|
const {
|
|
5975
5827
|
__scopeRovingFocusGroup,
|
|
5976
5828
|
orientation,
|
|
@@ -5983,7 +5835,7 @@ var RovingFocusGroupImpl = React25.forwardRef((props, forwardedRef) => {
|
|
|
5983
5835
|
preventScrollOnEntryFocus = false,
|
|
5984
5836
|
...groupProps
|
|
5985
5837
|
} = props;
|
|
5986
|
-
const ref =
|
|
5838
|
+
const ref = React21.useRef(null);
|
|
5987
5839
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
5988
5840
|
const direction = useDirection(dir);
|
|
5989
5841
|
const [currentTabStopId = null, setCurrentTabStopId] = useControllableState({
|
|
@@ -5991,19 +5843,19 @@ var RovingFocusGroupImpl = React25.forwardRef((props, forwardedRef) => {
|
|
|
5991
5843
|
defaultProp: defaultCurrentTabStopId,
|
|
5992
5844
|
onChange: onCurrentTabStopIdChange
|
|
5993
5845
|
});
|
|
5994
|
-
const [isTabbingBackOut, setIsTabbingBackOut] =
|
|
5846
|
+
const [isTabbingBackOut, setIsTabbingBackOut] = React21.useState(false);
|
|
5995
5847
|
const handleEntryFocus = useCallbackRef(onEntryFocus);
|
|
5996
5848
|
const getItems = useCollection(__scopeRovingFocusGroup);
|
|
5997
|
-
const isClickFocusRef =
|
|
5998
|
-
const [focusableItemsCount, setFocusableItemsCount] =
|
|
5999
|
-
|
|
5849
|
+
const isClickFocusRef = React21.useRef(false);
|
|
5850
|
+
const [focusableItemsCount, setFocusableItemsCount] = React21.useState(0);
|
|
5851
|
+
React21.useEffect(() => {
|
|
6000
5852
|
const node = ref.current;
|
|
6001
5853
|
if (node) {
|
|
6002
5854
|
node.addEventListener(ENTRY_FOCUS, handleEntryFocus);
|
|
6003
5855
|
return () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);
|
|
6004
5856
|
}
|
|
6005
5857
|
}, [handleEntryFocus]);
|
|
6006
|
-
return /* @__PURE__ */
|
|
5858
|
+
return /* @__PURE__ */ jsx11(
|
|
6007
5859
|
RovingFocusProvider,
|
|
6008
5860
|
{
|
|
6009
5861
|
scope: __scopeRovingFocusGroup,
|
|
@@ -6011,20 +5863,20 @@ var RovingFocusGroupImpl = React25.forwardRef((props, forwardedRef) => {
|
|
|
6011
5863
|
dir: direction,
|
|
6012
5864
|
loop,
|
|
6013
5865
|
currentTabStopId,
|
|
6014
|
-
onItemFocus:
|
|
5866
|
+
onItemFocus: React21.useCallback(
|
|
6015
5867
|
(tabStopId) => setCurrentTabStopId(tabStopId),
|
|
6016
5868
|
[setCurrentTabStopId]
|
|
6017
5869
|
),
|
|
6018
|
-
onItemShiftTab:
|
|
6019
|
-
onFocusableItemAdd:
|
|
5870
|
+
onItemShiftTab: React21.useCallback(() => setIsTabbingBackOut(true), []),
|
|
5871
|
+
onFocusableItemAdd: React21.useCallback(
|
|
6020
5872
|
() => setFocusableItemsCount((prevCount) => prevCount + 1),
|
|
6021
5873
|
[]
|
|
6022
5874
|
),
|
|
6023
|
-
onFocusableItemRemove:
|
|
5875
|
+
onFocusableItemRemove: React21.useCallback(
|
|
6024
5876
|
() => setFocusableItemsCount((prevCount) => prevCount - 1),
|
|
6025
5877
|
[]
|
|
6026
5878
|
),
|
|
6027
|
-
children: /* @__PURE__ */
|
|
5879
|
+
children: /* @__PURE__ */ jsx11(
|
|
6028
5880
|
Primitive.div,
|
|
6029
5881
|
{
|
|
6030
5882
|
tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
|
|
@@ -6060,7 +5912,7 @@ var RovingFocusGroupImpl = React25.forwardRef((props, forwardedRef) => {
|
|
|
6060
5912
|
);
|
|
6061
5913
|
});
|
|
6062
5914
|
var ITEM_NAME = "RovingFocusGroupItem";
|
|
6063
|
-
var RovingFocusGroupItem =
|
|
5915
|
+
var RovingFocusGroupItem = React21.forwardRef(
|
|
6064
5916
|
(props, forwardedRef) => {
|
|
6065
5917
|
const {
|
|
6066
5918
|
__scopeRovingFocusGroup,
|
|
@@ -6075,20 +5927,20 @@ var RovingFocusGroupItem = React25.forwardRef(
|
|
|
6075
5927
|
const isCurrentTabStop = context.currentTabStopId === id;
|
|
6076
5928
|
const getItems = useCollection(__scopeRovingFocusGroup);
|
|
6077
5929
|
const { onFocusableItemAdd, onFocusableItemRemove } = context;
|
|
6078
|
-
|
|
5930
|
+
React21.useEffect(() => {
|
|
6079
5931
|
if (focusable) {
|
|
6080
5932
|
onFocusableItemAdd();
|
|
6081
5933
|
return () => onFocusableItemRemove();
|
|
6082
5934
|
}
|
|
6083
5935
|
}, [focusable, onFocusableItemAdd, onFocusableItemRemove]);
|
|
6084
|
-
return /* @__PURE__ */
|
|
5936
|
+
return /* @__PURE__ */ jsx11(
|
|
6085
5937
|
Collection.ItemSlot,
|
|
6086
5938
|
{
|
|
6087
5939
|
scope: __scopeRovingFocusGroup,
|
|
6088
5940
|
id,
|
|
6089
5941
|
focusable,
|
|
6090
5942
|
active,
|
|
6091
|
-
children: /* @__PURE__ */
|
|
5943
|
+
children: /* @__PURE__ */ jsx11(
|
|
6092
5944
|
Primitive.span,
|
|
6093
5945
|
{
|
|
6094
5946
|
tabIndex: isCurrentTabStop ? 0 : -1,
|
|
@@ -6319,10 +6171,10 @@ function __spreadArray(to, from, pack) {
|
|
|
6319
6171
|
}
|
|
6320
6172
|
|
|
6321
6173
|
// ../../node_modules/react-remove-scroll/dist/es2015/Combination.js
|
|
6322
|
-
import * as
|
|
6174
|
+
import * as React29 from "react";
|
|
6323
6175
|
|
|
6324
6176
|
// ../../node_modules/react-remove-scroll/dist/es2015/UI.js
|
|
6325
|
-
import * as
|
|
6177
|
+
import * as React25 from "react";
|
|
6326
6178
|
|
|
6327
6179
|
// ../../node_modules/react-remove-scroll-bar/dist/es2015/constants.js
|
|
6328
6180
|
var zeroRightClassName = "right-scroll-bar-position";
|
|
@@ -6369,8 +6221,8 @@ function useCallbackRef2(initialValue, callback) {
|
|
|
6369
6221
|
}
|
|
6370
6222
|
|
|
6371
6223
|
// ../../node_modules/use-callback-ref/dist/es2015/useMergeRef.js
|
|
6372
|
-
import * as
|
|
6373
|
-
var useIsomorphicLayoutEffect = typeof window !== "undefined" ?
|
|
6224
|
+
import * as React23 from "react";
|
|
6225
|
+
var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React23.useLayoutEffect : React23.useEffect;
|
|
6374
6226
|
var currentValues = /* @__PURE__ */ new WeakMap();
|
|
6375
6227
|
function useMergeRefs(refs, defaultValue) {
|
|
6376
6228
|
var callbackRef = useCallbackRef2(defaultValue || null, function(newValue) {
|
|
@@ -6487,7 +6339,7 @@ function createSidecarMedium(options) {
|
|
|
6487
6339
|
}
|
|
6488
6340
|
|
|
6489
6341
|
// ../../node_modules/use-sidecar/dist/es2015/exports.js
|
|
6490
|
-
import * as
|
|
6342
|
+
import * as React24 from "react";
|
|
6491
6343
|
var SideCar = function(_a) {
|
|
6492
6344
|
var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
|
|
6493
6345
|
if (!sideCar) {
|
|
@@ -6497,7 +6349,7 @@ var SideCar = function(_a) {
|
|
|
6497
6349
|
if (!Target) {
|
|
6498
6350
|
throw new Error("Sidecar medium not found");
|
|
6499
6351
|
}
|
|
6500
|
-
return
|
|
6352
|
+
return React24.createElement(Target, __assign({}, rest));
|
|
6501
6353
|
};
|
|
6502
6354
|
SideCar.isSideCarExport = true;
|
|
6503
6355
|
function exportSidecar(medium, exported) {
|
|
@@ -6512,9 +6364,9 @@ var effectCar = createSidecarMedium();
|
|
|
6512
6364
|
var nothing = function() {
|
|
6513
6365
|
return;
|
|
6514
6366
|
};
|
|
6515
|
-
var RemoveScroll =
|
|
6516
|
-
var ref =
|
|
6517
|
-
var _a =
|
|
6367
|
+
var RemoveScroll = React25.forwardRef(function(props, parentRef) {
|
|
6368
|
+
var ref = React25.useRef(null);
|
|
6369
|
+
var _a = React25.useState({
|
|
6518
6370
|
onScrollCapture: nothing,
|
|
6519
6371
|
onWheelCapture: nothing,
|
|
6520
6372
|
onTouchMoveCapture: nothing
|
|
@@ -6523,11 +6375,11 @@ var RemoveScroll = React28.forwardRef(function(props, parentRef) {
|
|
|
6523
6375
|
var SideCar2 = sideCar;
|
|
6524
6376
|
var containerRef = useMergeRefs([ref, parentRef]);
|
|
6525
6377
|
var containerProps = __assign(__assign({}, rest), callbacks);
|
|
6526
|
-
return
|
|
6527
|
-
|
|
6378
|
+
return React25.createElement(
|
|
6379
|
+
React25.Fragment,
|
|
6528
6380
|
null,
|
|
6529
|
-
enabled &&
|
|
6530
|
-
forwardProps ?
|
|
6381
|
+
enabled && React25.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
|
|
6382
|
+
forwardProps ? React25.cloneElement(React25.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React25.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
|
|
6531
6383
|
);
|
|
6532
6384
|
});
|
|
6533
6385
|
RemoveScroll.defaultProps = {
|
|
@@ -6541,13 +6393,13 @@ RemoveScroll.classNames = {
|
|
|
6541
6393
|
};
|
|
6542
6394
|
|
|
6543
6395
|
// ../../node_modules/react-remove-scroll/dist/es2015/SideEffect.js
|
|
6544
|
-
import * as
|
|
6396
|
+
import * as React28 from "react";
|
|
6545
6397
|
|
|
6546
6398
|
// ../../node_modules/react-remove-scroll-bar/dist/es2015/component.js
|
|
6547
|
-
import * as
|
|
6399
|
+
import * as React27 from "react";
|
|
6548
6400
|
|
|
6549
6401
|
// ../../node_modules/react-style-singleton/dist/es2015/hook.js
|
|
6550
|
-
import * as
|
|
6402
|
+
import * as React26 from "react";
|
|
6551
6403
|
|
|
6552
6404
|
// ../../node_modules/get-nonce/dist/es2015/index.js
|
|
6553
6405
|
var currentNonce;
|
|
@@ -6611,7 +6463,7 @@ var stylesheetSingleton = function() {
|
|
|
6611
6463
|
var styleHookSingleton = function() {
|
|
6612
6464
|
var sheet = stylesheetSingleton();
|
|
6613
6465
|
return function(styles, isDynamic) {
|
|
6614
|
-
|
|
6466
|
+
React26.useEffect(function() {
|
|
6615
6467
|
sheet.add(styles);
|
|
6616
6468
|
return function() {
|
|
6617
6469
|
sheet.remove();
|
|
@@ -6685,7 +6537,7 @@ var getCurrentUseCounter = function() {
|
|
|
6685
6537
|
return isFinite(counter) ? counter : 0;
|
|
6686
6538
|
};
|
|
6687
6539
|
var useLockAttribute = function() {
|
|
6688
|
-
|
|
6540
|
+
React27.useEffect(function() {
|
|
6689
6541
|
document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
|
|
6690
6542
|
return function() {
|
|
6691
6543
|
var newCounter = getCurrentUseCounter() - 1;
|
|
@@ -6700,10 +6552,10 @@ var useLockAttribute = function() {
|
|
|
6700
6552
|
var RemoveScrollBar = function(_a) {
|
|
6701
6553
|
var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? "margin" : _b;
|
|
6702
6554
|
useLockAttribute();
|
|
6703
|
-
var gap =
|
|
6555
|
+
var gap = React27.useMemo(function() {
|
|
6704
6556
|
return getGapWidth(gapMode);
|
|
6705
6557
|
}, [gapMode]);
|
|
6706
|
-
return
|
|
6558
|
+
return React27.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
|
|
6707
6559
|
};
|
|
6708
6560
|
|
|
6709
6561
|
// ../../node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js
|
|
@@ -6844,16 +6696,16 @@ var generateStyle = function(id) {
|
|
|
6844
6696
|
var idCounter = 0;
|
|
6845
6697
|
var lockStack = [];
|
|
6846
6698
|
function RemoveScrollSideCar(props) {
|
|
6847
|
-
var shouldPreventQueue =
|
|
6848
|
-
var touchStartRef =
|
|
6849
|
-
var activeAxis =
|
|
6850
|
-
var id =
|
|
6851
|
-
var Style2 =
|
|
6852
|
-
var lastProps =
|
|
6853
|
-
|
|
6699
|
+
var shouldPreventQueue = React28.useRef([]);
|
|
6700
|
+
var touchStartRef = React28.useRef([0, 0]);
|
|
6701
|
+
var activeAxis = React28.useRef();
|
|
6702
|
+
var id = React28.useState(idCounter++)[0];
|
|
6703
|
+
var Style2 = React28.useState(styleSingleton)[0];
|
|
6704
|
+
var lastProps = React28.useRef(props);
|
|
6705
|
+
React28.useEffect(function() {
|
|
6854
6706
|
lastProps.current = props;
|
|
6855
6707
|
}, [props]);
|
|
6856
|
-
|
|
6708
|
+
React28.useEffect(function() {
|
|
6857
6709
|
if (props.inert) {
|
|
6858
6710
|
document.body.classList.add("block-interactivity-".concat(id));
|
|
6859
6711
|
var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);
|
|
@@ -6869,7 +6721,7 @@ function RemoveScrollSideCar(props) {
|
|
|
6869
6721
|
}
|
|
6870
6722
|
return;
|
|
6871
6723
|
}, [props.inert, props.lockRef.current, props.shards]);
|
|
6872
|
-
var shouldCancelEvent =
|
|
6724
|
+
var shouldCancelEvent = React28.useCallback(function(event, parent) {
|
|
6873
6725
|
if ("touches" in event && event.touches.length === 2 || event.type === "wheel" && event.ctrlKey) {
|
|
6874
6726
|
return !lastProps.current.allowPinchZoom;
|
|
6875
6727
|
}
|
|
@@ -6905,7 +6757,7 @@ function RemoveScrollSideCar(props) {
|
|
|
6905
6757
|
var cancelingAxis = activeAxis.current || currentAxis;
|
|
6906
6758
|
return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
|
|
6907
6759
|
}, []);
|
|
6908
|
-
var shouldPrevent =
|
|
6760
|
+
var shouldPrevent = React28.useCallback(function(_event) {
|
|
6909
6761
|
var event = _event;
|
|
6910
6762
|
if (!lockStack.length || lockStack[lockStack.length - 1] !== Style2) {
|
|
6911
6763
|
return;
|
|
@@ -6932,7 +6784,7 @@ function RemoveScrollSideCar(props) {
|
|
|
6932
6784
|
}
|
|
6933
6785
|
}
|
|
6934
6786
|
}, []);
|
|
6935
|
-
var shouldCancel =
|
|
6787
|
+
var shouldCancel = React28.useCallback(function(name, delta, target, should) {
|
|
6936
6788
|
var event = { name, delta, target, should, shadowParent: getOutermostShadowParent(target) };
|
|
6937
6789
|
shouldPreventQueue.current.push(event);
|
|
6938
6790
|
setTimeout(function() {
|
|
@@ -6941,17 +6793,17 @@ function RemoveScrollSideCar(props) {
|
|
|
6941
6793
|
});
|
|
6942
6794
|
}, 1);
|
|
6943
6795
|
}, []);
|
|
6944
|
-
var scrollTouchStart =
|
|
6796
|
+
var scrollTouchStart = React28.useCallback(function(event) {
|
|
6945
6797
|
touchStartRef.current = getTouchXY(event);
|
|
6946
6798
|
activeAxis.current = void 0;
|
|
6947
6799
|
}, []);
|
|
6948
|
-
var scrollWheel =
|
|
6800
|
+
var scrollWheel = React28.useCallback(function(event) {
|
|
6949
6801
|
shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
|
|
6950
6802
|
}, []);
|
|
6951
|
-
var scrollTouchMove =
|
|
6803
|
+
var scrollTouchMove = React28.useCallback(function(event) {
|
|
6952
6804
|
shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
|
|
6953
6805
|
}, []);
|
|
6954
|
-
|
|
6806
|
+
React28.useEffect(function() {
|
|
6955
6807
|
lockStack.push(Style2);
|
|
6956
6808
|
props.setCallbacks({
|
|
6957
6809
|
onScrollCapture: scrollWheel,
|
|
@@ -6971,11 +6823,11 @@ function RemoveScrollSideCar(props) {
|
|
|
6971
6823
|
};
|
|
6972
6824
|
}, []);
|
|
6973
6825
|
var removeScrollBar = props.removeScrollBar, inert = props.inert;
|
|
6974
|
-
return
|
|
6975
|
-
|
|
6826
|
+
return React28.createElement(
|
|
6827
|
+
React28.Fragment,
|
|
6976
6828
|
null,
|
|
6977
|
-
inert ?
|
|
6978
|
-
removeScrollBar ?
|
|
6829
|
+
inert ? React28.createElement(Style2, { styles: generateStyle(id) }) : null,
|
|
6830
|
+
removeScrollBar ? React28.createElement(RemoveScrollBar, { gapMode: props.gapMode }) : null
|
|
6979
6831
|
);
|
|
6980
6832
|
}
|
|
6981
6833
|
function getOutermostShadowParent(node) {
|
|
@@ -6994,14 +6846,14 @@ function getOutermostShadowParent(node) {
|
|
|
6994
6846
|
var sidecar_default = exportSidecar(effectCar, RemoveScrollSideCar);
|
|
6995
6847
|
|
|
6996
6848
|
// ../../node_modules/react-remove-scroll/dist/es2015/Combination.js
|
|
6997
|
-
var ReactRemoveScroll =
|
|
6998
|
-
return
|
|
6849
|
+
var ReactRemoveScroll = React29.forwardRef(function(props, ref) {
|
|
6850
|
+
return React29.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
|
|
6999
6851
|
});
|
|
7000
6852
|
ReactRemoveScroll.classNames = RemoveScroll.classNames;
|
|
7001
6853
|
var Combination_default = ReactRemoveScroll;
|
|
7002
6854
|
|
|
7003
6855
|
// ../../node_modules/@radix-ui/react-menu/dist/index.mjs
|
|
7004
|
-
import { jsx as
|
|
6856
|
+
import { jsx as jsx12 } from "react/jsx-runtime";
|
|
7005
6857
|
var SELECTION_KEYS = ["Enter", " "];
|
|
7006
6858
|
var FIRST_KEYS = ["ArrowDown", "PageUp", "Home"];
|
|
7007
6859
|
var LAST_KEYS = ["ArrowUp", "PageDown", "End"];
|
|
@@ -7028,11 +6880,11 @@ var [MenuRootProvider, useMenuRootContext] = createMenuContext(MENU_NAME);
|
|
|
7028
6880
|
var Menu = (props) => {
|
|
7029
6881
|
const { __scopeMenu, open = false, children, dir, onOpenChange, modal = true } = props;
|
|
7030
6882
|
const popperScope = usePopperScope(__scopeMenu);
|
|
7031
|
-
const [content, setContent] =
|
|
7032
|
-
const isUsingKeyboardRef =
|
|
6883
|
+
const [content, setContent] = React30.useState(null);
|
|
6884
|
+
const isUsingKeyboardRef = React30.useRef(false);
|
|
7033
6885
|
const handleOpenChange = useCallbackRef(onOpenChange);
|
|
7034
6886
|
const direction = useDirection(dir);
|
|
7035
|
-
|
|
6887
|
+
React30.useEffect(() => {
|
|
7036
6888
|
const handleKeyDown = () => {
|
|
7037
6889
|
isUsingKeyboardRef.current = true;
|
|
7038
6890
|
document.addEventListener("pointerdown", handlePointer, { capture: true, once: true });
|
|
@@ -7046,7 +6898,7 @@ var Menu = (props) => {
|
|
|
7046
6898
|
document.removeEventListener("pointermove", handlePointer, { capture: true });
|
|
7047
6899
|
};
|
|
7048
6900
|
}, []);
|
|
7049
|
-
return /* @__PURE__ */
|
|
6901
|
+
return /* @__PURE__ */ jsx12(Root2, { ...popperScope, children: /* @__PURE__ */ jsx12(
|
|
7050
6902
|
MenuProvider,
|
|
7051
6903
|
{
|
|
7052
6904
|
scope: __scopeMenu,
|
|
@@ -7054,11 +6906,11 @@ var Menu = (props) => {
|
|
|
7054
6906
|
onOpenChange: handleOpenChange,
|
|
7055
6907
|
content,
|
|
7056
6908
|
onContentChange: setContent,
|
|
7057
|
-
children: /* @__PURE__ */
|
|
6909
|
+
children: /* @__PURE__ */ jsx12(
|
|
7058
6910
|
MenuRootProvider,
|
|
7059
6911
|
{
|
|
7060
6912
|
scope: __scopeMenu,
|
|
7061
|
-
onClose:
|
|
6913
|
+
onClose: React30.useCallback(() => handleOpenChange(false), [handleOpenChange]),
|
|
7062
6914
|
isUsingKeyboardRef,
|
|
7063
6915
|
dir: direction,
|
|
7064
6916
|
modal,
|
|
@@ -7070,11 +6922,11 @@ var Menu = (props) => {
|
|
|
7070
6922
|
};
|
|
7071
6923
|
Menu.displayName = MENU_NAME;
|
|
7072
6924
|
var ANCHOR_NAME2 = "MenuAnchor";
|
|
7073
|
-
var MenuAnchor =
|
|
6925
|
+
var MenuAnchor = React30.forwardRef(
|
|
7074
6926
|
(props, forwardedRef) => {
|
|
7075
6927
|
const { __scopeMenu, ...anchorProps } = props;
|
|
7076
6928
|
const popperScope = usePopperScope(__scopeMenu);
|
|
7077
|
-
return /* @__PURE__ */
|
|
6929
|
+
return /* @__PURE__ */ jsx12(Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
|
|
7078
6930
|
}
|
|
7079
6931
|
);
|
|
7080
6932
|
MenuAnchor.displayName = ANCHOR_NAME2;
|
|
@@ -7085,30 +6937,30 @@ var [PortalProvider, usePortalContext] = createMenuContext(PORTAL_NAME2, {
|
|
|
7085
6937
|
var MenuPortal = (props) => {
|
|
7086
6938
|
const { __scopeMenu, forceMount, children, container } = props;
|
|
7087
6939
|
const context = useMenuContext(PORTAL_NAME2, __scopeMenu);
|
|
7088
|
-
return /* @__PURE__ */
|
|
6940
|
+
return /* @__PURE__ */ jsx12(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsx12(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx12(Portal, { asChild: true, container, children }) }) });
|
|
7089
6941
|
};
|
|
7090
6942
|
MenuPortal.displayName = PORTAL_NAME2;
|
|
7091
6943
|
var CONTENT_NAME2 = "MenuContent";
|
|
7092
6944
|
var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME2);
|
|
7093
|
-
var MenuContent =
|
|
6945
|
+
var MenuContent = React30.forwardRef(
|
|
7094
6946
|
(props, forwardedRef) => {
|
|
7095
6947
|
const portalContext = usePortalContext(CONTENT_NAME2, props.__scopeMenu);
|
|
7096
6948
|
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
7097
6949
|
const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
|
|
7098
6950
|
const rootContext = useMenuRootContext(CONTENT_NAME2, props.__scopeMenu);
|
|
7099
|
-
return /* @__PURE__ */
|
|
6951
|
+
return /* @__PURE__ */ jsx12(Collection2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx12(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx12(Collection2.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ jsx12(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx12(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
|
|
7100
6952
|
}
|
|
7101
6953
|
);
|
|
7102
|
-
var MenuRootContentModal =
|
|
6954
|
+
var MenuRootContentModal = React30.forwardRef(
|
|
7103
6955
|
(props, forwardedRef) => {
|
|
7104
6956
|
const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
|
|
7105
|
-
const ref =
|
|
6957
|
+
const ref = React30.useRef(null);
|
|
7106
6958
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
7107
|
-
|
|
6959
|
+
React30.useEffect(() => {
|
|
7108
6960
|
const content = ref.current;
|
|
7109
6961
|
if (content) return hideOthers(content);
|
|
7110
6962
|
}, []);
|
|
7111
|
-
return /* @__PURE__ */
|
|
6963
|
+
return /* @__PURE__ */ jsx12(
|
|
7112
6964
|
MenuContentImpl,
|
|
7113
6965
|
{
|
|
7114
6966
|
...props,
|
|
@@ -7126,9 +6978,9 @@ var MenuRootContentModal = React33.forwardRef(
|
|
|
7126
6978
|
);
|
|
7127
6979
|
}
|
|
7128
6980
|
);
|
|
7129
|
-
var MenuRootContentNonModal =
|
|
6981
|
+
var MenuRootContentNonModal = React30.forwardRef((props, forwardedRef) => {
|
|
7130
6982
|
const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
|
|
7131
|
-
return /* @__PURE__ */
|
|
6983
|
+
return /* @__PURE__ */ jsx12(
|
|
7132
6984
|
MenuContentImpl,
|
|
7133
6985
|
{
|
|
7134
6986
|
...props,
|
|
@@ -7140,7 +6992,7 @@ var MenuRootContentNonModal = React33.forwardRef((props, forwardedRef) => {
|
|
|
7140
6992
|
}
|
|
7141
6993
|
);
|
|
7142
6994
|
});
|
|
7143
|
-
var MenuContentImpl =
|
|
6995
|
+
var MenuContentImpl = React30.forwardRef(
|
|
7144
6996
|
(props, forwardedRef) => {
|
|
7145
6997
|
const {
|
|
7146
6998
|
__scopeMenu,
|
|
@@ -7163,16 +7015,16 @@ var MenuContentImpl = React33.forwardRef(
|
|
|
7163
7015
|
const popperScope = usePopperScope(__scopeMenu);
|
|
7164
7016
|
const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
|
|
7165
7017
|
const getItems = useCollection2(__scopeMenu);
|
|
7166
|
-
const [currentItemId, setCurrentItemId] =
|
|
7167
|
-
const contentRef =
|
|
7018
|
+
const [currentItemId, setCurrentItemId] = React30.useState(null);
|
|
7019
|
+
const contentRef = React30.useRef(null);
|
|
7168
7020
|
const composedRefs = useComposedRefs(forwardedRef, contentRef, context.onContentChange);
|
|
7169
|
-
const timerRef =
|
|
7170
|
-
const searchRef =
|
|
7171
|
-
const pointerGraceTimerRef =
|
|
7172
|
-
const pointerGraceIntentRef =
|
|
7173
|
-
const pointerDirRef =
|
|
7174
|
-
const lastPointerXRef =
|
|
7175
|
-
const ScrollLockWrapper = disableOutsideScroll ? Combination_default :
|
|
7021
|
+
const timerRef = React30.useRef(0);
|
|
7022
|
+
const searchRef = React30.useRef("");
|
|
7023
|
+
const pointerGraceTimerRef = React30.useRef(0);
|
|
7024
|
+
const pointerGraceIntentRef = React30.useRef(null);
|
|
7025
|
+
const pointerDirRef = React30.useRef("right");
|
|
7026
|
+
const lastPointerXRef = React30.useRef(0);
|
|
7027
|
+
const ScrollLockWrapper = disableOutsideScroll ? Combination_default : React30.Fragment;
|
|
7176
7028
|
const scrollLockWrapperProps = disableOutsideScroll ? { as: Slot4, allowPinchZoom: true } : void 0;
|
|
7177
7029
|
const handleTypeaheadSearch = (key) => {
|
|
7178
7030
|
const search = searchRef.current + key;
|
|
@@ -7191,26 +7043,26 @@ var MenuContentImpl = React33.forwardRef(
|
|
|
7191
7043
|
setTimeout(() => newItem.focus());
|
|
7192
7044
|
}
|
|
7193
7045
|
};
|
|
7194
|
-
|
|
7046
|
+
React30.useEffect(() => {
|
|
7195
7047
|
return () => window.clearTimeout(timerRef.current);
|
|
7196
7048
|
}, []);
|
|
7197
7049
|
useFocusGuards();
|
|
7198
|
-
const isPointerMovingToSubmenu =
|
|
7050
|
+
const isPointerMovingToSubmenu = React30.useCallback((event) => {
|
|
7199
7051
|
const isMovingTowards = pointerDirRef.current === pointerGraceIntentRef.current?.side;
|
|
7200
7052
|
return isMovingTowards && isPointerInGraceArea(event, pointerGraceIntentRef.current?.area);
|
|
7201
7053
|
}, []);
|
|
7202
|
-
return /* @__PURE__ */
|
|
7054
|
+
return /* @__PURE__ */ jsx12(
|
|
7203
7055
|
MenuContentProvider,
|
|
7204
7056
|
{
|
|
7205
7057
|
scope: __scopeMenu,
|
|
7206
7058
|
searchRef,
|
|
7207
|
-
onItemEnter:
|
|
7059
|
+
onItemEnter: React30.useCallback(
|
|
7208
7060
|
(event) => {
|
|
7209
7061
|
if (isPointerMovingToSubmenu(event)) event.preventDefault();
|
|
7210
7062
|
},
|
|
7211
7063
|
[isPointerMovingToSubmenu]
|
|
7212
7064
|
),
|
|
7213
|
-
onItemLeave:
|
|
7065
|
+
onItemLeave: React30.useCallback(
|
|
7214
7066
|
(event) => {
|
|
7215
7067
|
if (isPointerMovingToSubmenu(event)) return;
|
|
7216
7068
|
contentRef.current?.focus();
|
|
@@ -7218,17 +7070,17 @@ var MenuContentImpl = React33.forwardRef(
|
|
|
7218
7070
|
},
|
|
7219
7071
|
[isPointerMovingToSubmenu]
|
|
7220
7072
|
),
|
|
7221
|
-
onTriggerLeave:
|
|
7073
|
+
onTriggerLeave: React30.useCallback(
|
|
7222
7074
|
(event) => {
|
|
7223
7075
|
if (isPointerMovingToSubmenu(event)) event.preventDefault();
|
|
7224
7076
|
},
|
|
7225
7077
|
[isPointerMovingToSubmenu]
|
|
7226
7078
|
),
|
|
7227
7079
|
pointerGraceTimerRef,
|
|
7228
|
-
onPointerGraceIntentChange:
|
|
7080
|
+
onPointerGraceIntentChange: React30.useCallback((intent) => {
|
|
7229
7081
|
pointerGraceIntentRef.current = intent;
|
|
7230
7082
|
}, []),
|
|
7231
|
-
children: /* @__PURE__ */
|
|
7083
|
+
children: /* @__PURE__ */ jsx12(ScrollLockWrapper, { ...scrollLockWrapperProps, children: /* @__PURE__ */ jsx12(
|
|
7232
7084
|
FocusScope,
|
|
7233
7085
|
{
|
|
7234
7086
|
asChild: true,
|
|
@@ -7238,7 +7090,7 @@ var MenuContentImpl = React33.forwardRef(
|
|
|
7238
7090
|
contentRef.current?.focus({ preventScroll: true });
|
|
7239
7091
|
}),
|
|
7240
7092
|
onUnmountAutoFocus: onCloseAutoFocus,
|
|
7241
|
-
children: /* @__PURE__ */
|
|
7093
|
+
children: /* @__PURE__ */ jsx12(
|
|
7242
7094
|
DismissableLayer,
|
|
7243
7095
|
{
|
|
7244
7096
|
asChild: true,
|
|
@@ -7248,7 +7100,7 @@ var MenuContentImpl = React33.forwardRef(
|
|
|
7248
7100
|
onFocusOutside,
|
|
7249
7101
|
onInteractOutside,
|
|
7250
7102
|
onDismiss,
|
|
7251
|
-
children: /* @__PURE__ */
|
|
7103
|
+
children: /* @__PURE__ */ jsx12(
|
|
7252
7104
|
Root3,
|
|
7253
7105
|
{
|
|
7254
7106
|
asChild: true,
|
|
@@ -7262,7 +7114,7 @@ var MenuContentImpl = React33.forwardRef(
|
|
|
7262
7114
|
if (!rootContext.isUsingKeyboardRef.current) event.preventDefault();
|
|
7263
7115
|
}),
|
|
7264
7116
|
preventScrollOnEntryFocus: true,
|
|
7265
|
-
children: /* @__PURE__ */
|
|
7117
|
+
children: /* @__PURE__ */ jsx12(
|
|
7266
7118
|
Content,
|
|
7267
7119
|
{
|
|
7268
7120
|
role: "menu",
|
|
@@ -7324,31 +7176,31 @@ var MenuContentImpl = React33.forwardRef(
|
|
|
7324
7176
|
);
|
|
7325
7177
|
MenuContent.displayName = CONTENT_NAME2;
|
|
7326
7178
|
var GROUP_NAME2 = "MenuGroup";
|
|
7327
|
-
var MenuGroup =
|
|
7179
|
+
var MenuGroup = React30.forwardRef(
|
|
7328
7180
|
(props, forwardedRef) => {
|
|
7329
7181
|
const { __scopeMenu, ...groupProps } = props;
|
|
7330
|
-
return /* @__PURE__ */
|
|
7182
|
+
return /* @__PURE__ */ jsx12(Primitive.div, { role: "group", ...groupProps, ref: forwardedRef });
|
|
7331
7183
|
}
|
|
7332
7184
|
);
|
|
7333
7185
|
MenuGroup.displayName = GROUP_NAME2;
|
|
7334
7186
|
var LABEL_NAME = "MenuLabel";
|
|
7335
|
-
var MenuLabel =
|
|
7187
|
+
var MenuLabel = React30.forwardRef(
|
|
7336
7188
|
(props, forwardedRef) => {
|
|
7337
7189
|
const { __scopeMenu, ...labelProps } = props;
|
|
7338
|
-
return /* @__PURE__ */
|
|
7190
|
+
return /* @__PURE__ */ jsx12(Primitive.div, { ...labelProps, ref: forwardedRef });
|
|
7339
7191
|
}
|
|
7340
7192
|
);
|
|
7341
7193
|
MenuLabel.displayName = LABEL_NAME;
|
|
7342
7194
|
var ITEM_NAME2 = "MenuItem";
|
|
7343
7195
|
var ITEM_SELECT = "menu.itemSelect";
|
|
7344
|
-
var MenuItem =
|
|
7196
|
+
var MenuItem = React30.forwardRef(
|
|
7345
7197
|
(props, forwardedRef) => {
|
|
7346
7198
|
const { disabled = false, onSelect, ...itemProps } = props;
|
|
7347
|
-
const ref =
|
|
7199
|
+
const ref = React30.useRef(null);
|
|
7348
7200
|
const rootContext = useMenuRootContext(ITEM_NAME2, props.__scopeMenu);
|
|
7349
7201
|
const contentContext = useMenuContentContext(ITEM_NAME2, props.__scopeMenu);
|
|
7350
7202
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
7351
|
-
const isPointerDownRef =
|
|
7203
|
+
const isPointerDownRef = React30.useRef(false);
|
|
7352
7204
|
const handleSelect = () => {
|
|
7353
7205
|
const menuItem = ref.current;
|
|
7354
7206
|
if (!disabled && menuItem) {
|
|
@@ -7362,7 +7214,7 @@ var MenuItem = React33.forwardRef(
|
|
|
7362
7214
|
}
|
|
7363
7215
|
}
|
|
7364
7216
|
};
|
|
7365
|
-
return /* @__PURE__ */
|
|
7217
|
+
return /* @__PURE__ */ jsx12(
|
|
7366
7218
|
MenuItemImpl,
|
|
7367
7219
|
{
|
|
7368
7220
|
...itemProps,
|
|
@@ -7389,28 +7241,28 @@ var MenuItem = React33.forwardRef(
|
|
|
7389
7241
|
}
|
|
7390
7242
|
);
|
|
7391
7243
|
MenuItem.displayName = ITEM_NAME2;
|
|
7392
|
-
var MenuItemImpl =
|
|
7244
|
+
var MenuItemImpl = React30.forwardRef(
|
|
7393
7245
|
(props, forwardedRef) => {
|
|
7394
7246
|
const { __scopeMenu, disabled = false, textValue, ...itemProps } = props;
|
|
7395
7247
|
const contentContext = useMenuContentContext(ITEM_NAME2, __scopeMenu);
|
|
7396
7248
|
const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
|
|
7397
|
-
const ref =
|
|
7249
|
+
const ref = React30.useRef(null);
|
|
7398
7250
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
7399
|
-
const [isFocused, setIsFocused] =
|
|
7400
|
-
const [textContent, setTextContent] =
|
|
7401
|
-
|
|
7251
|
+
const [isFocused, setIsFocused] = React30.useState(false);
|
|
7252
|
+
const [textContent, setTextContent] = React30.useState("");
|
|
7253
|
+
React30.useEffect(() => {
|
|
7402
7254
|
const menuItem = ref.current;
|
|
7403
7255
|
if (menuItem) {
|
|
7404
7256
|
setTextContent((menuItem.textContent ?? "").trim());
|
|
7405
7257
|
}
|
|
7406
7258
|
}, [itemProps.children]);
|
|
7407
|
-
return /* @__PURE__ */
|
|
7259
|
+
return /* @__PURE__ */ jsx12(
|
|
7408
7260
|
Collection2.ItemSlot,
|
|
7409
7261
|
{
|
|
7410
7262
|
scope: __scopeMenu,
|
|
7411
7263
|
disabled,
|
|
7412
7264
|
textValue: textValue ?? textContent,
|
|
7413
|
-
children: /* @__PURE__ */
|
|
7265
|
+
children: /* @__PURE__ */ jsx12(Item, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsx12(
|
|
7414
7266
|
Primitive.div,
|
|
7415
7267
|
{
|
|
7416
7268
|
role: "menuitem",
|
|
@@ -7446,10 +7298,10 @@ var MenuItemImpl = React33.forwardRef(
|
|
|
7446
7298
|
}
|
|
7447
7299
|
);
|
|
7448
7300
|
var CHECKBOX_ITEM_NAME = "MenuCheckboxItem";
|
|
7449
|
-
var MenuCheckboxItem =
|
|
7301
|
+
var MenuCheckboxItem = React30.forwardRef(
|
|
7450
7302
|
(props, forwardedRef) => {
|
|
7451
7303
|
const { checked = false, onCheckedChange, ...checkboxItemProps } = props;
|
|
7452
|
-
return /* @__PURE__ */
|
|
7304
|
+
return /* @__PURE__ */ jsx12(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsx12(
|
|
7453
7305
|
MenuItem,
|
|
7454
7306
|
{
|
|
7455
7307
|
role: "menuitemcheckbox",
|
|
@@ -7473,21 +7325,21 @@ var [RadioGroupProvider, useRadioGroupContext] = createMenuContext(
|
|
|
7473
7325
|
{ value: void 0, onValueChange: () => {
|
|
7474
7326
|
} }
|
|
7475
7327
|
);
|
|
7476
|
-
var MenuRadioGroup =
|
|
7328
|
+
var MenuRadioGroup = React30.forwardRef(
|
|
7477
7329
|
(props, forwardedRef) => {
|
|
7478
7330
|
const { value, onValueChange, ...groupProps } = props;
|
|
7479
7331
|
const handleValueChange = useCallbackRef(onValueChange);
|
|
7480
|
-
return /* @__PURE__ */
|
|
7332
|
+
return /* @__PURE__ */ jsx12(RadioGroupProvider, { scope: props.__scopeMenu, value, onValueChange: handleValueChange, children: /* @__PURE__ */ jsx12(MenuGroup, { ...groupProps, ref: forwardedRef }) });
|
|
7481
7333
|
}
|
|
7482
7334
|
);
|
|
7483
7335
|
MenuRadioGroup.displayName = RADIO_GROUP_NAME;
|
|
7484
7336
|
var RADIO_ITEM_NAME = "MenuRadioItem";
|
|
7485
|
-
var MenuRadioItem =
|
|
7337
|
+
var MenuRadioItem = React30.forwardRef(
|
|
7486
7338
|
(props, forwardedRef) => {
|
|
7487
7339
|
const { value, ...radioItemProps } = props;
|
|
7488
7340
|
const context = useRadioGroupContext(RADIO_ITEM_NAME, props.__scopeMenu);
|
|
7489
7341
|
const checked = value === context.value;
|
|
7490
|
-
return /* @__PURE__ */
|
|
7342
|
+
return /* @__PURE__ */ jsx12(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsx12(
|
|
7491
7343
|
MenuItem,
|
|
7492
7344
|
{
|
|
7493
7345
|
role: "menuitemradio",
|
|
@@ -7510,15 +7362,15 @@ var [ItemIndicatorProvider, useItemIndicatorContext] = createMenuContext(
|
|
|
7510
7362
|
ITEM_INDICATOR_NAME,
|
|
7511
7363
|
{ checked: false }
|
|
7512
7364
|
);
|
|
7513
|
-
var MenuItemIndicator =
|
|
7365
|
+
var MenuItemIndicator = React30.forwardRef(
|
|
7514
7366
|
(props, forwardedRef) => {
|
|
7515
7367
|
const { __scopeMenu, forceMount, ...itemIndicatorProps } = props;
|
|
7516
7368
|
const indicatorContext = useItemIndicatorContext(ITEM_INDICATOR_NAME, __scopeMenu);
|
|
7517
|
-
return /* @__PURE__ */
|
|
7369
|
+
return /* @__PURE__ */ jsx12(
|
|
7518
7370
|
Presence,
|
|
7519
7371
|
{
|
|
7520
7372
|
present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
|
|
7521
|
-
children: /* @__PURE__ */
|
|
7373
|
+
children: /* @__PURE__ */ jsx12(
|
|
7522
7374
|
Primitive.span,
|
|
7523
7375
|
{
|
|
7524
7376
|
...itemIndicatorProps,
|
|
@@ -7532,10 +7384,10 @@ var MenuItemIndicator = React33.forwardRef(
|
|
|
7532
7384
|
);
|
|
7533
7385
|
MenuItemIndicator.displayName = ITEM_INDICATOR_NAME;
|
|
7534
7386
|
var SEPARATOR_NAME = "MenuSeparator";
|
|
7535
|
-
var MenuSeparator =
|
|
7387
|
+
var MenuSeparator = React30.forwardRef(
|
|
7536
7388
|
(props, forwardedRef) => {
|
|
7537
7389
|
const { __scopeMenu, ...separatorProps } = props;
|
|
7538
|
-
return /* @__PURE__ */
|
|
7390
|
+
return /* @__PURE__ */ jsx12(
|
|
7539
7391
|
Primitive.div,
|
|
7540
7392
|
{
|
|
7541
7393
|
role: "separator",
|
|
@@ -7548,11 +7400,11 @@ var MenuSeparator = React33.forwardRef(
|
|
|
7548
7400
|
);
|
|
7549
7401
|
MenuSeparator.displayName = SEPARATOR_NAME;
|
|
7550
7402
|
var ARROW_NAME2 = "MenuArrow";
|
|
7551
|
-
var MenuArrow =
|
|
7403
|
+
var MenuArrow = React30.forwardRef(
|
|
7552
7404
|
(props, forwardedRef) => {
|
|
7553
7405
|
const { __scopeMenu, ...arrowProps } = props;
|
|
7554
7406
|
const popperScope = usePopperScope(__scopeMenu);
|
|
7555
|
-
return /* @__PURE__ */
|
|
7407
|
+
return /* @__PURE__ */ jsx12(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef });
|
|
7556
7408
|
}
|
|
7557
7409
|
);
|
|
7558
7410
|
MenuArrow.displayName = ARROW_NAME2;
|
|
@@ -7562,14 +7414,14 @@ var MenuSub = (props) => {
|
|
|
7562
7414
|
const { __scopeMenu, children, open = false, onOpenChange } = props;
|
|
7563
7415
|
const parentMenuContext = useMenuContext(SUB_NAME, __scopeMenu);
|
|
7564
7416
|
const popperScope = usePopperScope(__scopeMenu);
|
|
7565
|
-
const [trigger, setTrigger] =
|
|
7566
|
-
const [content, setContent] =
|
|
7417
|
+
const [trigger, setTrigger] = React30.useState(null);
|
|
7418
|
+
const [content, setContent] = React30.useState(null);
|
|
7567
7419
|
const handleOpenChange = useCallbackRef(onOpenChange);
|
|
7568
|
-
|
|
7420
|
+
React30.useEffect(() => {
|
|
7569
7421
|
if (parentMenuContext.open === false) handleOpenChange(false);
|
|
7570
7422
|
return () => handleOpenChange(false);
|
|
7571
7423
|
}, [parentMenuContext.open, handleOpenChange]);
|
|
7572
|
-
return /* @__PURE__ */
|
|
7424
|
+
return /* @__PURE__ */ jsx12(Root2, { ...popperScope, children: /* @__PURE__ */ jsx12(
|
|
7573
7425
|
MenuProvider,
|
|
7574
7426
|
{
|
|
7575
7427
|
scope: __scopeMenu,
|
|
@@ -7577,7 +7429,7 @@ var MenuSub = (props) => {
|
|
|
7577
7429
|
onOpenChange: handleOpenChange,
|
|
7578
7430
|
content,
|
|
7579
7431
|
onContentChange: setContent,
|
|
7580
|
-
children: /* @__PURE__ */
|
|
7432
|
+
children: /* @__PURE__ */ jsx12(
|
|
7581
7433
|
MenuSubProvider,
|
|
7582
7434
|
{
|
|
7583
7435
|
scope: __scopeMenu,
|
|
@@ -7593,28 +7445,28 @@ var MenuSub = (props) => {
|
|
|
7593
7445
|
};
|
|
7594
7446
|
MenuSub.displayName = SUB_NAME;
|
|
7595
7447
|
var SUB_TRIGGER_NAME = "MenuSubTrigger";
|
|
7596
|
-
var MenuSubTrigger =
|
|
7448
|
+
var MenuSubTrigger = React30.forwardRef(
|
|
7597
7449
|
(props, forwardedRef) => {
|
|
7598
7450
|
const context = useMenuContext(SUB_TRIGGER_NAME, props.__scopeMenu);
|
|
7599
7451
|
const rootContext = useMenuRootContext(SUB_TRIGGER_NAME, props.__scopeMenu);
|
|
7600
7452
|
const subContext = useMenuSubContext(SUB_TRIGGER_NAME, props.__scopeMenu);
|
|
7601
7453
|
const contentContext = useMenuContentContext(SUB_TRIGGER_NAME, props.__scopeMenu);
|
|
7602
|
-
const openTimerRef =
|
|
7454
|
+
const openTimerRef = React30.useRef(null);
|
|
7603
7455
|
const { pointerGraceTimerRef, onPointerGraceIntentChange } = contentContext;
|
|
7604
7456
|
const scope = { __scopeMenu: props.__scopeMenu };
|
|
7605
|
-
const clearOpenTimer =
|
|
7457
|
+
const clearOpenTimer = React30.useCallback(() => {
|
|
7606
7458
|
if (openTimerRef.current) window.clearTimeout(openTimerRef.current);
|
|
7607
7459
|
openTimerRef.current = null;
|
|
7608
7460
|
}, []);
|
|
7609
|
-
|
|
7610
|
-
|
|
7461
|
+
React30.useEffect(() => clearOpenTimer, [clearOpenTimer]);
|
|
7462
|
+
React30.useEffect(() => {
|
|
7611
7463
|
const pointerGraceTimer = pointerGraceTimerRef.current;
|
|
7612
7464
|
return () => {
|
|
7613
7465
|
window.clearTimeout(pointerGraceTimer);
|
|
7614
7466
|
onPointerGraceIntentChange(null);
|
|
7615
7467
|
};
|
|
7616
7468
|
}, [pointerGraceTimerRef, onPointerGraceIntentChange]);
|
|
7617
|
-
return /* @__PURE__ */
|
|
7469
|
+
return /* @__PURE__ */ jsx12(MenuAnchor, { asChild: true, ...scope, children: /* @__PURE__ */ jsx12(
|
|
7618
7470
|
MenuItemImpl,
|
|
7619
7471
|
{
|
|
7620
7472
|
id: subContext.triggerId,
|
|
@@ -7694,16 +7546,16 @@ var MenuSubTrigger = React33.forwardRef(
|
|
|
7694
7546
|
);
|
|
7695
7547
|
MenuSubTrigger.displayName = SUB_TRIGGER_NAME;
|
|
7696
7548
|
var SUB_CONTENT_NAME = "MenuSubContent";
|
|
7697
|
-
var MenuSubContent =
|
|
7549
|
+
var MenuSubContent = React30.forwardRef(
|
|
7698
7550
|
(props, forwardedRef) => {
|
|
7699
7551
|
const portalContext = usePortalContext(CONTENT_NAME2, props.__scopeMenu);
|
|
7700
7552
|
const { forceMount = portalContext.forceMount, ...subContentProps } = props;
|
|
7701
7553
|
const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
|
|
7702
7554
|
const rootContext = useMenuRootContext(CONTENT_NAME2, props.__scopeMenu);
|
|
7703
7555
|
const subContext = useMenuSubContext(SUB_CONTENT_NAME, props.__scopeMenu);
|
|
7704
|
-
const ref =
|
|
7556
|
+
const ref = React30.useRef(null);
|
|
7705
7557
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
7706
|
-
return /* @__PURE__ */
|
|
7558
|
+
return /* @__PURE__ */ jsx12(Collection2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx12(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx12(Collection2.Slot, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx12(
|
|
7707
7559
|
MenuContentImpl,
|
|
7708
7560
|
{
|
|
7709
7561
|
id: subContext.contentId,
|
|
@@ -7812,7 +7664,7 @@ var SubTrigger = MenuSubTrigger;
|
|
|
7812
7664
|
var SubContent = MenuSubContent;
|
|
7813
7665
|
|
|
7814
7666
|
// ../../node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs
|
|
7815
|
-
import { jsx as
|
|
7667
|
+
import { jsx as jsx13 } from "react/jsx-runtime";
|
|
7816
7668
|
var DROPDOWN_MENU_NAME = "DropdownMenu";
|
|
7817
7669
|
var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(
|
|
7818
7670
|
DROPDOWN_MENU_NAME,
|
|
@@ -7831,13 +7683,13 @@ var DropdownMenu = (props) => {
|
|
|
7831
7683
|
modal = true
|
|
7832
7684
|
} = props;
|
|
7833
7685
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7834
|
-
const triggerRef =
|
|
7686
|
+
const triggerRef = React31.useRef(null);
|
|
7835
7687
|
const [open = false, setOpen] = useControllableState({
|
|
7836
7688
|
prop: openProp,
|
|
7837
7689
|
defaultProp: defaultOpen,
|
|
7838
7690
|
onChange: onOpenChange
|
|
7839
7691
|
});
|
|
7840
|
-
return /* @__PURE__ */
|
|
7692
|
+
return /* @__PURE__ */ jsx13(
|
|
7841
7693
|
DropdownMenuProvider,
|
|
7842
7694
|
{
|
|
7843
7695
|
scope: __scopeDropdownMenu,
|
|
@@ -7846,20 +7698,20 @@ var DropdownMenu = (props) => {
|
|
|
7846
7698
|
contentId: useId(),
|
|
7847
7699
|
open,
|
|
7848
7700
|
onOpenChange: setOpen,
|
|
7849
|
-
onOpenToggle:
|
|
7701
|
+
onOpenToggle: React31.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
|
|
7850
7702
|
modal,
|
|
7851
|
-
children: /* @__PURE__ */
|
|
7703
|
+
children: /* @__PURE__ */ jsx13(Root32, { ...menuScope, open, onOpenChange: setOpen, dir, modal, children })
|
|
7852
7704
|
}
|
|
7853
7705
|
);
|
|
7854
7706
|
};
|
|
7855
7707
|
DropdownMenu.displayName = DROPDOWN_MENU_NAME;
|
|
7856
7708
|
var TRIGGER_NAME = "DropdownMenuTrigger";
|
|
7857
|
-
var DropdownMenuTrigger =
|
|
7709
|
+
var DropdownMenuTrigger = React31.forwardRef(
|
|
7858
7710
|
(props, forwardedRef) => {
|
|
7859
7711
|
const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
|
|
7860
7712
|
const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);
|
|
7861
7713
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7862
|
-
return /* @__PURE__ */
|
|
7714
|
+
return /* @__PURE__ */ jsx13(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx13(
|
|
7863
7715
|
Primitive.button,
|
|
7864
7716
|
{
|
|
7865
7717
|
type: "button",
|
|
@@ -7893,17 +7745,17 @@ var PORTAL_NAME3 = "DropdownMenuPortal";
|
|
|
7893
7745
|
var DropdownMenuPortal = (props) => {
|
|
7894
7746
|
const { __scopeDropdownMenu, ...portalProps } = props;
|
|
7895
7747
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7896
|
-
return /* @__PURE__ */
|
|
7748
|
+
return /* @__PURE__ */ jsx13(Portal2, { ...menuScope, ...portalProps });
|
|
7897
7749
|
};
|
|
7898
7750
|
DropdownMenuPortal.displayName = PORTAL_NAME3;
|
|
7899
7751
|
var CONTENT_NAME3 = "DropdownMenuContent";
|
|
7900
|
-
var DropdownMenuContent =
|
|
7752
|
+
var DropdownMenuContent = React31.forwardRef(
|
|
7901
7753
|
(props, forwardedRef) => {
|
|
7902
7754
|
const { __scopeDropdownMenu, ...contentProps } = props;
|
|
7903
7755
|
const context = useDropdownMenuContext(CONTENT_NAME3, __scopeDropdownMenu);
|
|
7904
7756
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7905
|
-
const hasInteractedOutsideRef =
|
|
7906
|
-
return /* @__PURE__ */
|
|
7757
|
+
const hasInteractedOutsideRef = React31.useRef(false);
|
|
7758
|
+
return /* @__PURE__ */ jsx13(
|
|
7907
7759
|
Content2,
|
|
7908
7760
|
{
|
|
7909
7761
|
id: context.contentId,
|
|
@@ -7939,73 +7791,73 @@ var DropdownMenuContent = React34.forwardRef(
|
|
|
7939
7791
|
);
|
|
7940
7792
|
DropdownMenuContent.displayName = CONTENT_NAME3;
|
|
7941
7793
|
var GROUP_NAME3 = "DropdownMenuGroup";
|
|
7942
|
-
var DropdownMenuGroup =
|
|
7794
|
+
var DropdownMenuGroup = React31.forwardRef(
|
|
7943
7795
|
(props, forwardedRef) => {
|
|
7944
7796
|
const { __scopeDropdownMenu, ...groupProps } = props;
|
|
7945
7797
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7946
|
-
return /* @__PURE__ */
|
|
7798
|
+
return /* @__PURE__ */ jsx13(Group, { ...menuScope, ...groupProps, ref: forwardedRef });
|
|
7947
7799
|
}
|
|
7948
7800
|
);
|
|
7949
7801
|
DropdownMenuGroup.displayName = GROUP_NAME3;
|
|
7950
7802
|
var LABEL_NAME2 = "DropdownMenuLabel";
|
|
7951
|
-
var DropdownMenuLabel =
|
|
7803
|
+
var DropdownMenuLabel = React31.forwardRef(
|
|
7952
7804
|
(props, forwardedRef) => {
|
|
7953
7805
|
const { __scopeDropdownMenu, ...labelProps } = props;
|
|
7954
7806
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7955
|
-
return /* @__PURE__ */
|
|
7807
|
+
return /* @__PURE__ */ jsx13(Label, { ...menuScope, ...labelProps, ref: forwardedRef });
|
|
7956
7808
|
}
|
|
7957
7809
|
);
|
|
7958
7810
|
DropdownMenuLabel.displayName = LABEL_NAME2;
|
|
7959
7811
|
var ITEM_NAME3 = "DropdownMenuItem";
|
|
7960
|
-
var DropdownMenuItem =
|
|
7812
|
+
var DropdownMenuItem = React31.forwardRef(
|
|
7961
7813
|
(props, forwardedRef) => {
|
|
7962
7814
|
const { __scopeDropdownMenu, ...itemProps } = props;
|
|
7963
7815
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7964
|
-
return /* @__PURE__ */
|
|
7816
|
+
return /* @__PURE__ */ jsx13(Item2, { ...menuScope, ...itemProps, ref: forwardedRef });
|
|
7965
7817
|
}
|
|
7966
7818
|
);
|
|
7967
7819
|
DropdownMenuItem.displayName = ITEM_NAME3;
|
|
7968
7820
|
var CHECKBOX_ITEM_NAME2 = "DropdownMenuCheckboxItem";
|
|
7969
|
-
var DropdownMenuCheckboxItem =
|
|
7821
|
+
var DropdownMenuCheckboxItem = React31.forwardRef((props, forwardedRef) => {
|
|
7970
7822
|
const { __scopeDropdownMenu, ...checkboxItemProps } = props;
|
|
7971
7823
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7972
|
-
return /* @__PURE__ */
|
|
7824
|
+
return /* @__PURE__ */ jsx13(CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
|
|
7973
7825
|
});
|
|
7974
7826
|
DropdownMenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME2;
|
|
7975
7827
|
var RADIO_GROUP_NAME2 = "DropdownMenuRadioGroup";
|
|
7976
|
-
var DropdownMenuRadioGroup =
|
|
7828
|
+
var DropdownMenuRadioGroup = React31.forwardRef((props, forwardedRef) => {
|
|
7977
7829
|
const { __scopeDropdownMenu, ...radioGroupProps } = props;
|
|
7978
7830
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7979
|
-
return /* @__PURE__ */
|
|
7831
|
+
return /* @__PURE__ */ jsx13(RadioGroup, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
|
|
7980
7832
|
});
|
|
7981
7833
|
DropdownMenuRadioGroup.displayName = RADIO_GROUP_NAME2;
|
|
7982
7834
|
var RADIO_ITEM_NAME2 = "DropdownMenuRadioItem";
|
|
7983
|
-
var DropdownMenuRadioItem =
|
|
7835
|
+
var DropdownMenuRadioItem = React31.forwardRef((props, forwardedRef) => {
|
|
7984
7836
|
const { __scopeDropdownMenu, ...radioItemProps } = props;
|
|
7985
7837
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7986
|
-
return /* @__PURE__ */
|
|
7838
|
+
return /* @__PURE__ */ jsx13(RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
|
|
7987
7839
|
});
|
|
7988
7840
|
DropdownMenuRadioItem.displayName = RADIO_ITEM_NAME2;
|
|
7989
7841
|
var INDICATOR_NAME = "DropdownMenuItemIndicator";
|
|
7990
|
-
var DropdownMenuItemIndicator =
|
|
7842
|
+
var DropdownMenuItemIndicator = React31.forwardRef((props, forwardedRef) => {
|
|
7991
7843
|
const { __scopeDropdownMenu, ...itemIndicatorProps } = props;
|
|
7992
7844
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7993
|
-
return /* @__PURE__ */
|
|
7845
|
+
return /* @__PURE__ */ jsx13(ItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
|
|
7994
7846
|
});
|
|
7995
7847
|
DropdownMenuItemIndicator.displayName = INDICATOR_NAME;
|
|
7996
7848
|
var SEPARATOR_NAME2 = "DropdownMenuSeparator";
|
|
7997
|
-
var DropdownMenuSeparator =
|
|
7849
|
+
var DropdownMenuSeparator = React31.forwardRef((props, forwardedRef) => {
|
|
7998
7850
|
const { __scopeDropdownMenu, ...separatorProps } = props;
|
|
7999
7851
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
8000
|
-
return /* @__PURE__ */
|
|
7852
|
+
return /* @__PURE__ */ jsx13(Separator, { ...menuScope, ...separatorProps, ref: forwardedRef });
|
|
8001
7853
|
});
|
|
8002
7854
|
DropdownMenuSeparator.displayName = SEPARATOR_NAME2;
|
|
8003
7855
|
var ARROW_NAME3 = "DropdownMenuArrow";
|
|
8004
|
-
var DropdownMenuArrow =
|
|
7856
|
+
var DropdownMenuArrow = React31.forwardRef(
|
|
8005
7857
|
(props, forwardedRef) => {
|
|
8006
7858
|
const { __scopeDropdownMenu, ...arrowProps } = props;
|
|
8007
7859
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
8008
|
-
return /* @__PURE__ */
|
|
7860
|
+
return /* @__PURE__ */ jsx13(Arrow22, { ...menuScope, ...arrowProps, ref: forwardedRef });
|
|
8009
7861
|
}
|
|
8010
7862
|
);
|
|
8011
7863
|
DropdownMenuArrow.displayName = ARROW_NAME3;
|
|
@@ -8017,20 +7869,20 @@ var DropdownMenuSub = (props) => {
|
|
|
8017
7869
|
defaultProp: defaultOpen,
|
|
8018
7870
|
onChange: onOpenChange
|
|
8019
7871
|
});
|
|
8020
|
-
return /* @__PURE__ */
|
|
7872
|
+
return /* @__PURE__ */ jsx13(Sub, { ...menuScope, open, onOpenChange: setOpen, children });
|
|
8021
7873
|
};
|
|
8022
7874
|
var SUB_TRIGGER_NAME2 = "DropdownMenuSubTrigger";
|
|
8023
|
-
var DropdownMenuSubTrigger =
|
|
7875
|
+
var DropdownMenuSubTrigger = React31.forwardRef((props, forwardedRef) => {
|
|
8024
7876
|
const { __scopeDropdownMenu, ...subTriggerProps } = props;
|
|
8025
7877
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
8026
|
-
return /* @__PURE__ */
|
|
7878
|
+
return /* @__PURE__ */ jsx13(SubTrigger, { ...menuScope, ...subTriggerProps, ref: forwardedRef });
|
|
8027
7879
|
});
|
|
8028
7880
|
DropdownMenuSubTrigger.displayName = SUB_TRIGGER_NAME2;
|
|
8029
7881
|
var SUB_CONTENT_NAME2 = "DropdownMenuSubContent";
|
|
8030
|
-
var DropdownMenuSubContent =
|
|
7882
|
+
var DropdownMenuSubContent = React31.forwardRef((props, forwardedRef) => {
|
|
8031
7883
|
const { __scopeDropdownMenu, ...subContentProps } = props;
|
|
8032
7884
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
8033
|
-
return /* @__PURE__ */
|
|
7885
|
+
return /* @__PURE__ */ jsx13(
|
|
8034
7886
|
SubContent,
|
|
8035
7887
|
{
|
|
8036
7888
|
...menuScope,
|
|
@@ -8068,15 +7920,15 @@ var SubTrigger2 = DropdownMenuSubTrigger;
|
|
|
8068
7920
|
var SubContent2 = DropdownMenuSubContent;
|
|
8069
7921
|
|
|
8070
7922
|
// src/components/DropDownMenu/index.tsx
|
|
8071
|
-
import * as
|
|
8072
|
-
import { jsx as
|
|
7923
|
+
import * as React32 from "react";
|
|
7924
|
+
import { jsx as jsx14, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
8073
7925
|
var DropdownMenu2 = Root22;
|
|
8074
7926
|
var DropdownMenuTrigger2 = Trigger;
|
|
8075
7927
|
var DropdownMenuGroup2 = Group2;
|
|
8076
7928
|
var DropdownMenuPortal2 = Portal22;
|
|
8077
7929
|
var DropdownMenuSub2 = Sub2;
|
|
8078
7930
|
var DropdownMenuRadioGroup2 = RadioGroup2;
|
|
8079
|
-
var DropdownMenuSubTrigger2 =
|
|
7931
|
+
var DropdownMenuSubTrigger2 = React32.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
|
|
8080
7932
|
SubTrigger2,
|
|
8081
7933
|
{
|
|
8082
7934
|
ref,
|
|
@@ -8088,12 +7940,12 @@ var DropdownMenuSubTrigger2 = React35.forwardRef(({ className, inset, children,
|
|
|
8088
7940
|
...props,
|
|
8089
7941
|
children: [
|
|
8090
7942
|
children,
|
|
8091
|
-
/* @__PURE__ */
|
|
7943
|
+
/* @__PURE__ */ jsx14(ChevronRight, { className: "cnc-ml-auto cnc-h-4 cnc-w-4" })
|
|
8092
7944
|
]
|
|
8093
7945
|
}
|
|
8094
7946
|
));
|
|
8095
7947
|
DropdownMenuSubTrigger2.displayName = SubTrigger2.displayName;
|
|
8096
|
-
var DropdownMenuSubContent2 =
|
|
7948
|
+
var DropdownMenuSubContent2 = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
|
|
8097
7949
|
SubContent2,
|
|
8098
7950
|
{
|
|
8099
7951
|
ref,
|
|
@@ -8105,7 +7957,7 @@ var DropdownMenuSubContent2 = React35.forwardRef(({ className, ...props }, ref)
|
|
|
8105
7957
|
}
|
|
8106
7958
|
));
|
|
8107
7959
|
DropdownMenuSubContent2.displayName = SubContent2.displayName;
|
|
8108
|
-
var DropdownMenuContent2 =
|
|
7960
|
+
var DropdownMenuContent2 = React32.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx14(Portal22, { children: /* @__PURE__ */ jsx14(
|
|
8109
7961
|
Content22,
|
|
8110
7962
|
{
|
|
8111
7963
|
ref,
|
|
@@ -8118,7 +7970,7 @@ var DropdownMenuContent2 = React35.forwardRef(({ className, sideOffset = 4, ...p
|
|
|
8118
7970
|
}
|
|
8119
7971
|
) }));
|
|
8120
7972
|
DropdownMenuContent2.displayName = Content22.displayName;
|
|
8121
|
-
var DropdownMenuItem2 =
|
|
7973
|
+
var DropdownMenuItem2 = React32.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx14(
|
|
8122
7974
|
Item22,
|
|
8123
7975
|
{
|
|
8124
7976
|
ref,
|
|
@@ -8131,7 +7983,7 @@ var DropdownMenuItem2 = React35.forwardRef(({ className, inset, ...props }, ref)
|
|
|
8131
7983
|
}
|
|
8132
7984
|
));
|
|
8133
7985
|
DropdownMenuItem2.displayName = Item22.displayName;
|
|
8134
|
-
var DropdownMenuCheckboxItem2 =
|
|
7986
|
+
var DropdownMenuCheckboxItem2 = React32.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs2(
|
|
8135
7987
|
CheckboxItem2,
|
|
8136
7988
|
{
|
|
8137
7989
|
ref,
|
|
@@ -8142,13 +7994,13 @@ var DropdownMenuCheckboxItem2 = React35.forwardRef(({ className, children, check
|
|
|
8142
7994
|
checked,
|
|
8143
7995
|
...props,
|
|
8144
7996
|
children: [
|
|
8145
|
-
/* @__PURE__ */
|
|
7997
|
+
/* @__PURE__ */ jsx14("span", { className: "cnc-absolute cnc-left-2 cnc-flex cnc-h-3.5 cnc-w-3.5 cnc-items-center cnc-justify-center", children: /* @__PURE__ */ jsx14(ItemIndicator2, { children: /* @__PURE__ */ jsx14(Check, { className: "h-4 w-4" }) }) }),
|
|
8146
7998
|
children
|
|
8147
7999
|
]
|
|
8148
8000
|
}
|
|
8149
8001
|
));
|
|
8150
8002
|
DropdownMenuCheckboxItem2.displayName = CheckboxItem2.displayName;
|
|
8151
|
-
var DropdownMenuRadioItem2 =
|
|
8003
|
+
var DropdownMenuRadioItem2 = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
|
|
8152
8004
|
RadioItem2,
|
|
8153
8005
|
{
|
|
8154
8006
|
ref,
|
|
@@ -8158,13 +8010,13 @@ var DropdownMenuRadioItem2 = React35.forwardRef(({ className, children, ...props
|
|
|
8158
8010
|
),
|
|
8159
8011
|
...props,
|
|
8160
8012
|
children: [
|
|
8161
|
-
/* @__PURE__ */
|
|
8013
|
+
/* @__PURE__ */ jsx14("span", { className: "cnc-absolute cnc-left-2 cnc-flex cnc-h-3.5 cnc-w-3.5 cnc-items-center cnc-justify-center", children: /* @__PURE__ */ jsx14(ItemIndicator2, { children: /* @__PURE__ */ jsx14(Circle, { className: "h-2 w-2 fill-current" }) }) }),
|
|
8162
8014
|
children
|
|
8163
8015
|
]
|
|
8164
8016
|
}
|
|
8165
8017
|
));
|
|
8166
8018
|
DropdownMenuRadioItem2.displayName = RadioItem2.displayName;
|
|
8167
|
-
var DropdownMenuLabel2 =
|
|
8019
|
+
var DropdownMenuLabel2 = React32.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx14(
|
|
8168
8020
|
Label2,
|
|
8169
8021
|
{
|
|
8170
8022
|
ref,
|
|
@@ -8177,7 +8029,7 @@ var DropdownMenuLabel2 = React35.forwardRef(({ className, inset, ...props }, ref
|
|
|
8177
8029
|
}
|
|
8178
8030
|
));
|
|
8179
8031
|
DropdownMenuLabel2.displayName = Label2.displayName;
|
|
8180
|
-
var DropdownMenuSeparator2 =
|
|
8032
|
+
var DropdownMenuSeparator2 = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
|
|
8181
8033
|
Separator2,
|
|
8182
8034
|
{
|
|
8183
8035
|
ref,
|
|
@@ -8190,7 +8042,7 @@ var DropdownMenuShortcut = ({
|
|
|
8190
8042
|
className,
|
|
8191
8043
|
...props
|
|
8192
8044
|
}) => {
|
|
8193
|
-
return /* @__PURE__ */
|
|
8045
|
+
return /* @__PURE__ */ jsx14(
|
|
8194
8046
|
"span",
|
|
8195
8047
|
{
|
|
8196
8048
|
className: cn(
|
|
@@ -8204,7 +8056,7 @@ var DropdownMenuShortcut = ({
|
|
|
8204
8056
|
DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
|
|
8205
8057
|
|
|
8206
8058
|
// src/components/Header/index.tsx
|
|
8207
|
-
import { Fragment as Fragment5, jsx as
|
|
8059
|
+
import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
8208
8060
|
function getInitials(fullName) {
|
|
8209
8061
|
if (!fullName) {
|
|
8210
8062
|
return "";
|
|
@@ -8218,7 +8070,7 @@ function getInitials(fullName) {
|
|
|
8218
8070
|
return `${firstNameInitial}${lastNameInitial}`;
|
|
8219
8071
|
}
|
|
8220
8072
|
function Header({ variant = "default", className, ...props }) {
|
|
8221
|
-
return /* @__PURE__ */
|
|
8073
|
+
return /* @__PURE__ */ jsx15(
|
|
8222
8074
|
"header",
|
|
8223
8075
|
{
|
|
8224
8076
|
"data-header-type": variant,
|
|
@@ -8244,7 +8096,7 @@ var HeaderContainer = ({
|
|
|
8244
8096
|
}) => {
|
|
8245
8097
|
const renderLogo = () => {
|
|
8246
8098
|
if (!hasSidebar && logo) {
|
|
8247
|
-
return logoLink ? /* @__PURE__ */
|
|
8099
|
+
return logoLink ? /* @__PURE__ */ jsx15("a", { href: logoLink, children: /* @__PURE__ */ jsx15("img", { src: logo, alt: "Logotipo", className: "cnc-h-8" }) }) : /* @__PURE__ */ jsx15("img", { src: logo, alt: "Logotipo", className: "cnc-h-8" });
|
|
8248
8100
|
}
|
|
8249
8101
|
return null;
|
|
8250
8102
|
};
|
|
@@ -8258,8 +8110,8 @@ var HeaderContainer = ({
|
|
|
8258
8110
|
),
|
|
8259
8111
|
...props,
|
|
8260
8112
|
children: [
|
|
8261
|
-
/* @__PURE__ */
|
|
8262
|
-
/* @__PURE__ */
|
|
8113
|
+
/* @__PURE__ */ jsx15("div", { className: "cnc-flex cnc-items-center", children: onOpenMenu && !isOpen && hasSidebar ? /* @__PURE__ */ jsx15("button", { onClick: onOpenMenu, className: "hover:cnc-brightness-75 cnc-sidebar-child-hidden cnc-cursor-pointer", children: /* @__PURE__ */ jsx15("svg", { stroke: "currentColor", fill: "currentColor", strokeWidth: "0", viewBox: "0 0 512 512", className: "cnc-size-6 cnc-text-brand-blue-900 cnc-header-item", height: "1em", width: "1em", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx15("path", { fill: "none", strokeLinecap: "round", strokeMiterlimit: "10", strokeWidth: "48", d: "M88 152h336M88 256h336M88 360h336" }) }) }) : !hasSidebar && renderLogo() }),
|
|
8114
|
+
/* @__PURE__ */ jsx15("div", { className: "cnc-flex", children })
|
|
8263
8115
|
]
|
|
8264
8116
|
}
|
|
8265
8117
|
);
|
|
@@ -8271,21 +8123,21 @@ var HeaderProfileHeader = ({
|
|
|
8271
8123
|
const { userName, entityName } = user;
|
|
8272
8124
|
const initials = getInitials(userName);
|
|
8273
8125
|
return /* @__PURE__ */ jsxs3(DropdownMenu2, { children: [
|
|
8274
|
-
/* @__PURE__ */
|
|
8126
|
+
/* @__PURE__ */ jsx15(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx15(
|
|
8275
8127
|
"div",
|
|
8276
8128
|
{
|
|
8277
8129
|
id: "cnc-border-lateral",
|
|
8278
8130
|
className: "cnc-border-solid cnc-border-l-2 cnc-border-brand-blue-60 cnc-header-item",
|
|
8279
8131
|
children: /* @__PURE__ */ jsxs3("div", { className: "cnc-flex cnc-flex-row cnc-gap-2 cnc-items-center cnc-justify-center hover:cnc-bg-gray-100 cnc-transition cnc-duration-300 cnc-ease-in-out cnc-cursor-pointer cnc-px-4 cnc-py-2 cnc-rounded-lg cnc-ml-8 cnc-header-item", children: [
|
|
8280
8132
|
/* @__PURE__ */ jsxs3("div", { className: "cnc-flex cnc-flex-col cnc-justify-end cnc-text-end", children: [
|
|
8281
|
-
/* @__PURE__ */
|
|
8282
|
-
/* @__PURE__ */
|
|
8133
|
+
/* @__PURE__ */ jsx15("p", { className: "cnc-text-xs cnc-font-extrabold cnc-text-brand-blue-900 cnc-header-item", children: entityName }),
|
|
8134
|
+
/* @__PURE__ */ jsx15("p", { className: "cnc-text-xs cnc-font-normal cnc-text-brand-gray-700 cnc-header-item/50", children: userName })
|
|
8283
8135
|
] }),
|
|
8284
|
-
/* @__PURE__ */
|
|
8136
|
+
/* @__PURE__ */ jsx15("div", { children: /* @__PURE__ */ jsx15("div", { className: "cnc-flex cnc-items-center cnc-justify-center cnc-w-10 cnc-h-10 cnc-rounded-full cnc-bg-brand-white cnc-text-brand-blue-900 cnc-text-sm cnc-font-normal cnc-border-solid cnc-border-2 cnc-header-item", children: initials }) })
|
|
8285
8137
|
] })
|
|
8286
8138
|
}
|
|
8287
8139
|
) }),
|
|
8288
|
-
/* @__PURE__ */
|
|
8140
|
+
/* @__PURE__ */ jsx15(DropdownMenuContent2, { children })
|
|
8289
8141
|
] });
|
|
8290
8142
|
};
|
|
8291
8143
|
var HeaderProfileItem = ({
|
|
@@ -8299,8 +8151,8 @@ var HeaderProfileItem = ({
|
|
|
8299
8151
|
] });
|
|
8300
8152
|
};
|
|
8301
8153
|
var AplicationsHeader = ({ children }) => {
|
|
8302
|
-
return /* @__PURE__ */
|
|
8303
|
-
/* @__PURE__ */
|
|
8154
|
+
return /* @__PURE__ */ jsx15(Fragment5, { children: /* @__PURE__ */ jsxs3(DropdownMenu2, { children: [
|
|
8155
|
+
/* @__PURE__ */ jsx15(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx15("div", { className: "cnc-flex cnc-flex-row cnc-gap-2 cnc-items-center cnc-justify-center hover:cnc-bg-gray-100 cnc-transition cnc-duration-300 cnc-ease-in-out cnc-cursor-pointer cnc-px-4 cnc-py-2 cnc-rounded-lg cnc-header-item", children: /* @__PURE__ */ jsx15(
|
|
8304
8156
|
"svg",
|
|
8305
8157
|
{
|
|
8306
8158
|
width: "18",
|
|
@@ -8308,7 +8160,7 @@ var AplicationsHeader = ({ children }) => {
|
|
|
8308
8160
|
viewBox: "0 0 16 16",
|
|
8309
8161
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8310
8162
|
className: "cnc-header-item",
|
|
8311
|
-
children: /* @__PURE__ */
|
|
8163
|
+
children: /* @__PURE__ */ jsx15(
|
|
8312
8164
|
"path",
|
|
8313
8165
|
{
|
|
8314
8166
|
d: "M2 4C3.1 4 4 3.1 4 2C4 0.9 3.1 0 2 0C0.9 0 0 0.9 0 2C0 3.1 0.9 4 2 4ZM8 16C9.1 16 10 15.1 10 14C10 12.9 9.1 12 8 12C6.9 12 6 12.9 6 14C6 15.1 6.9 16 8 16ZM2 16C3.1 16 4 15.1 4 14C4 12.9 3.1 12 2 12C0.9 12 0 12.9 0 14C0 15.1 0.9 16 2 16ZM2 10C3.1 10 4 9.1 4 8C4 6.9 3.1 6 2 6C0.9 6 0 6.9 0 8C0 9.1 0.9 10 2 10ZM8 10C9.1 10 10 9.1 10 8C10 6.9 9.1 6 8 6C6.9 6 6 6.9 6 8C6 9.1 6.9 10 8 10ZM12 2C12 3.1 12.9 4 14 4C15.1 4 16 3.1 16 2C16 0.9 15.1 0 14 0C12.9 0 12 0.9 12 2ZM8 4C9.1 4 10 3.1 10 2C10 0.9 9.1 0 8 0C6.9 0 6 0.9 6 2C6 3.1 6.9 4 8 4ZM14 10C15.1 10 16 9.1 16 8C16 6.9 15.1 6 14 6C12.9 6 12 6.9 12 8C12 9.1 12.9 10 14 10ZM14 16C15.1 16 16 15.1 16 14C16 12.9 15.1 12 14 12C12.9 12 12 12.9 12 14C12 15.1 12.9 16 14 16Z"
|
|
@@ -8316,14 +8168,14 @@ var AplicationsHeader = ({ children }) => {
|
|
|
8316
8168
|
)
|
|
8317
8169
|
}
|
|
8318
8170
|
) }) }),
|
|
8319
|
-
/* @__PURE__ */
|
|
8171
|
+
/* @__PURE__ */ jsx15(DropdownMenuContent2, { className: "flex", children })
|
|
8320
8172
|
] }) });
|
|
8321
8173
|
};
|
|
8322
8174
|
|
|
8323
8175
|
// ../../node_modules/@radix-ui/react-dialog/dist/index.mjs
|
|
8324
|
-
import * as
|
|
8176
|
+
import * as React33 from "react";
|
|
8325
8177
|
import { Slot as Slot5 } from "@radix-ui/react-slot";
|
|
8326
|
-
import { Fragment as Fragment6, jsx as
|
|
8178
|
+
import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
8327
8179
|
var DIALOG_NAME = "Dialog";
|
|
8328
8180
|
var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
|
|
8329
8181
|
var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
|
|
@@ -8336,14 +8188,14 @@ var Dialog = (props) => {
|
|
|
8336
8188
|
onOpenChange,
|
|
8337
8189
|
modal = true
|
|
8338
8190
|
} = props;
|
|
8339
|
-
const triggerRef =
|
|
8340
|
-
const contentRef =
|
|
8191
|
+
const triggerRef = React33.useRef(null);
|
|
8192
|
+
const contentRef = React33.useRef(null);
|
|
8341
8193
|
const [open = false, setOpen] = useControllableState({
|
|
8342
8194
|
prop: openProp,
|
|
8343
8195
|
defaultProp: defaultOpen,
|
|
8344
8196
|
onChange: onOpenChange
|
|
8345
8197
|
});
|
|
8346
|
-
return /* @__PURE__ */
|
|
8198
|
+
return /* @__PURE__ */ jsx16(
|
|
8347
8199
|
DialogProvider,
|
|
8348
8200
|
{
|
|
8349
8201
|
scope: __scopeDialog,
|
|
@@ -8354,7 +8206,7 @@ var Dialog = (props) => {
|
|
|
8354
8206
|
descriptionId: useId(),
|
|
8355
8207
|
open,
|
|
8356
8208
|
onOpenChange: setOpen,
|
|
8357
|
-
onOpenToggle:
|
|
8209
|
+
onOpenToggle: React33.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
|
|
8358
8210
|
modal,
|
|
8359
8211
|
children
|
|
8360
8212
|
}
|
|
@@ -8362,12 +8214,12 @@ var Dialog = (props) => {
|
|
|
8362
8214
|
};
|
|
8363
8215
|
Dialog.displayName = DIALOG_NAME;
|
|
8364
8216
|
var TRIGGER_NAME2 = "DialogTrigger";
|
|
8365
|
-
var DialogTrigger =
|
|
8217
|
+
var DialogTrigger = React33.forwardRef(
|
|
8366
8218
|
(props, forwardedRef) => {
|
|
8367
8219
|
const { __scopeDialog, ...triggerProps } = props;
|
|
8368
8220
|
const context = useDialogContext(TRIGGER_NAME2, __scopeDialog);
|
|
8369
8221
|
const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
|
|
8370
|
-
return /* @__PURE__ */
|
|
8222
|
+
return /* @__PURE__ */ jsx16(
|
|
8371
8223
|
Primitive.button,
|
|
8372
8224
|
{
|
|
8373
8225
|
type: "button",
|
|
@@ -8390,27 +8242,27 @@ var [PortalProvider2, usePortalContext2] = createDialogContext(PORTAL_NAME4, {
|
|
|
8390
8242
|
var DialogPortal = (props) => {
|
|
8391
8243
|
const { __scopeDialog, forceMount, children, container } = props;
|
|
8392
8244
|
const context = useDialogContext(PORTAL_NAME4, __scopeDialog);
|
|
8393
|
-
return /* @__PURE__ */
|
|
8245
|
+
return /* @__PURE__ */ jsx16(PortalProvider2, { scope: __scopeDialog, forceMount, children: React33.Children.map(children, (child) => /* @__PURE__ */ jsx16(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx16(Portal, { asChild: true, container, children: child }) })) });
|
|
8394
8246
|
};
|
|
8395
8247
|
DialogPortal.displayName = PORTAL_NAME4;
|
|
8396
8248
|
var OVERLAY_NAME = "DialogOverlay";
|
|
8397
|
-
var DialogOverlay =
|
|
8249
|
+
var DialogOverlay = React33.forwardRef(
|
|
8398
8250
|
(props, forwardedRef) => {
|
|
8399
8251
|
const portalContext = usePortalContext2(OVERLAY_NAME, props.__scopeDialog);
|
|
8400
8252
|
const { forceMount = portalContext.forceMount, ...overlayProps } = props;
|
|
8401
8253
|
const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);
|
|
8402
|
-
return context.modal ? /* @__PURE__ */
|
|
8254
|
+
return context.modal ? /* @__PURE__ */ jsx16(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx16(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
|
|
8403
8255
|
}
|
|
8404
8256
|
);
|
|
8405
8257
|
DialogOverlay.displayName = OVERLAY_NAME;
|
|
8406
|
-
var DialogOverlayImpl =
|
|
8258
|
+
var DialogOverlayImpl = React33.forwardRef(
|
|
8407
8259
|
(props, forwardedRef) => {
|
|
8408
8260
|
const { __scopeDialog, ...overlayProps } = props;
|
|
8409
8261
|
const context = useDialogContext(OVERLAY_NAME, __scopeDialog);
|
|
8410
8262
|
return (
|
|
8411
8263
|
// Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
|
|
8412
8264
|
// ie. when `Overlay` and `Content` are siblings
|
|
8413
|
-
/* @__PURE__ */
|
|
8265
|
+
/* @__PURE__ */ jsx16(Combination_default, { as: Slot5, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx16(
|
|
8414
8266
|
Primitive.div,
|
|
8415
8267
|
{
|
|
8416
8268
|
"data-state": getState(context.open),
|
|
@@ -8423,25 +8275,25 @@ var DialogOverlayImpl = React36.forwardRef(
|
|
|
8423
8275
|
}
|
|
8424
8276
|
);
|
|
8425
8277
|
var CONTENT_NAME4 = "DialogContent";
|
|
8426
|
-
var DialogContent =
|
|
8278
|
+
var DialogContent = React33.forwardRef(
|
|
8427
8279
|
(props, forwardedRef) => {
|
|
8428
8280
|
const portalContext = usePortalContext2(CONTENT_NAME4, props.__scopeDialog);
|
|
8429
8281
|
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
8430
8282
|
const context = useDialogContext(CONTENT_NAME4, props.__scopeDialog);
|
|
8431
|
-
return /* @__PURE__ */
|
|
8283
|
+
return /* @__PURE__ */ jsx16(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx16(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx16(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
|
|
8432
8284
|
}
|
|
8433
8285
|
);
|
|
8434
8286
|
DialogContent.displayName = CONTENT_NAME4;
|
|
8435
|
-
var DialogContentModal =
|
|
8287
|
+
var DialogContentModal = React33.forwardRef(
|
|
8436
8288
|
(props, forwardedRef) => {
|
|
8437
8289
|
const context = useDialogContext(CONTENT_NAME4, props.__scopeDialog);
|
|
8438
|
-
const contentRef =
|
|
8290
|
+
const contentRef = React33.useRef(null);
|
|
8439
8291
|
const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
|
|
8440
|
-
|
|
8292
|
+
React33.useEffect(() => {
|
|
8441
8293
|
const content = contentRef.current;
|
|
8442
8294
|
if (content) return hideOthers(content);
|
|
8443
8295
|
}, []);
|
|
8444
|
-
return /* @__PURE__ */
|
|
8296
|
+
return /* @__PURE__ */ jsx16(
|
|
8445
8297
|
DialogContentImpl,
|
|
8446
8298
|
{
|
|
8447
8299
|
...props,
|
|
@@ -8466,12 +8318,12 @@ var DialogContentModal = React36.forwardRef(
|
|
|
8466
8318
|
);
|
|
8467
8319
|
}
|
|
8468
8320
|
);
|
|
8469
|
-
var DialogContentNonModal =
|
|
8321
|
+
var DialogContentNonModal = React33.forwardRef(
|
|
8470
8322
|
(props, forwardedRef) => {
|
|
8471
8323
|
const context = useDialogContext(CONTENT_NAME4, props.__scopeDialog);
|
|
8472
|
-
const hasInteractedOutsideRef =
|
|
8473
|
-
const hasPointerDownOutsideRef =
|
|
8474
|
-
return /* @__PURE__ */
|
|
8324
|
+
const hasInteractedOutsideRef = React33.useRef(false);
|
|
8325
|
+
const hasPointerDownOutsideRef = React33.useRef(false);
|
|
8326
|
+
return /* @__PURE__ */ jsx16(
|
|
8475
8327
|
DialogContentImpl,
|
|
8476
8328
|
{
|
|
8477
8329
|
...props,
|
|
@@ -8506,15 +8358,15 @@ var DialogContentNonModal = React36.forwardRef(
|
|
|
8506
8358
|
);
|
|
8507
8359
|
}
|
|
8508
8360
|
);
|
|
8509
|
-
var DialogContentImpl =
|
|
8361
|
+
var DialogContentImpl = React33.forwardRef(
|
|
8510
8362
|
(props, forwardedRef) => {
|
|
8511
8363
|
const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;
|
|
8512
8364
|
const context = useDialogContext(CONTENT_NAME4, __scopeDialog);
|
|
8513
|
-
const contentRef =
|
|
8365
|
+
const contentRef = React33.useRef(null);
|
|
8514
8366
|
const composedRefs = useComposedRefs(forwardedRef, contentRef);
|
|
8515
8367
|
useFocusGuards();
|
|
8516
8368
|
return /* @__PURE__ */ jsxs4(Fragment6, { children: [
|
|
8517
|
-
/* @__PURE__ */
|
|
8369
|
+
/* @__PURE__ */ jsx16(
|
|
8518
8370
|
FocusScope,
|
|
8519
8371
|
{
|
|
8520
8372
|
asChild: true,
|
|
@@ -8522,7 +8374,7 @@ var DialogContentImpl = React36.forwardRef(
|
|
|
8522
8374
|
trapped: trapFocus,
|
|
8523
8375
|
onMountAutoFocus: onOpenAutoFocus,
|
|
8524
8376
|
onUnmountAutoFocus: onCloseAutoFocus,
|
|
8525
|
-
children: /* @__PURE__ */
|
|
8377
|
+
children: /* @__PURE__ */ jsx16(
|
|
8526
8378
|
DismissableLayer,
|
|
8527
8379
|
{
|
|
8528
8380
|
role: "dialog",
|
|
@@ -8538,36 +8390,36 @@ var DialogContentImpl = React36.forwardRef(
|
|
|
8538
8390
|
}
|
|
8539
8391
|
),
|
|
8540
8392
|
/* @__PURE__ */ jsxs4(Fragment6, { children: [
|
|
8541
|
-
/* @__PURE__ */
|
|
8542
|
-
/* @__PURE__ */
|
|
8393
|
+
/* @__PURE__ */ jsx16(TitleWarning, { titleId: context.titleId }),
|
|
8394
|
+
/* @__PURE__ */ jsx16(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
|
|
8543
8395
|
] })
|
|
8544
8396
|
] });
|
|
8545
8397
|
}
|
|
8546
8398
|
);
|
|
8547
8399
|
var TITLE_NAME = "DialogTitle";
|
|
8548
|
-
var DialogTitle =
|
|
8400
|
+
var DialogTitle = React33.forwardRef(
|
|
8549
8401
|
(props, forwardedRef) => {
|
|
8550
8402
|
const { __scopeDialog, ...titleProps } = props;
|
|
8551
8403
|
const context = useDialogContext(TITLE_NAME, __scopeDialog);
|
|
8552
|
-
return /* @__PURE__ */
|
|
8404
|
+
return /* @__PURE__ */ jsx16(Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
|
|
8553
8405
|
}
|
|
8554
8406
|
);
|
|
8555
8407
|
DialogTitle.displayName = TITLE_NAME;
|
|
8556
8408
|
var DESCRIPTION_NAME = "DialogDescription";
|
|
8557
|
-
var DialogDescription =
|
|
8409
|
+
var DialogDescription = React33.forwardRef(
|
|
8558
8410
|
(props, forwardedRef) => {
|
|
8559
8411
|
const { __scopeDialog, ...descriptionProps } = props;
|
|
8560
8412
|
const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
|
|
8561
|
-
return /* @__PURE__ */
|
|
8413
|
+
return /* @__PURE__ */ jsx16(Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
|
|
8562
8414
|
}
|
|
8563
8415
|
);
|
|
8564
8416
|
DialogDescription.displayName = DESCRIPTION_NAME;
|
|
8565
8417
|
var CLOSE_NAME = "DialogClose";
|
|
8566
|
-
var DialogClose =
|
|
8418
|
+
var DialogClose = React33.forwardRef(
|
|
8567
8419
|
(props, forwardedRef) => {
|
|
8568
8420
|
const { __scopeDialog, ...closeProps } = props;
|
|
8569
8421
|
const context = useDialogContext(CLOSE_NAME, __scopeDialog);
|
|
8570
|
-
return /* @__PURE__ */
|
|
8422
|
+
return /* @__PURE__ */ jsx16(
|
|
8571
8423
|
Primitive.button,
|
|
8572
8424
|
{
|
|
8573
8425
|
type: "button",
|
|
@@ -8595,7 +8447,7 @@ var TitleWarning = ({ titleId }) => {
|
|
|
8595
8447
|
If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.
|
|
8596
8448
|
|
|
8597
8449
|
For more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;
|
|
8598
|
-
|
|
8450
|
+
React33.useEffect(() => {
|
|
8599
8451
|
if (titleId) {
|
|
8600
8452
|
const hasTitle = document.getElementById(titleId);
|
|
8601
8453
|
if (!hasTitle) console.error(MESSAGE);
|
|
@@ -8607,7 +8459,7 @@ var DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning";
|
|
|
8607
8459
|
var DescriptionWarning = ({ contentRef, descriptionId }) => {
|
|
8608
8460
|
const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);
|
|
8609
8461
|
const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
|
|
8610
|
-
|
|
8462
|
+
React33.useEffect(() => {
|
|
8611
8463
|
const describedById = contentRef.current?.getAttribute("aria-describedby");
|
|
8612
8464
|
if (descriptionId && describedById) {
|
|
8613
8465
|
const hasDescription = document.getElementById(descriptionId);
|
|
@@ -8626,13 +8478,13 @@ var Description = DialogDescription;
|
|
|
8626
8478
|
var Close = DialogClose;
|
|
8627
8479
|
|
|
8628
8480
|
// src/components/Dialog/index.tsx
|
|
8629
|
-
import * as
|
|
8630
|
-
import { jsx as
|
|
8481
|
+
import * as React34 from "react";
|
|
8482
|
+
import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
8631
8483
|
var Dialog2 = Root4;
|
|
8632
8484
|
var DialogTrigger2 = Trigger2;
|
|
8633
8485
|
var DialogPortal2 = Portal3;
|
|
8634
8486
|
var DialogClose2 = Close;
|
|
8635
|
-
var DialogOverlay2 =
|
|
8487
|
+
var DialogOverlay2 = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
|
|
8636
8488
|
Overlay,
|
|
8637
8489
|
{
|
|
8638
8490
|
ref,
|
|
@@ -8644,8 +8496,8 @@ var DialogOverlay2 = React37.forwardRef(({ className, ...props }, ref) => /* @__
|
|
|
8644
8496
|
}
|
|
8645
8497
|
));
|
|
8646
8498
|
DialogOverlay2.displayName = Overlay.displayName;
|
|
8647
|
-
var DialogContent2 =
|
|
8648
|
-
/* @__PURE__ */
|
|
8499
|
+
var DialogContent2 = React34.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(DialogPortal2, { children: [
|
|
8500
|
+
/* @__PURE__ */ jsx17(DialogOverlay2, {}),
|
|
8649
8501
|
/* @__PURE__ */ jsxs5(
|
|
8650
8502
|
Content3,
|
|
8651
8503
|
{
|
|
@@ -8658,8 +8510,8 @@ var DialogContent2 = React37.forwardRef(({ className, children, ...props }, ref)
|
|
|
8658
8510
|
children: [
|
|
8659
8511
|
children,
|
|
8660
8512
|
/* @__PURE__ */ jsxs5(Close, { className: "cnc-absolute cnc-right-4 cnc-top-4 cnc-rounded-sm cnc-opacity-70 cnc-ring-offset-background cnc-transition-opacity hover:cnc-opacity-100 focus:cnc-outline-none focus:cnc-ring-2 focus:cnc-ring-ring focus:cnc-ring-offset-2 disabled:cnc-pointer-events-none data-[state=open]:cnc-bg-accent data-[state=open]:cnc-text-muted-foreground", children: [
|
|
8661
|
-
/* @__PURE__ */
|
|
8662
|
-
/* @__PURE__ */
|
|
8513
|
+
/* @__PURE__ */ jsx17(X, { className: "cnc-h-4 cnc-w-4" }),
|
|
8514
|
+
/* @__PURE__ */ jsx17("span", { className: "cnc-sr-only", children: "Close" })
|
|
8663
8515
|
] })
|
|
8664
8516
|
]
|
|
8665
8517
|
}
|
|
@@ -8669,7 +8521,7 @@ DialogContent2.displayName = Content3.displayName;
|
|
|
8669
8521
|
var DialogHeader = ({
|
|
8670
8522
|
className,
|
|
8671
8523
|
...props
|
|
8672
|
-
}) => /* @__PURE__ */
|
|
8524
|
+
}) => /* @__PURE__ */ jsx17(
|
|
8673
8525
|
"div",
|
|
8674
8526
|
{
|
|
8675
8527
|
className: cn(
|
|
@@ -8683,7 +8535,7 @@ DialogHeader.displayName = "DialogHeader";
|
|
|
8683
8535
|
var DialogFooter = ({
|
|
8684
8536
|
className,
|
|
8685
8537
|
...props
|
|
8686
|
-
}) => /* @__PURE__ */
|
|
8538
|
+
}) => /* @__PURE__ */ jsx17(
|
|
8687
8539
|
"div",
|
|
8688
8540
|
{
|
|
8689
8541
|
className: cn(
|
|
@@ -8694,7 +8546,7 @@ var DialogFooter = ({
|
|
|
8694
8546
|
}
|
|
8695
8547
|
);
|
|
8696
8548
|
DialogFooter.displayName = "DialogFooter";
|
|
8697
|
-
var DialogTitle2 =
|
|
8549
|
+
var DialogTitle2 = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
|
|
8698
8550
|
Title,
|
|
8699
8551
|
{
|
|
8700
8552
|
ref,
|
|
@@ -8706,7 +8558,7 @@ var DialogTitle2 = React37.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
8706
8558
|
}
|
|
8707
8559
|
));
|
|
8708
8560
|
DialogTitle2.displayName = Title.displayName;
|
|
8709
|
-
var DialogDescription2 =
|
|
8561
|
+
var DialogDescription2 = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
|
|
8710
8562
|
Description,
|
|
8711
8563
|
{
|
|
8712
8564
|
ref,
|
|
@@ -8717,7 +8569,7 @@ var DialogDescription2 = React37.forwardRef(({ className, ...props }, ref) => /*
|
|
|
8717
8569
|
DialogDescription2.displayName = Description.displayName;
|
|
8718
8570
|
|
|
8719
8571
|
// src/components/Modal/index.tsx
|
|
8720
|
-
import { jsx as
|
|
8572
|
+
import { jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
8721
8573
|
var Modal = ({
|
|
8722
8574
|
title,
|
|
8723
8575
|
content,
|
|
@@ -8725,16 +8577,34 @@ var Modal = ({
|
|
|
8725
8577
|
onClose
|
|
8726
8578
|
}) => {
|
|
8727
8579
|
return /* @__PURE__ */ jsxs6(Dialog2, { open: visibleModal, onOpenChange: onClose, children: [
|
|
8728
|
-
/* @__PURE__ */
|
|
8580
|
+
/* @__PURE__ */ jsx18(DialogOverlay2, { className: "cnc-inset-0 cnc-bg-blackA6= data-[state=open]:cnc-animate-overlayShow" }),
|
|
8729
8581
|
/* @__PURE__ */ jsxs6(DialogContent2, { className: "cnc-max-h-[100vh] cnc-p-0 cnc-rounded-sm cnc-bg-white cnc-focus:outline-none data-[state=open]:cnc-animate-contentShow", children: [
|
|
8730
|
-
title && /* @__PURE__ */
|
|
8731
|
-
/* @__PURE__ */
|
|
8582
|
+
title && /* @__PURE__ */ jsx18(DialogHeader, { className: "cnc-text-sm cnc-h-14 cnc-text-black cnc-font- cnc-border-b cnc-w-full cnc-leading-10", children: title }),
|
|
8583
|
+
/* @__PURE__ */ jsx18("div", { className: "cnc-flex cnc-flex-col cnc-mb-16 cnc-mx-20 cnc-align-middle cnc-items-left cnc-justify-center", children: content })
|
|
8732
8584
|
] })
|
|
8733
8585
|
] });
|
|
8734
8586
|
};
|
|
8735
8587
|
|
|
8736
8588
|
// src/components/Modal/ModalMudancaEntidade/index.tsx
|
|
8737
|
-
import { Fragment as Fragment7, jsx as
|
|
8589
|
+
import { Fragment as Fragment7, jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
8590
|
+
function ModalEntidade({ isOpen, onOpenChange, title = "Selecionar a entidade", children, className }) {
|
|
8591
|
+
return /* @__PURE__ */ jsxs7(Dialog2, { open: isOpen, onOpenChange, children: [
|
|
8592
|
+
/* @__PURE__ */ jsx19(DialogOverlay2, { className: "fixed inset-0 z-50 cnc-bg-black/40 data-[state=open]:cnc-animate-in data-[state=closed]:cnc-animate-out data-[state=closed]:cnc-fade-out-0 data-[state=open]:fade-in-0" }),
|
|
8593
|
+
/* @__PURE__ */ jsxs7(DialogContent2, { className: "cnc-max-h-[100vh] cnc-p-0 cnc-rounded-sm cnc-bg-white cnc-focus:outline-none data-[state=open]:cnc-animate-contentShow", children: [
|
|
8594
|
+
title && /* @__PURE__ */ jsx19(DialogHeader, { children: /* @__PURE__ */ jsx19(DialogTitle2, { className: "cnc-font-normal cnc-text-base", children: title }) }),
|
|
8595
|
+
/* @__PURE__ */ jsx19(
|
|
8596
|
+
"div",
|
|
8597
|
+
{
|
|
8598
|
+
className: cn(
|
|
8599
|
+
"cnc-flex cnc-flex-col cnc-w-full cnc-max-w-[513px] cnc-mx-auto cnc-py-6",
|
|
8600
|
+
className
|
|
8601
|
+
),
|
|
8602
|
+
children
|
|
8603
|
+
}
|
|
8604
|
+
)
|
|
8605
|
+
] })
|
|
8606
|
+
] });
|
|
8607
|
+
}
|
|
8738
8608
|
var ModalMudancaEntidade = ({
|
|
8739
8609
|
title,
|
|
8740
8610
|
onClose,
|
|
@@ -8742,17 +8612,17 @@ var ModalMudancaEntidade = ({
|
|
|
8742
8612
|
SelectComponent,
|
|
8743
8613
|
buttonAction
|
|
8744
8614
|
}) => {
|
|
8745
|
-
return /* @__PURE__ */
|
|
8615
|
+
return /* @__PURE__ */ jsx19(
|
|
8746
8616
|
Modal,
|
|
8747
8617
|
{
|
|
8748
8618
|
title,
|
|
8749
8619
|
onClose,
|
|
8750
8620
|
visibleModal,
|
|
8751
8621
|
content: /* @__PURE__ */ jsxs7(Fragment7, { children: [
|
|
8752
|
-
/* @__PURE__ */
|
|
8622
|
+
/* @__PURE__ */ jsx19(DialogTitle2, { className: "cnc-DialogTitle cnc-mt-10 cnc-mb-4 ", children: "Selecionar a entidade" }),
|
|
8753
8623
|
/* @__PURE__ */ jsxs7("div", { className: "cnc-flex cnc-mb-5 ", children: [
|
|
8754
|
-
/* @__PURE__ */
|
|
8755
|
-
/* @__PURE__ */
|
|
8624
|
+
/* @__PURE__ */ jsx19(SelectComponent, {}),
|
|
8625
|
+
/* @__PURE__ */ jsx19(Button, { className: "cnc-text-white cnc-ml-5", onClick: buttonAction, children: "Trocar entidade" })
|
|
8756
8626
|
] })
|
|
8757
8627
|
] })
|
|
8758
8628
|
}
|
|
@@ -8768,7 +8638,7 @@ import {
|
|
|
8768
8638
|
} from "react";
|
|
8769
8639
|
|
|
8770
8640
|
// src/components/assets/logotipo-default.tsx
|
|
8771
|
-
import { jsx as
|
|
8641
|
+
import { jsx as jsx20, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
8772
8642
|
function LogotipoDefault() {
|
|
8773
8643
|
return /* @__PURE__ */ jsxs8(
|
|
8774
8644
|
"svg",
|
|
@@ -8779,14 +8649,14 @@ function LogotipoDefault() {
|
|
|
8779
8649
|
fill: "none",
|
|
8780
8650
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8781
8651
|
children: [
|
|
8782
|
-
/* @__PURE__ */
|
|
8652
|
+
/* @__PURE__ */ jsx20(
|
|
8783
8653
|
"path",
|
|
8784
8654
|
{
|
|
8785
8655
|
d: "M20.539 0H36.2809C36.2809 0 36.9745 4.48363 30.7294 6.63394C31.7327 5.31688 31.7006 3.41772 31.7006 3.41772H20.202C9.32 3.41772 1.29805 18.1019 0.207031 20.0001C0.207031 20.0001 4.07335 8.64018 11.9375 3.02348C13.5682 1.85731 17.0906 0 20.539 0Z",
|
|
8786
8656
|
fill: "#C89633"
|
|
8787
8657
|
}
|
|
8788
8658
|
),
|
|
8789
|
-
/* @__PURE__ */
|
|
8659
|
+
/* @__PURE__ */ jsx20(
|
|
8790
8660
|
"path",
|
|
8791
8661
|
{
|
|
8792
8662
|
fillRule: "evenodd",
|
|
@@ -8795,133 +8665,133 @@ function LogotipoDefault() {
|
|
|
8795
8665
|
fill: "#C89633"
|
|
8796
8666
|
}
|
|
8797
8667
|
),
|
|
8798
|
-
/* @__PURE__ */
|
|
8668
|
+
/* @__PURE__ */ jsx20(
|
|
8799
8669
|
"path",
|
|
8800
8670
|
{
|
|
8801
8671
|
d: "M15.6289 10.2526C17.6892 10.2994 18.8026 10.313 18.8026 10.313C19.9394 10.3344 20.9691 10.2497 21.9198 10.1621C21.1415 11.8189 19.2049 13.5127 13.9602 13.4134C7.19489 13.2859 3.46398 16.9946 1.55469 18.9863L1.56405 18.9719C3.47675 16.0444 7.38469 10.0631 15.6289 10.2526Z",
|
|
8802
8672
|
fill: "white"
|
|
8803
8673
|
}
|
|
8804
8674
|
),
|
|
8805
|
-
/* @__PURE__ */
|
|
8675
|
+
/* @__PURE__ */ jsx20(
|
|
8806
8676
|
"path",
|
|
8807
8677
|
{
|
|
8808
8678
|
d: "M60.457 3.08307V4.09961H61.9417H63.4264V3.08307V2.06652H61.9417H60.457V3.08307Z",
|
|
8809
8679
|
fill: "white"
|
|
8810
8680
|
}
|
|
8811
8681
|
),
|
|
8812
|
-
/* @__PURE__ */
|
|
8682
|
+
/* @__PURE__ */ jsx20(
|
|
8813
8683
|
"path",
|
|
8814
8684
|
{
|
|
8815
8685
|
d: "M53.2447 2.39671C51.2817 2.622 49.907 3.55062 49.4231 4.97928C49.2636 5.43535 49.2746 6.85851 49.4396 7.2926C49.885 8.49596 50.8803 9.12237 53.3052 9.7268C55.1198 10.1829 55.4222 10.2873 55.8456 10.6005C56.0601 10.7598 56.1866 11.117 56.1536 11.4906C56.0986 12.1665 55.5432 12.5017 54.372 12.5456C53.1732 12.6006 52.222 12.2929 50.9682 11.4467L50.4789 11.117L50.017 11.606C49.2581 12.4083 48.7248 13.0017 48.7467 13.0237C49.797 13.8699 51.0562 14.4853 52.2605 14.7436C53.1348 14.9304 54.6139 14.9799 55.4662 14.8425C57.3633 14.5513 58.617 13.5787 59.0019 12.1225C59.1174 11.6994 59.1284 10.6994 59.0294 10.2873C58.793 9.3092 57.9682 8.51794 56.621 7.97945C56.3405 7.86955 55.4552 7.6058 54.6524 7.397C52.8048 6.91345 52.4584 6.74861 52.2824 6.25957C51.9635 5.36391 52.6619 4.7375 53.9651 4.74849C54.4655 4.75399 54.7679 4.81443 56.0161 5.18258C56.1041 5.21006 56.1096 5.12764 56.1096 3.94625C56.1096 2.78684 56.1041 2.67694 56.0161 2.64947C55.9611 2.63299 55.6367 2.57254 55.2903 2.5066C54.5314 2.37473 53.8001 2.33626 53.2447 2.39671Z",
|
|
8816
8686
|
fill: "white"
|
|
8817
8687
|
}
|
|
8818
8688
|
),
|
|
8819
|
-
/* @__PURE__ */
|
|
8689
|
+
/* @__PURE__ */ jsx20(
|
|
8820
8690
|
"path",
|
|
8821
8691
|
{
|
|
8822
8692
|
d: "M74.6953 7.57213C74.6953 11.2592 74.7173 11.7647 74.8933 12.3142C75.1297 13.056 75.872 13.8912 76.5924 14.2374C77.4667 14.655 78.198 14.8088 79.5507 14.8528L80.469 14.8857V13.8692V12.8582L79.8806 12.7867C78.8579 12.6713 78.1045 12.3252 77.8846 11.8746C77.6976 11.4844 77.6646 11.1108 77.6646 9.23157V7.3963H79.0668H80.469V6.4347V5.47311L79.0833 5.46212L77.6921 5.44563L77.6756 4.65987L77.6591 3.87961H76.18H74.6953V7.57213Z",
|
|
8823
8693
|
fill: "white"
|
|
8824
8694
|
}
|
|
8825
8695
|
),
|
|
8826
|
-
/* @__PURE__ */
|
|
8696
|
+
/* @__PURE__ */ jsx20(
|
|
8827
8697
|
"path",
|
|
8828
8698
|
{
|
|
8829
8699
|
d: "M68.4882 5.25987C67.9383 5.3258 66.9375 5.6445 66.5031 5.89726C65.5024 6.47972 64.9305 7.50725 65.046 8.52379C65.0899 8.95239 65.2274 9.2546 65.5134 9.56231C65.9203 10.0019 66.6406 10.3151 67.8503 10.5789C68.1528 10.6448 68.6256 10.7492 68.9006 10.8096C69.5164 10.9415 70.1268 11.2272 70.2918 11.4525C70.5392 11.7987 70.3907 12.3042 69.9728 12.5515C69.7309 12.6944 69.6869 12.6999 69.0051 12.6999C68.0098 12.6944 66.6351 12.3812 65.8323 11.98C65.6288 11.8756 65.4474 11.7932 65.4309 11.7932C65.4144 11.7932 65.4034 12.3097 65.4034 12.9416V14.0955L65.6948 14.1999C66.8056 14.6121 67.6744 14.8044 68.7081 14.8538C70.1103 14.9253 71.353 14.5901 72.2658 13.9087C72.9037 13.4307 73.2831 12.8702 73.4646 12.1449C73.5855 11.6613 73.514 11.0734 73.2666 10.5624C72.8762 9.73815 71.7544 9.13372 69.8519 8.7216C69.0875 8.55676 68.4882 8.34796 68.3067 8.18311C68.1528 8.04574 68.1747 7.71605 68.3507 7.50725C68.6201 7.18855 68.7576 7.15008 69.5989 7.15008H70.3523V6.21047V5.27085L70.0168 5.23239C69.5879 5.18843 69.0106 5.19942 68.4882 5.25987Z",
|
|
8830
8700
|
fill: "white"
|
|
8831
8701
|
}
|
|
8832
8702
|
),
|
|
8833
|
-
/* @__PURE__ */
|
|
8703
|
+
/* @__PURE__ */ jsx20(
|
|
8834
8704
|
"path",
|
|
8835
8705
|
{
|
|
8836
8706
|
d: "M97.0316 5.25947C96.8116 5.28695 96.3607 5.39684 96.0253 5.50674C94.8156 5.90786 93.9523 6.67714 93.5069 7.74863C93.166 8.57285 93.1605 8.6278 93.133 11.8038L93.1055 14.7051H94.6231H96.1408V12.0511C96.1408 10.4905 96.1628 9.25971 96.1958 9.0509C96.3002 8.44098 96.6467 7.90798 97.1086 7.6717C97.345 7.55082 97.4495 7.53433 97.9554 7.53433C98.4942 7.53433 98.5547 7.54532 98.8242 7.69368C99.2861 7.95194 99.5995 8.419 99.7095 9.01793C99.748 9.22124 99.77 10.3202 99.77 12.0236V14.7051H101.282H102.794V11.9412C102.794 10.2817 102.822 9.08937 102.855 8.94101C103.064 8.02337 103.685 7.50686 104.581 7.50686C105.571 7.50686 106.215 8.11129 106.363 9.17179C106.401 9.43005 106.423 10.6169 106.423 12.1555V14.7051H107.914H109.398L109.382 11.7489C109.36 8.92452 109.354 8.78166 109.239 8.36955C108.854 6.99034 107.897 5.9738 106.572 5.52872C105.786 5.27046 105.527 5.232 104.526 5.2375C103.702 5.2375 103.526 5.25947 103.047 5.38586C102.448 5.53971 101.942 5.7595 101.563 6.01776C101.425 6.11117 101.299 6.1881 101.271 6.1881C101.249 6.1881 101.057 6.07271 100.848 5.94083C99.9459 5.35289 98.4723 5.09463 97.0316 5.25947Z",
|
|
8837
8707
|
fill: "white"
|
|
8838
8708
|
}
|
|
8839
8709
|
),
|
|
8840
|
-
/* @__PURE__ */
|
|
8710
|
+
/* @__PURE__ */ jsx20(
|
|
8841
8711
|
"path",
|
|
8842
8712
|
{
|
|
8843
8713
|
d: "M86.1337 5.30344C84.3081 5.57818 82.9884 6.49581 82.2296 8.02338C81.8887 8.71572 81.7732 9.35862 81.8062 10.3367C81.8447 11.2488 81.9327 11.65 82.2351 12.2489C82.785 13.3369 83.3898 13.9138 84.5171 14.4194C85.1274 14.6941 85.6938 14.815 86.4966 14.8534C87.085 14.8809 88.1462 14.8095 88.5532 14.7106C88.6576 14.6831 88.8116 14.6446 88.8996 14.6282L89.048 14.5952V13.5786C89.048 13.0182 89.0425 12.5621 89.037 12.5621C89.026 12.5621 88.8336 12.617 88.6081 12.6775C88.0253 12.8368 86.898 12.8808 86.3866 12.7599C85.6333 12.5841 85.0449 12.117 84.726 11.4412C84.616 11.2159 84.5446 11.0016 84.5666 10.9686C84.5885 10.9301 85.7433 10.9137 88.1682 10.9137H91.7369L91.7754 10.6609C91.8304 10.2872 91.7534 9.46851 91.605 8.80914C91.286 7.38598 90.3567 6.22657 89.1195 5.69357C88.3552 5.36938 86.9475 5.18255 86.1337 5.30344ZM87.5909 7.52884C87.7448 7.56731 87.9648 7.64973 88.0858 7.71567C88.5257 7.93546 89.0041 8.60033 89.081 9.09487L89.1195 9.32016H86.8265C84.9845 9.32016 84.5391 9.30367 84.5391 9.24872C84.5391 9.06739 84.99 8.26515 85.2099 8.05634C85.4738 7.80358 85.8588 7.58379 86.1722 7.51236C86.4911 7.43543 87.2829 7.44642 87.5909 7.52884Z",
|
|
8844
8714
|
fill: "white"
|
|
8845
8715
|
}
|
|
8846
8716
|
),
|
|
8847
|
-
/* @__PURE__ */
|
|
8717
|
+
/* @__PURE__ */ jsx20(
|
|
8848
8718
|
"path",
|
|
8849
8719
|
{
|
|
8850
8720
|
d: "M114.892 5.30939C114.634 5.33686 114.315 5.38082 114.178 5.4028L113.93 5.45225L113.914 6.58419L113.903 7.71612L114.134 7.65568C114.266 7.62821 114.815 7.60073 115.36 7.59524C116.179 7.58974 116.405 7.60623 116.652 7.68865C117.125 7.8425 117.46 8.12274 117.631 8.4854C117.779 8.80959 117.862 9.37556 117.768 9.37556C117.735 9.37556 117.515 9.32611 117.279 9.27116C116.223 9.00741 114.639 8.98543 113.573 9.20522C111.956 9.5459 110.988 10.6009 110.988 12.0296C110.988 13.2879 111.879 14.3319 113.27 14.711C113.864 14.8759 115.316 14.8924 115.91 14.744C116.41 14.6176 117.152 14.244 117.477 13.9473C117.625 13.8209 117.757 13.7165 117.774 13.7165C117.79 13.7165 117.807 13.9363 117.807 14.211V14.7055H119.242H120.672L120.65 11.5295C120.628 7.97438 120.628 7.99636 120.226 7.24357C119.517 5.9303 118.318 5.34236 116.212 5.28741C115.745 5.27093 115.151 5.28191 114.892 5.30939ZM117.235 10.7712C117.851 10.9251 117.862 10.9306 117.862 11.3537C117.862 12.2329 117.251 12.7933 116.069 12.9912C115.64 13.0681 115.497 13.0681 115.156 13.0131C114.628 12.9252 114.211 12.7164 114.04 12.4637C113.864 12.1999 113.848 11.6394 114.007 11.3757C114.205 11.0515 114.656 10.7822 115.167 10.6888C115.525 10.6229 116.844 10.6778 117.235 10.7712Z",
|
|
8851
8721
|
fill: "white"
|
|
8852
8722
|
}
|
|
8853
8723
|
),
|
|
8854
|
-
/* @__PURE__ */
|
|
8724
|
+
/* @__PURE__ */ jsx20(
|
|
8855
8725
|
"path",
|
|
8856
8726
|
{
|
|
8857
8727
|
d: "M60.457 10.1169V14.7051H61.9417H63.4264V10.1169V5.52872H61.9417H60.457V10.1169Z",
|
|
8858
8728
|
fill: "white"
|
|
8859
8729
|
}
|
|
8860
8730
|
),
|
|
8861
|
-
/* @__PURE__ */
|
|
8731
|
+
/* @__PURE__ */ jsx20(
|
|
8862
8732
|
"path",
|
|
8863
8733
|
{
|
|
8864
8734
|
d: "M173.197 1.72126C172.114 3.40817 171.586 4.24338 171.586 4.28185C171.586 4.30383 172.02 4.32031 172.554 4.32031H173.527L173.752 4.117C174.324 3.61148 175.71 2.27074 175.71 2.22678C175.71 2.19931 175.655 2.14986 175.589 2.12238C175.518 2.09491 175.034 1.8861 174.511 1.65532C173.994 1.43003 173.554 1.24321 173.538 1.24321C173.521 1.24321 173.368 1.45751 173.197 1.72126Z",
|
|
8865
8735
|
fill: "white"
|
|
8866
8736
|
}
|
|
8867
8737
|
),
|
|
8868
|
-
/* @__PURE__ */
|
|
8738
|
+
/* @__PURE__ */ jsx20(
|
|
8869
8739
|
"path",
|
|
8870
8740
|
{
|
|
8871
8741
|
d: "M194.074 2.97369V3.99023H195.559H197.044L197.033 2.98468L197.016 1.98462L195.548 1.96814L194.074 1.95715V2.97369Z",
|
|
8872
8742
|
fill: "white"
|
|
8873
8743
|
}
|
|
8874
8744
|
),
|
|
8875
|
-
/* @__PURE__ */
|
|
8745
|
+
/* @__PURE__ */ jsx20(
|
|
8876
8746
|
"path",
|
|
8877
8747
|
{
|
|
8878
8748
|
d: "M135.845 2.43604C133.887 2.63386 132.37 3.21082 131.144 4.22736C130.346 4.88674 129.653 5.94724 129.4 6.89784C129.241 7.51326 129.197 8.99687 129.323 9.76614C129.664 11.8322 131.138 13.4861 133.398 14.3488C134.173 14.6455 135.872 14.9258 136.873 14.9258H137.275V13.7554V12.5905L136.543 12.585C135.702 12.574 135.257 12.4751 134.525 12.1344C132.997 11.4201 132.144 9.99692 132.238 8.30452C132.287 7.30446 132.59 6.63409 133.283 5.94174C134.091 5.14499 135.059 4.77684 136.494 4.72189L137.275 4.68892V3.546V2.39758L136.659 2.40857C136.318 2.40857 135.949 2.42506 135.845 2.43604Z",
|
|
8879
8749
|
fill: "white"
|
|
8880
8750
|
}
|
|
8881
8751
|
),
|
|
8882
|
-
/* @__PURE__ */
|
|
8752
|
+
/* @__PURE__ */ jsx20(
|
|
8883
8753
|
"path",
|
|
8884
8754
|
{
|
|
8885
8755
|
d: "M142.609 5.13944C140.503 5.44715 138.831 6.8813 138.342 8.80449C137.797 10.964 138.847 13.1839 140.915 14.2224C141.652 14.5905 142.141 14.7114 143.104 14.7444C143.774 14.7664 143.983 14.7554 144.407 14.6565C145.424 14.4312 146.227 13.9971 146.953 13.2773C148.173 12.0519 148.635 10.4255 148.223 8.79899C148.08 8.24951 147.689 7.46375 147.349 7.04065C146.441 5.91421 144.973 5.1834 143.488 5.12296C143.17 5.10647 142.774 5.11746 142.609 5.13944ZM144.297 7.44727C144.682 7.61761 145.089 8.0517 145.237 8.45282C145.578 9.36496 145.545 10.8156 145.166 11.6014C144.83 12.2992 144.253 12.6179 143.312 12.6179C142.565 12.6179 142.174 12.497 141.778 12.1398C141.311 11.7167 141.107 11.0464 141.107 9.95291C141.107 8.48579 141.514 7.68904 142.411 7.39781C142.889 7.23846 143.884 7.26594 144.297 7.44727Z",
|
|
8886
8756
|
fill: "white"
|
|
8887
8757
|
}
|
|
8888
8758
|
),
|
|
8889
|
-
/* @__PURE__ */
|
|
8759
|
+
/* @__PURE__ */ jsx20(
|
|
8890
8760
|
"path",
|
|
8891
8761
|
{
|
|
8892
8762
|
d: "M154.046 5.12263C153.667 5.16659 152.831 5.37539 152.501 5.50177C152.044 5.6831 151.302 6.18862 150.994 6.5293C150.675 6.88097 150.345 7.43595 150.197 7.85905C149.944 8.60635 149.922 8.89208 149.922 11.8263V14.5957H151.434H152.941L152.957 11.6944L152.974 8.79866L153.106 8.46897C153.386 7.78212 153.963 7.39748 154.733 7.39748C155.267 7.39748 155.597 7.52387 155.932 7.85355C156.52 8.42502 156.575 8.79317 156.575 12.1011V14.5957H158.088H159.594L159.611 11.667C159.633 8.35358 159.616 8.45799 160.078 7.94697C160.474 7.50738 160.672 7.42496 161.359 7.42496C161.849 7.42496 161.97 7.44694 162.157 7.54584C162.448 7.70519 162.767 8.0184 162.893 8.26567C163.168 8.80416 163.174 8.88658 163.174 11.8318V14.5957H164.692H166.204L166.187 11.6944L166.165 8.79866L165.995 8.2327C165.725 7.35902 165.439 6.86449 164.922 6.36995C164.345 5.83146 163.79 5.52924 162.943 5.30945C161.348 4.89184 159.512 5.13362 158.357 5.91388C158.219 6.0018 158.088 6.07873 158.06 6.07873C158.038 6.07873 157.835 5.96883 157.615 5.83146C157.23 5.59518 156.729 5.40286 156.042 5.22703C155.712 5.14461 154.425 5.07867 154.046 5.12263Z",
|
|
8893
8763
|
fill: "white"
|
|
8894
8764
|
}
|
|
8895
8765
|
),
|
|
8896
|
-
/* @__PURE__ */
|
|
8766
|
+
/* @__PURE__ */ jsx20(
|
|
8897
8767
|
"path",
|
|
8898
8768
|
{
|
|
8899
8769
|
d: "M182.994 5.1446C181.399 5.38638 180.184 6.17763 179.579 7.36451C179.177 8.14478 179.172 8.20522 179.172 11.5845V14.5957H180.684H182.196V11.6395C182.202 8.969 182.207 8.66129 182.295 8.40853C182.526 7.74915 183.12 7.3755 184.192 7.23264C184.44 7.19967 184.726 7.15571 184.825 7.14472L185.001 7.11725L184.99 6.11719L184.973 5.11713L184.121 5.11164C183.653 5.10614 183.147 5.12263 182.994 5.1446Z",
|
|
8900
8770
|
fill: "white"
|
|
8901
8771
|
}
|
|
8902
8772
|
),
|
|
8903
|
-
/* @__PURE__ */
|
|
8773
|
+
/* @__PURE__ */ jsx20(
|
|
8904
8774
|
"path",
|
|
8905
8775
|
{
|
|
8906
8776
|
d: "M190.311 5.1395C189.706 5.2384 188.705 5.54062 188.21 5.7769C187.248 6.23297 186.61 6.81542 186.126 7.6836C185.73 8.38694 185.609 8.93642 185.609 9.98044C185.615 11.3267 185.928 12.1729 186.737 13.0465C187.479 13.8433 188.425 14.3323 189.788 14.6236C190.514 14.7829 191.62 14.8379 192.169 14.7445L192.428 14.7005V13.7004V12.7004L191.993 12.7169C190.844 12.7718 189.832 12.3927 189.107 11.6289C188.617 11.1179 188.425 10.5299 188.485 9.71669C188.54 8.88147 188.881 8.33748 189.678 7.7935C190.305 7.3649 191.136 7.12313 191.988 7.12313H192.428V6.16703C192.428 5.4582 192.411 5.19444 192.362 5.16148C192.263 5.10653 190.646 5.09004 190.311 5.1395Z",
|
|
8907
8777
|
fill: "white"
|
|
8908
8778
|
}
|
|
8909
8779
|
),
|
|
8910
|
-
/* @__PURE__ */
|
|
8780
|
+
/* @__PURE__ */ jsx20(
|
|
8911
8781
|
"path",
|
|
8912
8782
|
{
|
|
8913
8783
|
d: "M203.01 5.14533C201.784 5.32666 200.524 5.99703 199.776 6.86521C198.93 7.85428 198.473 9.26095 198.627 10.4259C198.842 12.0908 199.82 13.459 201.344 14.2228C202.168 14.6349 202.614 14.7338 203.725 14.7283C204.808 14.7283 205.22 14.6404 205.996 14.2667C208.487 13.0414 209.487 10.25 208.289 7.85977C207.491 6.27177 205.781 5.20028 203.917 5.12335C203.598 5.10686 203.191 5.11785 203.01 5.14533ZM204.72 7.44766C204.874 7.5136 205.116 7.68394 205.253 7.8268C205.666 8.24441 205.831 8.74993 205.88 9.73351C205.93 10.8105 205.71 11.6512 205.259 12.0908C204.901 12.437 204.533 12.5743 203.901 12.6073C202.592 12.6677 201.932 12.2282 201.624 11.0633C201.492 10.5742 201.498 9.24996 201.63 8.79939C201.861 8.03561 202.24 7.59602 202.839 7.39821C203.312 7.24435 204.313 7.26633 204.72 7.44766Z",
|
|
8914
8784
|
fill: "white"
|
|
8915
8785
|
}
|
|
8916
8786
|
),
|
|
8917
|
-
/* @__PURE__ */
|
|
8787
|
+
/* @__PURE__ */ jsx20(
|
|
8918
8788
|
"path",
|
|
8919
8789
|
{
|
|
8920
8790
|
d: "M171.532 5.33081C170.025 5.68797 168.931 6.54517 168.26 7.8914C167.93 8.55627 167.793 9.1662 167.793 10.0344C167.793 11.9081 168.651 13.3752 170.212 14.1775C170.768 14.4632 171.059 14.5621 171.725 14.683C172.533 14.8314 174.199 14.7434 174.958 14.5072C175.04 14.4797 175.051 14.3808 175.051 13.4741V12.4686L174.49 12.6005C173.809 12.7543 172.83 12.7708 172.34 12.6444C171.637 12.4631 171.103 12.0565 170.806 11.4795C170.696 11.2762 170.592 11.0509 170.57 10.9795L170.537 10.8586H174.133H177.735L177.768 10.6883C177.916 9.95196 177.619 8.36395 177.179 7.52324C176.684 6.56165 175.711 5.74292 174.721 5.4462C173.77 5.16597 172.434 5.11651 171.532 5.33081ZM173.523 7.40236C173.93 7.49028 174.199 7.63864 174.512 7.95184C174.804 8.24307 175.046 8.69914 175.09 9.05081L175.123 9.2651L172.846 9.25411L170.57 9.23763L170.586 9.10026C170.592 9.02333 170.685 8.78705 170.79 8.56726C170.988 8.16614 171.373 7.75952 171.719 7.57819C172.148 7.35291 172.934 7.27598 173.523 7.40236Z",
|
|
8921
8791
|
fill: "white"
|
|
8922
8792
|
}
|
|
8923
8793
|
),
|
|
8924
|
-
/* @__PURE__ */
|
|
8794
|
+
/* @__PURE__ */ jsx20(
|
|
8925
8795
|
"path",
|
|
8926
8796
|
{
|
|
8927
8797
|
d: "M194.074 10.0075V14.5957H195.559H197.044V10.0075V5.41934H195.559H194.074V10.0075Z",
|
|
@@ -8934,12 +8804,12 @@ function LogotipoDefault() {
|
|
|
8934
8804
|
}
|
|
8935
8805
|
|
|
8936
8806
|
// src/components/Sidebar/index.tsx
|
|
8937
|
-
import { jsx as
|
|
8807
|
+
import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
8938
8808
|
function SidebarContainer({
|
|
8939
8809
|
isOpen = true,
|
|
8940
8810
|
...rest
|
|
8941
8811
|
}) {
|
|
8942
|
-
return /* @__PURE__ */
|
|
8812
|
+
return /* @__PURE__ */ jsx21(
|
|
8943
8813
|
"div",
|
|
8944
8814
|
{
|
|
8945
8815
|
"data-is-open": isOpen,
|
|
@@ -8956,20 +8826,20 @@ function SidebarImageBrand({
|
|
|
8956
8826
|
children
|
|
8957
8827
|
}) {
|
|
8958
8828
|
return /* @__PURE__ */ jsxs9("div", { className: "cnc-flex cnc-items-center cnc-justify-between cnc-bg-primary-900 cnc-w-full cnc-h-full cnc-max-h-[70px] cnc-py-5 cnc-px-6 cnc-transition-all cnc-duration-300 cnc-ease-in-out cnc-sidebar-child-w-0", children: [
|
|
8959
|
-
/* @__PURE__ */
|
|
8829
|
+
/* @__PURE__ */ jsx21("span", { className: "cnc-sidebar-child-hidden", children: asChild && !img ? children : img && img.src ? /* @__PURE__ */ jsx21(
|
|
8960
8830
|
"img",
|
|
8961
8831
|
{
|
|
8962
8832
|
src: img.src,
|
|
8963
8833
|
alt: img?.alt,
|
|
8964
8834
|
className: "cnc-w-[159px] cnc-h-[28px] cnc-object-contain"
|
|
8965
8835
|
}
|
|
8966
|
-
) : /* @__PURE__ */
|
|
8967
|
-
onChangeToggle && /* @__PURE__ */
|
|
8836
|
+
) : /* @__PURE__ */ jsx21(LogotipoDefault, {}) }),
|
|
8837
|
+
onChangeToggle && /* @__PURE__ */ jsx21(
|
|
8968
8838
|
"button",
|
|
8969
8839
|
{
|
|
8970
8840
|
onClick: onChangeToggle,
|
|
8971
8841
|
className: "hover:cnc-brightness-75 cnc-sidebar-child-hidden",
|
|
8972
|
-
children: /* @__PURE__ */
|
|
8842
|
+
children: /* @__PURE__ */ jsx21(
|
|
8973
8843
|
"svg",
|
|
8974
8844
|
{
|
|
8975
8845
|
stroke: "currentColor",
|
|
@@ -8980,7 +8850,7 @@ function SidebarImageBrand({
|
|
|
8980
8850
|
height: "1em",
|
|
8981
8851
|
width: "1em",
|
|
8982
8852
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8983
|
-
children: /* @__PURE__ */
|
|
8853
|
+
children: /* @__PURE__ */ jsx21(
|
|
8984
8854
|
"path",
|
|
8985
8855
|
{
|
|
8986
8856
|
fill: "none",
|
|
@@ -8997,7 +8867,7 @@ function SidebarImageBrand({
|
|
|
8997
8867
|
] });
|
|
8998
8868
|
}
|
|
8999
8869
|
function Sidebar({ children, ...rest }) {
|
|
9000
|
-
return /* @__PURE__ */
|
|
8870
|
+
return /* @__PURE__ */ jsx21(Accordion.Root, { ...rest, children: /* @__PURE__ */ jsx21(
|
|
9001
8871
|
"div",
|
|
9002
8872
|
{
|
|
9003
8873
|
className: "cnc-w-full cnc-h-screen-minus-70 cnc-flex cnc-flex-col cnc-py-8 cnc-bg-primary-800 cnc-px-5 \r\n cnc-scroll-smooth cnc-overflow-y-auto\r\n [&::-webkit-scrollbar]:cnc-w-1\r\n [&::-webkit-scrollbar-track]:cnc-bg-brand-blue-500\r\n [&::-webkit-scrollbar-thumb]:cnc-rounded\r\n [&::-webkit-scrollbar-thumb]:cnc-border\r\n [&::-webkit-scrollbar-thumb]:cnc-border-solid\r\n [&::-webkit-scrollbar-thumb]:cnc-border-brand-gray-400\r\n [&::-webkit-scrollbar-thumb]:cnc-bg-brand-gray-200\r\n cnc-sidebar-child-w-0",
|
|
@@ -9011,7 +8881,7 @@ function SidebarNavLink({
|
|
|
9011
8881
|
...rest
|
|
9012
8882
|
}) {
|
|
9013
8883
|
const Component = asChild ? Slot6 : "a";
|
|
9014
|
-
return /* @__PURE__ */
|
|
8884
|
+
return /* @__PURE__ */ jsx21(
|
|
9015
8885
|
Component,
|
|
9016
8886
|
{
|
|
9017
8887
|
"data-type": type,
|
|
@@ -9032,7 +8902,7 @@ function SidebarNavCollapse({
|
|
|
9032
8902
|
icon && renderIconItem(icon),
|
|
9033
8903
|
title
|
|
9034
8904
|
] }),
|
|
9035
|
-
/* @__PURE__ */
|
|
8905
|
+
/* @__PURE__ */ jsx21("div", { className: "cnc-w-4 cnc-h-4", children: /* @__PURE__ */ jsx21(
|
|
9036
8906
|
"svg",
|
|
9037
8907
|
{
|
|
9038
8908
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -9045,11 +8915,11 @@ function SidebarNavCollapse({
|
|
|
9045
8915
|
strokeLinecap: "round",
|
|
9046
8916
|
strokeLinejoin: "round",
|
|
9047
8917
|
className: "cnc-w-full cnc-h-full cnc-text-violet10 cnc-transition-transform cnc-duration-300 cnc-ease-[cubic-bezier(0.87,_0,_0.13,_1)] group-data-[state=open]:cnc-rotate-90",
|
|
9048
|
-
children: /* @__PURE__ */
|
|
8918
|
+
children: /* @__PURE__ */ jsx21("path", { d: "m9 18 6-6-6-6" })
|
|
9049
8919
|
}
|
|
9050
8920
|
) })
|
|
9051
8921
|
] }),
|
|
9052
|
-
/* @__PURE__ */
|
|
8922
|
+
/* @__PURE__ */ jsx21(Accordion.Content, { className: "cnc-overflow-hidden data-[state=closed]:cnc-animate-slideUp data-[state=open]:cnc-animate-slideDown cnc-py-2", children: /* @__PURE__ */ jsx21("div", { className: "cnc-bg-white/10 cnc-rounded-md cnc-font-normal cnc-px-5 cnc-py-3", children }) })
|
|
9053
8923
|
] });
|
|
9054
8924
|
}
|
|
9055
8925
|
function renderIconItem(icon) {
|
|
@@ -9062,15 +8932,15 @@ function renderIconItem(icon) {
|
|
|
9062
8932
|
});
|
|
9063
8933
|
}
|
|
9064
8934
|
if (isValidElement(icon)) {
|
|
9065
|
-
return /* @__PURE__ */
|
|
8935
|
+
return /* @__PURE__ */ jsx21("span", { className: "cnc-w-5 cnc-h-5 cnc-overflow-hidden", children: icon });
|
|
9066
8936
|
}
|
|
9067
|
-
return /* @__PURE__ */
|
|
8937
|
+
return /* @__PURE__ */ jsx21("span", { className: "cnc-w-5 cnc-h-5 cnc-overflow-hidden", children: icon });
|
|
9068
8938
|
}
|
|
9069
8939
|
|
|
9070
8940
|
// ../../node_modules/@radix-ui/react-popover/dist/index.mjs
|
|
9071
|
-
import * as
|
|
8941
|
+
import * as React36 from "react";
|
|
9072
8942
|
import { Slot as Slot7 } from "@radix-ui/react-slot";
|
|
9073
|
-
import { jsx as
|
|
8943
|
+
import { jsx as jsx22 } from "react/jsx-runtime";
|
|
9074
8944
|
var POPOVER_NAME = "Popover";
|
|
9075
8945
|
var [createPopoverContext, createPopoverScope] = createContextScope(POPOVER_NAME, [
|
|
9076
8946
|
createPopperScope
|
|
@@ -9087,14 +8957,14 @@ var Popover = (props) => {
|
|
|
9087
8957
|
modal = false
|
|
9088
8958
|
} = props;
|
|
9089
8959
|
const popperScope = usePopperScope2(__scopePopover);
|
|
9090
|
-
const triggerRef =
|
|
9091
|
-
const [hasCustomAnchor, setHasCustomAnchor] =
|
|
8960
|
+
const triggerRef = React36.useRef(null);
|
|
8961
|
+
const [hasCustomAnchor, setHasCustomAnchor] = React36.useState(false);
|
|
9092
8962
|
const [open = false, setOpen] = useControllableState({
|
|
9093
8963
|
prop: openProp,
|
|
9094
8964
|
defaultProp: defaultOpen,
|
|
9095
8965
|
onChange: onOpenChange
|
|
9096
8966
|
});
|
|
9097
|
-
return /* @__PURE__ */
|
|
8967
|
+
return /* @__PURE__ */ jsx22(Root2, { ...popperScope, children: /* @__PURE__ */ jsx22(
|
|
9098
8968
|
PopoverProvider,
|
|
9099
8969
|
{
|
|
9100
8970
|
scope: __scopePopover,
|
|
@@ -9102,10 +8972,10 @@ var Popover = (props) => {
|
|
|
9102
8972
|
triggerRef,
|
|
9103
8973
|
open,
|
|
9104
8974
|
onOpenChange: setOpen,
|
|
9105
|
-
onOpenToggle:
|
|
8975
|
+
onOpenToggle: React36.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
|
|
9106
8976
|
hasCustomAnchor,
|
|
9107
|
-
onCustomAnchorAdd:
|
|
9108
|
-
onCustomAnchorRemove:
|
|
8977
|
+
onCustomAnchorAdd: React36.useCallback(() => setHasCustomAnchor(true), []),
|
|
8978
|
+
onCustomAnchorRemove: React36.useCallback(() => setHasCustomAnchor(false), []),
|
|
9109
8979
|
modal,
|
|
9110
8980
|
children
|
|
9111
8981
|
}
|
|
@@ -9113,28 +8983,28 @@ var Popover = (props) => {
|
|
|
9113
8983
|
};
|
|
9114
8984
|
Popover.displayName = POPOVER_NAME;
|
|
9115
8985
|
var ANCHOR_NAME3 = "PopoverAnchor";
|
|
9116
|
-
var PopoverAnchor =
|
|
8986
|
+
var PopoverAnchor = React36.forwardRef(
|
|
9117
8987
|
(props, forwardedRef) => {
|
|
9118
8988
|
const { __scopePopover, ...anchorProps } = props;
|
|
9119
8989
|
const context = usePopoverContext(ANCHOR_NAME3, __scopePopover);
|
|
9120
8990
|
const popperScope = usePopperScope2(__scopePopover);
|
|
9121
8991
|
const { onCustomAnchorAdd, onCustomAnchorRemove } = context;
|
|
9122
|
-
|
|
8992
|
+
React36.useEffect(() => {
|
|
9123
8993
|
onCustomAnchorAdd();
|
|
9124
8994
|
return () => onCustomAnchorRemove();
|
|
9125
8995
|
}, [onCustomAnchorAdd, onCustomAnchorRemove]);
|
|
9126
|
-
return /* @__PURE__ */
|
|
8996
|
+
return /* @__PURE__ */ jsx22(Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
|
|
9127
8997
|
}
|
|
9128
8998
|
);
|
|
9129
8999
|
PopoverAnchor.displayName = ANCHOR_NAME3;
|
|
9130
9000
|
var TRIGGER_NAME3 = "PopoverTrigger";
|
|
9131
|
-
var PopoverTrigger =
|
|
9001
|
+
var PopoverTrigger = React36.forwardRef(
|
|
9132
9002
|
(props, forwardedRef) => {
|
|
9133
9003
|
const { __scopePopover, ...triggerProps } = props;
|
|
9134
9004
|
const context = usePopoverContext(TRIGGER_NAME3, __scopePopover);
|
|
9135
9005
|
const popperScope = usePopperScope2(__scopePopover);
|
|
9136
9006
|
const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
|
|
9137
|
-
const trigger = /* @__PURE__ */
|
|
9007
|
+
const trigger = /* @__PURE__ */ jsx22(
|
|
9138
9008
|
Primitive.button,
|
|
9139
9009
|
{
|
|
9140
9010
|
type: "button",
|
|
@@ -9147,7 +9017,7 @@ var PopoverTrigger = React39.forwardRef(
|
|
|
9147
9017
|
onClick: composeEventHandlers(props.onClick, context.onOpenToggle)
|
|
9148
9018
|
}
|
|
9149
9019
|
);
|
|
9150
|
-
return context.hasCustomAnchor ? trigger : /* @__PURE__ */
|
|
9020
|
+
return context.hasCustomAnchor ? trigger : /* @__PURE__ */ jsx22(Anchor, { asChild: true, ...popperScope, children: trigger });
|
|
9151
9021
|
}
|
|
9152
9022
|
);
|
|
9153
9023
|
PopoverTrigger.displayName = TRIGGER_NAME3;
|
|
@@ -9158,30 +9028,30 @@ var [PortalProvider3, usePortalContext3] = createPopoverContext(PORTAL_NAME5, {
|
|
|
9158
9028
|
var PopoverPortal = (props) => {
|
|
9159
9029
|
const { __scopePopover, forceMount, children, container } = props;
|
|
9160
9030
|
const context = usePopoverContext(PORTAL_NAME5, __scopePopover);
|
|
9161
|
-
return /* @__PURE__ */
|
|
9031
|
+
return /* @__PURE__ */ jsx22(PortalProvider3, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsx22(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx22(Portal, { asChild: true, container, children }) }) });
|
|
9162
9032
|
};
|
|
9163
9033
|
PopoverPortal.displayName = PORTAL_NAME5;
|
|
9164
9034
|
var CONTENT_NAME5 = "PopoverContent";
|
|
9165
|
-
var PopoverContent =
|
|
9035
|
+
var PopoverContent = React36.forwardRef(
|
|
9166
9036
|
(props, forwardedRef) => {
|
|
9167
9037
|
const portalContext = usePortalContext3(CONTENT_NAME5, props.__scopePopover);
|
|
9168
9038
|
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
9169
9039
|
const context = usePopoverContext(CONTENT_NAME5, props.__scopePopover);
|
|
9170
|
-
return /* @__PURE__ */
|
|
9040
|
+
return /* @__PURE__ */ jsx22(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx22(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx22(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
|
|
9171
9041
|
}
|
|
9172
9042
|
);
|
|
9173
9043
|
PopoverContent.displayName = CONTENT_NAME5;
|
|
9174
|
-
var PopoverContentModal =
|
|
9044
|
+
var PopoverContentModal = React36.forwardRef(
|
|
9175
9045
|
(props, forwardedRef) => {
|
|
9176
9046
|
const context = usePopoverContext(CONTENT_NAME5, props.__scopePopover);
|
|
9177
|
-
const contentRef =
|
|
9047
|
+
const contentRef = React36.useRef(null);
|
|
9178
9048
|
const composedRefs = useComposedRefs(forwardedRef, contentRef);
|
|
9179
|
-
const isRightClickOutsideRef =
|
|
9180
|
-
|
|
9049
|
+
const isRightClickOutsideRef = React36.useRef(false);
|
|
9050
|
+
React36.useEffect(() => {
|
|
9181
9051
|
const content = contentRef.current;
|
|
9182
9052
|
if (content) return hideOthers(content);
|
|
9183
9053
|
}, []);
|
|
9184
|
-
return /* @__PURE__ */
|
|
9054
|
+
return /* @__PURE__ */ jsx22(Combination_default, { as: Slot7, allowPinchZoom: true, children: /* @__PURE__ */ jsx22(
|
|
9185
9055
|
PopoverContentImpl,
|
|
9186
9056
|
{
|
|
9187
9057
|
...props,
|
|
@@ -9211,12 +9081,12 @@ var PopoverContentModal = React39.forwardRef(
|
|
|
9211
9081
|
) });
|
|
9212
9082
|
}
|
|
9213
9083
|
);
|
|
9214
|
-
var PopoverContentNonModal =
|
|
9084
|
+
var PopoverContentNonModal = React36.forwardRef(
|
|
9215
9085
|
(props, forwardedRef) => {
|
|
9216
9086
|
const context = usePopoverContext(CONTENT_NAME5, props.__scopePopover);
|
|
9217
|
-
const hasInteractedOutsideRef =
|
|
9218
|
-
const hasPointerDownOutsideRef =
|
|
9219
|
-
return /* @__PURE__ */
|
|
9087
|
+
const hasInteractedOutsideRef = React36.useRef(false);
|
|
9088
|
+
const hasPointerDownOutsideRef = React36.useRef(false);
|
|
9089
|
+
return /* @__PURE__ */ jsx22(
|
|
9220
9090
|
PopoverContentImpl,
|
|
9221
9091
|
{
|
|
9222
9092
|
...props,
|
|
@@ -9251,7 +9121,7 @@ var PopoverContentNonModal = React39.forwardRef(
|
|
|
9251
9121
|
);
|
|
9252
9122
|
}
|
|
9253
9123
|
);
|
|
9254
|
-
var PopoverContentImpl =
|
|
9124
|
+
var PopoverContentImpl = React36.forwardRef(
|
|
9255
9125
|
(props, forwardedRef) => {
|
|
9256
9126
|
const {
|
|
9257
9127
|
__scopePopover,
|
|
@@ -9268,7 +9138,7 @@ var PopoverContentImpl = React39.forwardRef(
|
|
|
9268
9138
|
const context = usePopoverContext(CONTENT_NAME5, __scopePopover);
|
|
9269
9139
|
const popperScope = usePopperScope2(__scopePopover);
|
|
9270
9140
|
useFocusGuards();
|
|
9271
|
-
return /* @__PURE__ */
|
|
9141
|
+
return /* @__PURE__ */ jsx22(
|
|
9272
9142
|
FocusScope,
|
|
9273
9143
|
{
|
|
9274
9144
|
asChild: true,
|
|
@@ -9276,7 +9146,7 @@ var PopoverContentImpl = React39.forwardRef(
|
|
|
9276
9146
|
trapped: trapFocus,
|
|
9277
9147
|
onMountAutoFocus: onOpenAutoFocus,
|
|
9278
9148
|
onUnmountAutoFocus: onCloseAutoFocus,
|
|
9279
|
-
children: /* @__PURE__ */
|
|
9149
|
+
children: /* @__PURE__ */ jsx22(
|
|
9280
9150
|
DismissableLayer,
|
|
9281
9151
|
{
|
|
9282
9152
|
asChild: true,
|
|
@@ -9286,7 +9156,7 @@ var PopoverContentImpl = React39.forwardRef(
|
|
|
9286
9156
|
onPointerDownOutside,
|
|
9287
9157
|
onFocusOutside,
|
|
9288
9158
|
onDismiss: () => context.onOpenChange(false),
|
|
9289
|
-
children: /* @__PURE__ */
|
|
9159
|
+
children: /* @__PURE__ */ jsx22(
|
|
9290
9160
|
Content,
|
|
9291
9161
|
{
|
|
9292
9162
|
"data-state": getState2(context.open),
|
|
@@ -9315,11 +9185,11 @@ var PopoverContentImpl = React39.forwardRef(
|
|
|
9315
9185
|
}
|
|
9316
9186
|
);
|
|
9317
9187
|
var CLOSE_NAME2 = "PopoverClose";
|
|
9318
|
-
var PopoverClose =
|
|
9188
|
+
var PopoverClose = React36.forwardRef(
|
|
9319
9189
|
(props, forwardedRef) => {
|
|
9320
9190
|
const { __scopePopover, ...closeProps } = props;
|
|
9321
9191
|
const context = usePopoverContext(CLOSE_NAME2, __scopePopover);
|
|
9322
|
-
return /* @__PURE__ */
|
|
9192
|
+
return /* @__PURE__ */ jsx22(
|
|
9323
9193
|
Primitive.button,
|
|
9324
9194
|
{
|
|
9325
9195
|
type: "button",
|
|
@@ -9332,11 +9202,11 @@ var PopoverClose = React39.forwardRef(
|
|
|
9332
9202
|
);
|
|
9333
9203
|
PopoverClose.displayName = CLOSE_NAME2;
|
|
9334
9204
|
var ARROW_NAME4 = "PopoverArrow";
|
|
9335
|
-
var PopoverArrow =
|
|
9205
|
+
var PopoverArrow = React36.forwardRef(
|
|
9336
9206
|
(props, forwardedRef) => {
|
|
9337
9207
|
const { __scopePopover, ...arrowProps } = props;
|
|
9338
9208
|
const popperScope = usePopperScope2(__scopePopover);
|
|
9339
|
-
return /* @__PURE__ */
|
|
9209
|
+
return /* @__PURE__ */ jsx22(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef });
|
|
9340
9210
|
}
|
|
9341
9211
|
);
|
|
9342
9212
|
PopoverArrow.displayName = ARROW_NAME4;
|
|
@@ -9349,11 +9219,11 @@ var Portal4 = PopoverPortal;
|
|
|
9349
9219
|
var Content23 = PopoverContent;
|
|
9350
9220
|
|
|
9351
9221
|
// src/components/Popover/index.tsx
|
|
9352
|
-
import * as
|
|
9353
|
-
import { jsx as
|
|
9222
|
+
import * as React37 from "react";
|
|
9223
|
+
import { jsx as jsx23 } from "react/jsx-runtime";
|
|
9354
9224
|
var Popover2 = Root23;
|
|
9355
9225
|
var PopoverTrigger2 = Trigger4;
|
|
9356
|
-
var PopoverContent2 =
|
|
9226
|
+
var PopoverContent2 = React37.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx23(Portal4, { children: /* @__PURE__ */ jsx23(
|
|
9357
9227
|
Content23,
|
|
9358
9228
|
{
|
|
9359
9229
|
ref,
|
|
@@ -9367,9 +9237,342 @@ var PopoverContent2 = React40.forwardRef(({ className, align = "center", sideOff
|
|
|
9367
9237
|
}
|
|
9368
9238
|
) }));
|
|
9369
9239
|
PopoverContent2.displayName = Content23.displayName;
|
|
9240
|
+
|
|
9241
|
+
// src/components/Select/index.tsx
|
|
9242
|
+
import * as React38 from "react";
|
|
9243
|
+
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
9244
|
+
import { jsx as jsx24, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
9245
|
+
var Select = SelectPrimitive.Root;
|
|
9246
|
+
var SelectGroup = SelectPrimitive.Group;
|
|
9247
|
+
var SelectValue = SelectPrimitive.Value;
|
|
9248
|
+
var SelectPortal = SelectPrimitive.Portal;
|
|
9249
|
+
var SelectViewport = SelectPrimitive.Viewport;
|
|
9250
|
+
var SelectTrigger = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
|
|
9251
|
+
SelectPrimitive.Trigger,
|
|
9252
|
+
{
|
|
9253
|
+
ref,
|
|
9254
|
+
className: cn(
|
|
9255
|
+
"cnc-flex cnc-h-10 cnc-w-full cnc-items-center cnc-justify-between cnc-rounded-md cnc-border cnc-border-input cnc-bg-background cnc-px-3 cnc-py-2 cnc-text-sm cnc-ring-offset-background placeholder:cnc-text-muted-foreground focus:cnc-outline-none focus:cnc-ring-2 focus:cnc-ring-ring focus:cnc-ring-offset-2 disabled:cnc-cursor-not-allowed disabled:cnc-opacity-50 [&>span]:cnc-line-clamp-1",
|
|
9256
|
+
className
|
|
9257
|
+
),
|
|
9258
|
+
...props,
|
|
9259
|
+
children: [
|
|
9260
|
+
children,
|
|
9261
|
+
/* @__PURE__ */ jsx24(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx24(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
|
|
9262
|
+
]
|
|
9263
|
+
}
|
|
9264
|
+
));
|
|
9265
|
+
SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
|
|
9266
|
+
var SelectScrollUpButton = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
|
|
9267
|
+
SelectPrimitive.ScrollUpButton,
|
|
9268
|
+
{
|
|
9269
|
+
ref,
|
|
9270
|
+
className: cn(
|
|
9271
|
+
"cnc-flex cnc-cursor-default cnc-items-center cnc-justify-center cnc-py-1",
|
|
9272
|
+
className
|
|
9273
|
+
),
|
|
9274
|
+
...props,
|
|
9275
|
+
children: /* @__PURE__ */ jsx24(ChevronUp, { className: "cnc-h-4 cnc-w-4" })
|
|
9276
|
+
}
|
|
9277
|
+
));
|
|
9278
|
+
SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
|
|
9279
|
+
var SelectScrollDownButton = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
|
|
9280
|
+
SelectPrimitive.ScrollDownButton,
|
|
9281
|
+
{
|
|
9282
|
+
ref,
|
|
9283
|
+
className: cn(
|
|
9284
|
+
"cnc-flex cnc-cursor-default cnc-items-center cnc-justify-center cnc-py-1",
|
|
9285
|
+
className
|
|
9286
|
+
),
|
|
9287
|
+
...props,
|
|
9288
|
+
children: /* @__PURE__ */ jsx24(ChevronDown, { className: "cnc-h-4 cnc-w-4" })
|
|
9289
|
+
}
|
|
9290
|
+
));
|
|
9291
|
+
SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
|
|
9292
|
+
var SelectContent = React38.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx24(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs10(
|
|
9293
|
+
SelectPrimitive.Content,
|
|
9294
|
+
{
|
|
9295
|
+
ref,
|
|
9296
|
+
className: cn(
|
|
9297
|
+
"cnc-relative cnc-z-50 cnc-max-h-96 cnc-min-w-[8rem] cnc-overflow-hidden cnc-rounded-md cnc-border cnc-bg-popover cnc-text-popover-foreground cnc-shadow-md data-[state=open]:cnc-animate-in data-[state=closed]:cnc-animate-out data-[state=closed]:cnc-fade-out-0 data-[state=open]:cnc-fade-in-0 data-[state=closed]:cnc-zoom-out-95 data-[state=open]:cnc-zoom-in-95 data-[side=bottom]:cnc-slide-in-from-top-2 data-[side=left]:cnc-slide-in-from-right-2 data-[side=right]:cnc-slide-in-from-left-2 data-[side=top]:cnc-slide-in-from-bottom-2",
|
|
9298
|
+
position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
|
|
9299
|
+
className
|
|
9300
|
+
),
|
|
9301
|
+
position,
|
|
9302
|
+
...props,
|
|
9303
|
+
children: [
|
|
9304
|
+
/* @__PURE__ */ jsx24(SelectScrollUpButton, {}),
|
|
9305
|
+
/* @__PURE__ */ jsx24(
|
|
9306
|
+
SelectPrimitive.Viewport,
|
|
9307
|
+
{
|
|
9308
|
+
className: cn(
|
|
9309
|
+
"cnc-p-1",
|
|
9310
|
+
position === "popper" && "cnc-h-[var(--radix-select-trigger-height)] cnc-w-full cnc-min-w-[var(--radix-select-trigger-width)]"
|
|
9311
|
+
),
|
|
9312
|
+
children
|
|
9313
|
+
}
|
|
9314
|
+
),
|
|
9315
|
+
/* @__PURE__ */ jsx24(SelectScrollDownButton, {})
|
|
9316
|
+
]
|
|
9317
|
+
}
|
|
9318
|
+
) }));
|
|
9319
|
+
SelectContent.displayName = SelectPrimitive.Content.displayName;
|
|
9320
|
+
var SelectLabel = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
|
|
9321
|
+
SelectPrimitive.Label,
|
|
9322
|
+
{
|
|
9323
|
+
ref,
|
|
9324
|
+
className: cn(
|
|
9325
|
+
"cnc-py-1.5 cnc-pl-8 cnc-pr-2 cnc-text-sm cnc-font-semibold",
|
|
9326
|
+
className
|
|
9327
|
+
),
|
|
9328
|
+
...props
|
|
9329
|
+
}
|
|
9330
|
+
));
|
|
9331
|
+
SelectLabel.displayName = SelectPrimitive.Label.displayName;
|
|
9332
|
+
var SelectItem = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
|
|
9333
|
+
SelectPrimitive.Item,
|
|
9334
|
+
{
|
|
9335
|
+
ref,
|
|
9336
|
+
className: cn(
|
|
9337
|
+
"cnc-relative cnc-flex cnc-w-full cnc-cursor-default cnc-select-none cnc-items-center cnc-rounded-sm cnc-py-1.5 cnc-pl-8 cnc-pr-2 cnc-text-sm cnc-outline-none focus:cnc-bg-accent focus:cnc-text-accent-foreground data-[disabled]:cnc-pointer-events-none data-[disabled]:cnc-opacity-50 hover:cnc-bg-slate-50",
|
|
9338
|
+
className
|
|
9339
|
+
),
|
|
9340
|
+
...props,
|
|
9341
|
+
children: [
|
|
9342
|
+
/* @__PURE__ */ jsx24("span", { className: "cnc-absolute cnc-left-2 cnc-flex cnc-h-3.5 cnc-w-3.5 cnc-cnc-items-center cnc-justify-center", children: /* @__PURE__ */ jsx24(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(Check, { className: "cnc-h-4 cnc-w-4" }) }) }),
|
|
9343
|
+
/* @__PURE__ */ jsx24(SelectPrimitive.ItemText, { children })
|
|
9344
|
+
]
|
|
9345
|
+
}
|
|
9346
|
+
));
|
|
9347
|
+
SelectItem.displayName = SelectPrimitive.Item.displayName;
|
|
9348
|
+
var SelectSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
|
|
9349
|
+
SelectPrimitive.Separator,
|
|
9350
|
+
{
|
|
9351
|
+
ref,
|
|
9352
|
+
className: cn("-cnc-mx-1 cnc-my-1 cnc-h-px cnc-bg-muted", className),
|
|
9353
|
+
...props
|
|
9354
|
+
}
|
|
9355
|
+
));
|
|
9356
|
+
SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
|
|
9357
|
+
|
|
9358
|
+
// src/components/atoms/forms/input.tsx
|
|
9359
|
+
import * as React39 from "react";
|
|
9360
|
+
import { jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
9361
|
+
var Input = React39.forwardRef(
|
|
9362
|
+
({ className, type, id, label, ...props }, ref) => {
|
|
9363
|
+
const idGenerate = id ? id : label && `field-${Date.now()}-${Math.random() * 1e5}`;
|
|
9364
|
+
return /* @__PURE__ */ jsxs11("div", { className: "cnc-w-full", children: [
|
|
9365
|
+
label && /* @__PURE__ */ jsx25(
|
|
9366
|
+
"label",
|
|
9367
|
+
{
|
|
9368
|
+
htmlFor: idGenerate,
|
|
9369
|
+
className: "cnc-block cnc-text-sm cnc-mb-1 cnc-font-medium cnc-text-brand-gray-600",
|
|
9370
|
+
children: label
|
|
9371
|
+
}
|
|
9372
|
+
),
|
|
9373
|
+
/* @__PURE__ */ jsx25(
|
|
9374
|
+
"input",
|
|
9375
|
+
{
|
|
9376
|
+
type,
|
|
9377
|
+
id: idGenerate,
|
|
9378
|
+
className: cn(
|
|
9379
|
+
"cnc-flex cnc-h-8 cnc-w-full cnc-rounded-md cnc-border cnc-border-input cnc-bg-transparent cnc-px-3 cnc-py-1 cnc-text-base cnc-shadow-sm cnc-transition-colors",
|
|
9380
|
+
" file:cnc-border-0 file:cnc-bg-transparent file:cnc-text-sm file:cnc-font-medium file:cnc-text-foreground placeholder:cnc-text-muted-foreground focus-visible:cnc-outline-none",
|
|
9381
|
+
"focus-visible:cnc-ring-2 focus-visible:cnc-ring-brand-gray-500/50 disabled:cnc-cursor-not-allowed disabled:cnc-opacity-50 md:cnc-text-sm ",
|
|
9382
|
+
"not-disabled:hover:cnc-border-brand-gray-500",
|
|
9383
|
+
className
|
|
9384
|
+
),
|
|
9385
|
+
ref,
|
|
9386
|
+
...props
|
|
9387
|
+
}
|
|
9388
|
+
)
|
|
9389
|
+
] });
|
|
9390
|
+
}
|
|
9391
|
+
);
|
|
9392
|
+
Input.displayName = "Input";
|
|
9393
|
+
|
|
9394
|
+
// src/components/atoms/display/badge.tsx
|
|
9395
|
+
import { jsx as jsx26 } from "react/jsx-runtime";
|
|
9396
|
+
var Badge = ({
|
|
9397
|
+
variant = "default",
|
|
9398
|
+
rounded = true,
|
|
9399
|
+
size: size4 = "md",
|
|
9400
|
+
className,
|
|
9401
|
+
...rest
|
|
9402
|
+
}) => {
|
|
9403
|
+
const baseStyle = "cnc-inline-flex cnc-items-center cnc-font-semibold cnc-transition-colors";
|
|
9404
|
+
const variants = {
|
|
9405
|
+
default: "cnc-bg-brand-gray-20 cnc-text-brand-gray-600",
|
|
9406
|
+
primary: "cnc-bg-brand-blue-100 cnc-text-white",
|
|
9407
|
+
success: "cnc-bg-brand-green-200 cnc-text-white",
|
|
9408
|
+
warning: "cnc-bg-brand-gold-400 cnc-text-white",
|
|
9409
|
+
danger: "cnc-bg-brand-red-500 cnc-text-white",
|
|
9410
|
+
info: "cnc-bg-brand-blue-60 cnc-text-brand-blue-900"
|
|
9411
|
+
};
|
|
9412
|
+
const sizes = {
|
|
9413
|
+
sm: "cnc-text-xs cnc-px-2 cnc-py-0.5",
|
|
9414
|
+
md: "cnc-text-sm cnc-px-3 cnc-py-1",
|
|
9415
|
+
lg: "cnc-text-base cnc-px-4 cnc-py-2"
|
|
9416
|
+
};
|
|
9417
|
+
return /* @__PURE__ */ jsx26(
|
|
9418
|
+
"span",
|
|
9419
|
+
{
|
|
9420
|
+
className: cn(
|
|
9421
|
+
baseStyle,
|
|
9422
|
+
variants[variant],
|
|
9423
|
+
sizes[size4],
|
|
9424
|
+
rounded ? "cnc-rounded-full" : "",
|
|
9425
|
+
className
|
|
9426
|
+
),
|
|
9427
|
+
...rest
|
|
9428
|
+
}
|
|
9429
|
+
);
|
|
9430
|
+
};
|
|
9431
|
+
|
|
9432
|
+
// src/components/molecules/card.tsx
|
|
9433
|
+
import { jsx as jsx27 } from "react/jsx-runtime";
|
|
9434
|
+
function Card({
|
|
9435
|
+
className,
|
|
9436
|
+
...rest
|
|
9437
|
+
}) {
|
|
9438
|
+
return /* @__PURE__ */ jsx27(
|
|
9439
|
+
"div",
|
|
9440
|
+
{
|
|
9441
|
+
className: cn(
|
|
9442
|
+
"cnc-w-full cnc-flex cnc-flex-col cnc-border-2 cnc-border-brand-gray-50 cnc-rounded-md cnc-shadow",
|
|
9443
|
+
className
|
|
9444
|
+
),
|
|
9445
|
+
...rest
|
|
9446
|
+
}
|
|
9447
|
+
);
|
|
9448
|
+
}
|
|
9449
|
+
function CardHeader({
|
|
9450
|
+
className,
|
|
9451
|
+
...rest
|
|
9452
|
+
}) {
|
|
9453
|
+
return /* @__PURE__ */ jsx27("div", { className: "cnc-px-6 cnc-pt-6", children: /* @__PURE__ */ jsx27(
|
|
9454
|
+
"div",
|
|
9455
|
+
{
|
|
9456
|
+
className: cn(
|
|
9457
|
+
"cnc-flex cnc-items-center cnc-justify-between cnc-w-full cnc-border-b-2 cnc-border-brand-gray-50 cnc-pb-4",
|
|
9458
|
+
className
|
|
9459
|
+
),
|
|
9460
|
+
...rest
|
|
9461
|
+
}
|
|
9462
|
+
) });
|
|
9463
|
+
}
|
|
9464
|
+
function CardContent({
|
|
9465
|
+
className,
|
|
9466
|
+
...rest
|
|
9467
|
+
}) {
|
|
9468
|
+
return /* @__PURE__ */ jsx27("div", { className: cn("cnc-px-6 cnc-py-2", className), ...rest });
|
|
9469
|
+
}
|
|
9470
|
+
function CardFooter({
|
|
9471
|
+
className,
|
|
9472
|
+
...rest
|
|
9473
|
+
}) {
|
|
9474
|
+
return /* @__PURE__ */ jsx27(
|
|
9475
|
+
"div",
|
|
9476
|
+
{
|
|
9477
|
+
className: cn(
|
|
9478
|
+
"cnc-mt-4 cnc-flex cnc-border-t-2 cnc-border-brand-gray-50",
|
|
9479
|
+
className
|
|
9480
|
+
),
|
|
9481
|
+
...rest
|
|
9482
|
+
}
|
|
9483
|
+
);
|
|
9484
|
+
}
|
|
9485
|
+
function CardFooterItem({
|
|
9486
|
+
className,
|
|
9487
|
+
...rest
|
|
9488
|
+
}) {
|
|
9489
|
+
return /* @__PURE__ */ jsx27(
|
|
9490
|
+
"div",
|
|
9491
|
+
{
|
|
9492
|
+
className: cn(
|
|
9493
|
+
"cnc-molecule-card-item cnc-flex cnc-flex-1 cnc-items-center cnc-justify-center cnc-py-3 cnc-px-8",
|
|
9494
|
+
className
|
|
9495
|
+
),
|
|
9496
|
+
...rest
|
|
9497
|
+
}
|
|
9498
|
+
);
|
|
9499
|
+
}
|
|
9500
|
+
|
|
9501
|
+
// src/components/molecules/collapsible.tsx
|
|
9502
|
+
import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
|
|
9503
|
+
import { jsx as jsx28 } from "react/jsx-runtime";
|
|
9504
|
+
var Collapsible = CollapsiblePrimitive.Root;
|
|
9505
|
+
var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
|
|
9506
|
+
var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
|
|
9507
|
+
var AnimatedCollapsibleContent = ({
|
|
9508
|
+
className,
|
|
9509
|
+
...rest
|
|
9510
|
+
}) => {
|
|
9511
|
+
const state = rest["data-state"];
|
|
9512
|
+
return /* @__PURE__ */ jsx28(CollapsibleContent2, { className: "cnc-collapsible-content", ...rest });
|
|
9513
|
+
};
|
|
9514
|
+
|
|
9515
|
+
// src/components/molecules/display/page-header.tsx
|
|
9516
|
+
import { Fragment as Fragment8, jsx as jsx29, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
9517
|
+
function PageHeader({
|
|
9518
|
+
title,
|
|
9519
|
+
description,
|
|
9520
|
+
actions,
|
|
9521
|
+
titleAs = "h1",
|
|
9522
|
+
showGoBack = false
|
|
9523
|
+
}) {
|
|
9524
|
+
const ComponentTitle = titleAs;
|
|
9525
|
+
return /* @__PURE__ */ jsx29(Fragment8, { children: title && /* @__PURE__ */ jsxs12("header", { className: "cnc-w-full cnc-flex cnc-items-center cnc-justify-between cnc-p-8 cnc-bg-brand-blue-50 cnc-border-b-2 cnc-border-brand-blue-60", children: [
|
|
9526
|
+
/* @__PURE__ */ jsx29("div", { className: "cnc-flex cnc-flex-col cnc-gap-2", children: /* @__PURE__ */ jsxs12("div", { className: "cnc-flex cnc-items-start cnc-gap-2", children: [
|
|
9527
|
+
showGoBack && /* @__PURE__ */ jsx29(
|
|
9528
|
+
"button",
|
|
9529
|
+
{
|
|
9530
|
+
className: "cnc-mt-1 hover:cnc-opacity-60",
|
|
9531
|
+
onClick: () => window.history.back(),
|
|
9532
|
+
children: /* @__PURE__ */ jsx29(
|
|
9533
|
+
"svg",
|
|
9534
|
+
{
|
|
9535
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9536
|
+
className: "cnc-w-6 cnc-h-6 cnc-text-[#1F2C4D]",
|
|
9537
|
+
fill: "none",
|
|
9538
|
+
viewBox: "0 0 24 24",
|
|
9539
|
+
strokeWidth: 1.5,
|
|
9540
|
+
stroke: "currentColor",
|
|
9541
|
+
children: /* @__PURE__ */ jsx29(
|
|
9542
|
+
"path",
|
|
9543
|
+
{
|
|
9544
|
+
strokeLinecap: "round",
|
|
9545
|
+
strokeLinejoin: "round",
|
|
9546
|
+
d: "M15.75 19.5 8.25 12l7.5-7.5"
|
|
9547
|
+
}
|
|
9548
|
+
)
|
|
9549
|
+
}
|
|
9550
|
+
)
|
|
9551
|
+
}
|
|
9552
|
+
),
|
|
9553
|
+
/* @__PURE__ */ jsxs12("div", { children: [
|
|
9554
|
+
/* @__PURE__ */ jsx29(ComponentTitle, { className: "cnc-text-2xl cnc-leading-8 cnc-font-semibold cnc-text-brand-blue-600", children: title }),
|
|
9555
|
+
description && /* @__PURE__ */ jsx29("p", { className: "cnc-text-brand-gray-500 cnc-leading-4", children: description })
|
|
9556
|
+
] })
|
|
9557
|
+
] }) }),
|
|
9558
|
+
actions && /* @__PURE__ */ jsx29("div", { className: "cnc-flex cnc-gap-4", children: actions })
|
|
9559
|
+
] }) });
|
|
9560
|
+
}
|
|
9561
|
+
function Title2({ title, as: Component = "h1" }) {
|
|
9562
|
+
return /* @__PURE__ */ jsx29(Component, { className: "cnc-text-[28px] cnc-text-[#1F2C4D] cnc-font-bold cnc-mt-[10px] cnc-mb-5", children: title });
|
|
9563
|
+
}
|
|
9370
9564
|
export {
|
|
9371
9565
|
AplicationsHeader,
|
|
9566
|
+
Badge,
|
|
9372
9567
|
Button,
|
|
9568
|
+
Card,
|
|
9569
|
+
CardContent,
|
|
9570
|
+
CardFooter,
|
|
9571
|
+
CardFooterItem,
|
|
9572
|
+
CardHeader,
|
|
9573
|
+
Collapsible,
|
|
9574
|
+
AnimatedCollapsibleContent as CollapsibleContent,
|
|
9575
|
+
CollapsibleTrigger2 as CollapsibleTrigger,
|
|
9373
9576
|
Dialog2 as Dialog,
|
|
9374
9577
|
DialogClose2 as DialogClose,
|
|
9375
9578
|
DialogContent2 as DialogContent,
|
|
@@ -9399,16 +9602,32 @@ export {
|
|
|
9399
9602
|
HeaderContainer,
|
|
9400
9603
|
HeaderProfileHeader,
|
|
9401
9604
|
HeaderProfileItem,
|
|
9605
|
+
Input,
|
|
9402
9606
|
Modal,
|
|
9607
|
+
ModalEntidade,
|
|
9403
9608
|
ModalMudancaEntidade,
|
|
9609
|
+
PageHeader,
|
|
9404
9610
|
Popover2 as Popover,
|
|
9405
9611
|
PopoverContent2 as PopoverContent,
|
|
9406
9612
|
PopoverTrigger2 as PopoverTrigger,
|
|
9613
|
+
Select,
|
|
9614
|
+
SelectContent,
|
|
9615
|
+
SelectGroup,
|
|
9616
|
+
SelectItem,
|
|
9617
|
+
SelectLabel,
|
|
9618
|
+
SelectPortal,
|
|
9619
|
+
SelectScrollDownButton,
|
|
9620
|
+
SelectScrollUpButton,
|
|
9621
|
+
SelectSeparator,
|
|
9622
|
+
SelectTrigger,
|
|
9623
|
+
SelectValue,
|
|
9624
|
+
SelectViewport,
|
|
9407
9625
|
Sidebar,
|
|
9408
9626
|
SidebarContainer,
|
|
9409
9627
|
SidebarImageBrand,
|
|
9410
9628
|
SidebarNavCollapse,
|
|
9411
9629
|
SidebarNavLink,
|
|
9630
|
+
Title2 as Title,
|
|
9412
9631
|
buttonVariants
|
|
9413
9632
|
};
|
|
9414
9633
|
/*! Bundled license information:
|
|
@@ -9453,6 +9672,14 @@ lucide-react/dist/esm/icons/check.js:
|
|
|
9453
9672
|
* See the LICENSE file in the root directory of this source tree.
|
|
9454
9673
|
*)
|
|
9455
9674
|
|
|
9675
|
+
lucide-react/dist/esm/icons/chevron-down.js:
|
|
9676
|
+
(**
|
|
9677
|
+
* @license lucide-react v0.453.0 - ISC
|
|
9678
|
+
*
|
|
9679
|
+
* This source code is licensed under the ISC license.
|
|
9680
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
9681
|
+
*)
|
|
9682
|
+
|
|
9456
9683
|
lucide-react/dist/esm/icons/chevron-right.js:
|
|
9457
9684
|
(**
|
|
9458
9685
|
* @license lucide-react v0.453.0 - ISC
|
|
@@ -9461,6 +9688,14 @@ lucide-react/dist/esm/icons/chevron-right.js:
|
|
|
9461
9688
|
* See the LICENSE file in the root directory of this source tree.
|
|
9462
9689
|
*)
|
|
9463
9690
|
|
|
9691
|
+
lucide-react/dist/esm/icons/chevron-up.js:
|
|
9692
|
+
(**
|
|
9693
|
+
* @license lucide-react v0.453.0 - ISC
|
|
9694
|
+
*
|
|
9695
|
+
* This source code is licensed under the ISC license.
|
|
9696
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
9697
|
+
*)
|
|
9698
|
+
|
|
9464
9699
|
lucide-react/dist/esm/icons/circle.js:
|
|
9465
9700
|
(**
|
|
9466
9701
|
* @license lucide-react v0.453.0 - ISC
|