@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.js
CHANGED
|
@@ -36,7 +36,16 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
36
36
|
var src_exports = {};
|
|
37
37
|
__export(src_exports, {
|
|
38
38
|
AplicationsHeader: () => AplicationsHeader,
|
|
39
|
+
Badge: () => Badge,
|
|
39
40
|
Button: () => Button,
|
|
41
|
+
Card: () => Card,
|
|
42
|
+
CardContent: () => CardContent,
|
|
43
|
+
CardFooter: () => CardFooter,
|
|
44
|
+
CardFooterItem: () => CardFooterItem,
|
|
45
|
+
CardHeader: () => CardHeader,
|
|
46
|
+
Collapsible: () => Collapsible,
|
|
47
|
+
CollapsibleContent: () => AnimatedCollapsibleContent,
|
|
48
|
+
CollapsibleTrigger: () => CollapsibleTrigger2,
|
|
40
49
|
Dialog: () => Dialog2,
|
|
41
50
|
DialogClose: () => DialogClose2,
|
|
42
51
|
DialogContent: () => DialogContent2,
|
|
@@ -66,16 +75,32 @@ __export(src_exports, {
|
|
|
66
75
|
HeaderContainer: () => HeaderContainer,
|
|
67
76
|
HeaderProfileHeader: () => HeaderProfileHeader,
|
|
68
77
|
HeaderProfileItem: () => HeaderProfileItem,
|
|
78
|
+
Input: () => Input,
|
|
69
79
|
Modal: () => Modal,
|
|
80
|
+
ModalEntidade: () => ModalEntidade,
|
|
70
81
|
ModalMudancaEntidade: () => ModalMudancaEntidade,
|
|
82
|
+
PageHeader: () => PageHeader,
|
|
71
83
|
Popover: () => Popover2,
|
|
72
84
|
PopoverContent: () => PopoverContent2,
|
|
73
85
|
PopoverTrigger: () => PopoverTrigger2,
|
|
86
|
+
Select: () => Select,
|
|
87
|
+
SelectContent: () => SelectContent,
|
|
88
|
+
SelectGroup: () => SelectGroup,
|
|
89
|
+
SelectItem: () => SelectItem,
|
|
90
|
+
SelectLabel: () => SelectLabel,
|
|
91
|
+
SelectPortal: () => SelectPortal,
|
|
92
|
+
SelectScrollDownButton: () => SelectScrollDownButton,
|
|
93
|
+
SelectScrollUpButton: () => SelectScrollUpButton,
|
|
94
|
+
SelectSeparator: () => SelectSeparator,
|
|
95
|
+
SelectTrigger: () => SelectTrigger,
|
|
96
|
+
SelectValue: () => SelectValue,
|
|
97
|
+
SelectViewport: () => SelectViewport,
|
|
74
98
|
Sidebar: () => Sidebar,
|
|
75
99
|
SidebarContainer: () => SidebarContainer,
|
|
76
100
|
SidebarImageBrand: () => SidebarImageBrand,
|
|
77
101
|
SidebarNavCollapse: () => SidebarNavCollapse,
|
|
78
102
|
SidebarNavLink: () => SidebarNavLink,
|
|
103
|
+
Title: () => Title2,
|
|
79
104
|
buttonVariants: () => buttonVariants
|
|
80
105
|
});
|
|
81
106
|
module.exports = __toCommonJS(src_exports);
|
|
@@ -87,57 +112,57 @@ var import_react_slot = require("@radix-ui/react-slot");
|
|
|
87
112
|
function r(e) {
|
|
88
113
|
var t, f, n = "";
|
|
89
114
|
if ("string" == typeof e || "number" == typeof e) n += e;
|
|
90
|
-
else if ("object" == typeof e) if (Array.isArray(e))
|
|
91
|
-
|
|
115
|
+
else if ("object" == typeof e) if (Array.isArray(e)) {
|
|
116
|
+
var o = e.length;
|
|
117
|
+
for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
|
|
118
|
+
} else for (f in e) e[f] && (n && (n += " "), n += f);
|
|
92
119
|
return n;
|
|
93
120
|
}
|
|
94
121
|
function clsx() {
|
|
95
|
-
for (var e, t, f = 0, n = ""
|
|
122
|
+
for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
|
|
96
123
|
return n;
|
|
97
124
|
}
|
|
98
125
|
|
|
99
126
|
// ../../node_modules/class-variance-authority/dist/index.mjs
|
|
100
|
-
var falsyToString = (value) => typeof value === "boolean" ?
|
|
127
|
+
var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
|
|
101
128
|
var cx = clsx;
|
|
102
|
-
var cva = (base, config) => {
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
const
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
if (value === void 0) {
|
|
117
|
-
return acc;
|
|
118
|
-
}
|
|
119
|
-
acc[key] = value;
|
|
129
|
+
var cva = (base, config) => (props) => {
|
|
130
|
+
var _config_compoundVariants;
|
|
131
|
+
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);
|
|
132
|
+
const { variants, defaultVariants } = config;
|
|
133
|
+
const getVariantClassNames = Object.keys(variants).map((variant) => {
|
|
134
|
+
const variantProp = props === null || props === void 0 ? void 0 : props[variant];
|
|
135
|
+
const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
|
|
136
|
+
if (variantProp === null) return null;
|
|
137
|
+
const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
|
|
138
|
+
return variants[variant][variantKey];
|
|
139
|
+
});
|
|
140
|
+
const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {
|
|
141
|
+
let [key, value] = param;
|
|
142
|
+
if (value === void 0) {
|
|
120
143
|
return acc;
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
...
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
144
|
+
}
|
|
145
|
+
acc[key] = value;
|
|
146
|
+
return acc;
|
|
147
|
+
}, {});
|
|
148
|
+
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) => {
|
|
149
|
+
let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;
|
|
150
|
+
return Object.entries(compoundVariantOptions).every((param2) => {
|
|
151
|
+
let [key, value] = param2;
|
|
152
|
+
return Array.isArray(value) ? value.includes({
|
|
153
|
+
...defaultVariants,
|
|
154
|
+
...propsWithoutUndefined
|
|
155
|
+
}[key]) : {
|
|
156
|
+
...defaultVariants,
|
|
157
|
+
...propsWithoutUndefined
|
|
158
|
+
}[key] === value;
|
|
159
|
+
}) ? [
|
|
160
|
+
...acc,
|
|
161
|
+
cvClass,
|
|
162
|
+
cvClassName
|
|
163
|
+
] : acc;
|
|
164
|
+
}, []);
|
|
165
|
+
return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
|
|
141
166
|
};
|
|
142
167
|
|
|
143
168
|
// ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
|
|
@@ -214,11 +239,19 @@ var createLucideIcon = (iconName, iconNode) => {
|
|
|
214
239
|
// ../../node_modules/lucide-react/dist/esm/icons/check.js
|
|
215
240
|
var Check = createLucideIcon("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
|
|
216
241
|
|
|
242
|
+
// ../../node_modules/lucide-react/dist/esm/icons/chevron-down.js
|
|
243
|
+
var ChevronDown = createLucideIcon("ChevronDown", [
|
|
244
|
+
["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
|
|
245
|
+
]);
|
|
246
|
+
|
|
217
247
|
// ../../node_modules/lucide-react/dist/esm/icons/chevron-right.js
|
|
218
248
|
var ChevronRight = createLucideIcon("ChevronRight", [
|
|
219
249
|
["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
|
|
220
250
|
]);
|
|
221
251
|
|
|
252
|
+
// ../../node_modules/lucide-react/dist/esm/icons/chevron-up.js
|
|
253
|
+
var ChevronUp = createLucideIcon("ChevronUp", [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]]);
|
|
254
|
+
|
|
222
255
|
// ../../node_modules/lucide-react/dist/esm/icons/circle.js
|
|
223
256
|
var Circle = createLucideIcon("Circle", [
|
|
224
257
|
["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
|
|
@@ -1393,7 +1426,7 @@ var getDefaultConfig = () => {
|
|
|
1393
1426
|
* Font Variant Numeric
|
|
1394
1427
|
* @see https://tailwindcss.com/docs/font-variant-numeric
|
|
1395
1428
|
*/
|
|
1396
|
-
"fvn-fraction": ["diagonal-fractions", "stacked-
|
|
1429
|
+
"fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
|
|
1397
1430
|
/**
|
|
1398
1431
|
* Letter Spacing
|
|
1399
1432
|
* @see https://tailwindcss.com/docs/letter-spacing
|
|
@@ -2781,7 +2814,7 @@ var Button = import_react3.default.forwardRef(
|
|
|
2781
2814
|
Button.displayName = "Button";
|
|
2782
2815
|
|
|
2783
2816
|
// ../../node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs
|
|
2784
|
-
var
|
|
2817
|
+
var React31 = __toESM(require("react"), 1);
|
|
2785
2818
|
|
|
2786
2819
|
// ../../node_modules/@radix-ui/primitive/dist/index.mjs
|
|
2787
2820
|
function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
|
|
@@ -2797,13 +2830,34 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
|
|
|
2797
2830
|
var React2 = __toESM(require("react"), 1);
|
|
2798
2831
|
function setRef(ref, value) {
|
|
2799
2832
|
if (typeof ref === "function") {
|
|
2800
|
-
ref(value);
|
|
2833
|
+
return ref(value);
|
|
2801
2834
|
} else if (ref !== null && ref !== void 0) {
|
|
2802
2835
|
ref.current = value;
|
|
2803
2836
|
}
|
|
2804
2837
|
}
|
|
2805
2838
|
function composeRefs(...refs) {
|
|
2806
|
-
return (node) =>
|
|
2839
|
+
return (node) => {
|
|
2840
|
+
let hasCleanup = false;
|
|
2841
|
+
const cleanups = refs.map((ref) => {
|
|
2842
|
+
const cleanup = setRef(ref, node);
|
|
2843
|
+
if (!hasCleanup && typeof cleanup == "function") {
|
|
2844
|
+
hasCleanup = true;
|
|
2845
|
+
}
|
|
2846
|
+
return cleanup;
|
|
2847
|
+
});
|
|
2848
|
+
if (hasCleanup) {
|
|
2849
|
+
return () => {
|
|
2850
|
+
for (let i = 0; i < cleanups.length; i++) {
|
|
2851
|
+
const cleanup = cleanups[i];
|
|
2852
|
+
if (typeof cleanup == "function") {
|
|
2853
|
+
cleanup();
|
|
2854
|
+
} else {
|
|
2855
|
+
setRef(refs[i], null);
|
|
2856
|
+
}
|
|
2857
|
+
}
|
|
2858
|
+
};
|
|
2859
|
+
}
|
|
2860
|
+
};
|
|
2807
2861
|
}
|
|
2808
2862
|
function useComposedRefs(...refs) {
|
|
2809
2863
|
return React2.useCallback(composeRefs(...refs), refs);
|
|
@@ -2981,78 +3035,15 @@ function dispatchDiscreteCustomEvent(target, event) {
|
|
|
2981
3035
|
}
|
|
2982
3036
|
|
|
2983
3037
|
// ../../node_modules/@radix-ui/react-menu/dist/index.mjs
|
|
2984
|
-
var
|
|
3038
|
+
var React30 = __toESM(require("react"), 1);
|
|
2985
3039
|
|
|
2986
3040
|
// ../../node_modules/@radix-ui/react-collection/dist/index.mjs
|
|
2987
3041
|
var import_react4 = __toESM(require("react"), 1);
|
|
2988
|
-
|
|
2989
|
-
// ../../node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-context/dist/index.mjs
|
|
2990
|
-
var React7 = __toESM(require("react"), 1);
|
|
2991
|
-
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
2992
|
-
function createContextScope2(scopeName, createContextScopeDeps = []) {
|
|
2993
|
-
let defaultContexts = [];
|
|
2994
|
-
function createContext32(rootComponentName, defaultContext) {
|
|
2995
|
-
const BaseContext = React7.createContext(defaultContext);
|
|
2996
|
-
const index2 = defaultContexts.length;
|
|
2997
|
-
defaultContexts = [...defaultContexts, defaultContext];
|
|
2998
|
-
function Provider(props) {
|
|
2999
|
-
const { scope, children, ...context } = props;
|
|
3000
|
-
const Context = scope?.[scopeName][index2] || BaseContext;
|
|
3001
|
-
const value = React7.useMemo(() => context, Object.values(context));
|
|
3002
|
-
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Context.Provider, { value, children });
|
|
3003
|
-
}
|
|
3004
|
-
function useContext22(consumerName, scope) {
|
|
3005
|
-
const Context = scope?.[scopeName][index2] || BaseContext;
|
|
3006
|
-
const context = React7.useContext(Context);
|
|
3007
|
-
if (context) return context;
|
|
3008
|
-
if (defaultContext !== void 0) return defaultContext;
|
|
3009
|
-
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
|
3010
|
-
}
|
|
3011
|
-
Provider.displayName = rootComponentName + "Provider";
|
|
3012
|
-
return [Provider, useContext22];
|
|
3013
|
-
}
|
|
3014
|
-
const createScope = () => {
|
|
3015
|
-
const scopeContexts = defaultContexts.map((defaultContext) => {
|
|
3016
|
-
return React7.createContext(defaultContext);
|
|
3017
|
-
});
|
|
3018
|
-
return function useScope(scope) {
|
|
3019
|
-
const contexts = scope?.[scopeName] || scopeContexts;
|
|
3020
|
-
return React7.useMemo(
|
|
3021
|
-
() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
|
|
3022
|
-
[scope, contexts]
|
|
3023
|
-
);
|
|
3024
|
-
};
|
|
3025
|
-
};
|
|
3026
|
-
createScope.scopeName = scopeName;
|
|
3027
|
-
return [createContext32, composeContextScopes2(createScope, ...createContextScopeDeps)];
|
|
3028
|
-
}
|
|
3029
|
-
function composeContextScopes2(...scopes) {
|
|
3030
|
-
const baseScope = scopes[0];
|
|
3031
|
-
if (scopes.length === 1) return baseScope;
|
|
3032
|
-
const createScope = () => {
|
|
3033
|
-
const scopeHooks = scopes.map((createScope2) => ({
|
|
3034
|
-
useScope: createScope2(),
|
|
3035
|
-
scopeName: createScope2.scopeName
|
|
3036
|
-
}));
|
|
3037
|
-
return function useComposedScopes(overrideScopes) {
|
|
3038
|
-
const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
|
|
3039
|
-
const scopeProps = useScope(overrideScopes);
|
|
3040
|
-
const currentScope = scopeProps[`__scope${scopeName}`];
|
|
3041
|
-
return { ...nextScopes2, ...currentScope };
|
|
3042
|
-
}, {});
|
|
3043
|
-
return React7.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
|
|
3044
|
-
};
|
|
3045
|
-
};
|
|
3046
|
-
createScope.scopeName = baseScope.scopeName;
|
|
3047
|
-
return createScope;
|
|
3048
|
-
}
|
|
3049
|
-
|
|
3050
|
-
// ../../node_modules/@radix-ui/react-collection/dist/index.mjs
|
|
3051
3042
|
var import_react_slot3 = require("@radix-ui/react-slot");
|
|
3052
|
-
var
|
|
3043
|
+
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
3053
3044
|
function createCollection(name) {
|
|
3054
3045
|
const PROVIDER_NAME = name + "CollectionProvider";
|
|
3055
|
-
const [createCollectionContext, createCollectionScope3] =
|
|
3046
|
+
const [createCollectionContext, createCollectionScope3] = createContextScope(PROVIDER_NAME);
|
|
3056
3047
|
const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
|
|
3057
3048
|
PROVIDER_NAME,
|
|
3058
3049
|
{ collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
|
|
@@ -3061,7 +3052,7 @@ function createCollection(name) {
|
|
|
3061
3052
|
const { scope, children } = props;
|
|
3062
3053
|
const ref = import_react4.default.useRef(null);
|
|
3063
3054
|
const itemMap = import_react4.default.useRef(/* @__PURE__ */ new Map()).current;
|
|
3064
|
-
return /* @__PURE__ */ (0,
|
|
3055
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
|
|
3065
3056
|
};
|
|
3066
3057
|
CollectionProvider.displayName = PROVIDER_NAME;
|
|
3067
3058
|
const COLLECTION_SLOT_NAME = name + "CollectionSlot";
|
|
@@ -3070,7 +3061,7 @@ function createCollection(name) {
|
|
|
3070
3061
|
const { scope, children } = props;
|
|
3071
3062
|
const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
|
|
3072
3063
|
const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
|
|
3073
|
-
return /* @__PURE__ */ (0,
|
|
3064
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_slot3.Slot, { ref: composedRefs, children });
|
|
3074
3065
|
}
|
|
3075
3066
|
);
|
|
3076
3067
|
CollectionSlot.displayName = COLLECTION_SLOT_NAME;
|
|
@@ -3086,7 +3077,7 @@ function createCollection(name) {
|
|
|
3086
3077
|
context.itemMap.set(ref, { ref, ...itemData });
|
|
3087
3078
|
return () => void context.itemMap.delete(ref);
|
|
3088
3079
|
});
|
|
3089
|
-
return /* @__PURE__ */ (0,
|
|
3080
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_slot3.Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
|
|
3090
3081
|
}
|
|
3091
3082
|
);
|
|
3092
3083
|
CollectionItemSlot.displayName = ITEM_SLOT_NAME;
|
|
@@ -3112,22 +3103,22 @@ function createCollection(name) {
|
|
|
3112
3103
|
}
|
|
3113
3104
|
|
|
3114
3105
|
// ../../node_modules/@radix-ui/react-direction/dist/index.mjs
|
|
3115
|
-
var
|
|
3116
|
-
var
|
|
3117
|
-
var DirectionContext =
|
|
3106
|
+
var React8 = __toESM(require("react"), 1);
|
|
3107
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
3108
|
+
var DirectionContext = React8.createContext(void 0);
|
|
3118
3109
|
function useDirection(localDir) {
|
|
3119
|
-
const globalDir =
|
|
3110
|
+
const globalDir = React8.useContext(DirectionContext);
|
|
3120
3111
|
return localDir || globalDir || "ltr";
|
|
3121
3112
|
}
|
|
3122
3113
|
|
|
3123
3114
|
// ../../node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
|
|
3124
|
-
var
|
|
3115
|
+
var React10 = __toESM(require("react"), 1);
|
|
3125
3116
|
|
|
3126
3117
|
// ../../node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs
|
|
3127
|
-
var
|
|
3118
|
+
var React9 = __toESM(require("react"), 1);
|
|
3128
3119
|
function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
|
|
3129
3120
|
const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
|
|
3130
|
-
|
|
3121
|
+
React9.useEffect(() => {
|
|
3131
3122
|
const handleKeyDown = (event) => {
|
|
3132
3123
|
if (event.key === "Escape") {
|
|
3133
3124
|
onEscapeKeyDown(event);
|
|
@@ -3139,18 +3130,18 @@ function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.docum
|
|
|
3139
3130
|
}
|
|
3140
3131
|
|
|
3141
3132
|
// ../../node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
|
|
3142
|
-
var
|
|
3133
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
3143
3134
|
var DISMISSABLE_LAYER_NAME = "DismissableLayer";
|
|
3144
3135
|
var CONTEXT_UPDATE = "dismissableLayer.update";
|
|
3145
3136
|
var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
|
|
3146
3137
|
var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
|
|
3147
3138
|
var originalBodyPointerEvents;
|
|
3148
|
-
var DismissableLayerContext =
|
|
3139
|
+
var DismissableLayerContext = React10.createContext({
|
|
3149
3140
|
layers: /* @__PURE__ */ new Set(),
|
|
3150
3141
|
layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
|
|
3151
3142
|
branches: /* @__PURE__ */ new Set()
|
|
3152
3143
|
});
|
|
3153
|
-
var DismissableLayer =
|
|
3144
|
+
var DismissableLayer = React10.forwardRef(
|
|
3154
3145
|
(props, forwardedRef) => {
|
|
3155
3146
|
const {
|
|
3156
3147
|
disableOutsidePointerEvents = false,
|
|
@@ -3161,10 +3152,10 @@ var DismissableLayer = React11.forwardRef(
|
|
|
3161
3152
|
onDismiss,
|
|
3162
3153
|
...layerProps
|
|
3163
3154
|
} = props;
|
|
3164
|
-
const context =
|
|
3165
|
-
const [node, setNode] =
|
|
3155
|
+
const context = React10.useContext(DismissableLayerContext);
|
|
3156
|
+
const [node, setNode] = React10.useState(null);
|
|
3166
3157
|
const ownerDocument = node?.ownerDocument ?? globalThis?.document;
|
|
3167
|
-
const [, force] =
|
|
3158
|
+
const [, force] = React10.useState({});
|
|
3168
3159
|
const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
|
|
3169
3160
|
const layers = Array.from(context.layers);
|
|
3170
3161
|
const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
|
|
@@ -3197,7 +3188,7 @@ var DismissableLayer = React11.forwardRef(
|
|
|
3197
3188
|
onDismiss();
|
|
3198
3189
|
}
|
|
3199
3190
|
}, ownerDocument);
|
|
3200
|
-
|
|
3191
|
+
React10.useEffect(() => {
|
|
3201
3192
|
if (!node) return;
|
|
3202
3193
|
if (disableOutsidePointerEvents) {
|
|
3203
3194
|
if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
|
|
@@ -3214,7 +3205,7 @@ var DismissableLayer = React11.forwardRef(
|
|
|
3214
3205
|
}
|
|
3215
3206
|
};
|
|
3216
3207
|
}, [node, ownerDocument, disableOutsidePointerEvents, context]);
|
|
3217
|
-
|
|
3208
|
+
React10.useEffect(() => {
|
|
3218
3209
|
return () => {
|
|
3219
3210
|
if (!node) return;
|
|
3220
3211
|
context.layers.delete(node);
|
|
@@ -3222,12 +3213,12 @@ var DismissableLayer = React11.forwardRef(
|
|
|
3222
3213
|
dispatchUpdate();
|
|
3223
3214
|
};
|
|
3224
3215
|
}, [node, context]);
|
|
3225
|
-
|
|
3216
|
+
React10.useEffect(() => {
|
|
3226
3217
|
const handleUpdate = () => force({});
|
|
3227
3218
|
document.addEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
3228
3219
|
return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
3229
3220
|
}, []);
|
|
3230
|
-
return /* @__PURE__ */ (0,
|
|
3221
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
3231
3222
|
Primitive.div,
|
|
3232
3223
|
{
|
|
3233
3224
|
...layerProps,
|
|
@@ -3248,11 +3239,11 @@ var DismissableLayer = React11.forwardRef(
|
|
|
3248
3239
|
);
|
|
3249
3240
|
DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
|
|
3250
3241
|
var BRANCH_NAME = "DismissableLayerBranch";
|
|
3251
|
-
var DismissableLayerBranch =
|
|
3252
|
-
const context =
|
|
3253
|
-
const ref =
|
|
3242
|
+
var DismissableLayerBranch = React10.forwardRef((props, forwardedRef) => {
|
|
3243
|
+
const context = React10.useContext(DismissableLayerContext);
|
|
3244
|
+
const ref = React10.useRef(null);
|
|
3254
3245
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
3255
|
-
|
|
3246
|
+
React10.useEffect(() => {
|
|
3256
3247
|
const node = ref.current;
|
|
3257
3248
|
if (node) {
|
|
3258
3249
|
context.branches.add(node);
|
|
@@ -3261,15 +3252,15 @@ var DismissableLayerBranch = React11.forwardRef((props, forwardedRef) => {
|
|
|
3261
3252
|
};
|
|
3262
3253
|
}
|
|
3263
3254
|
}, [context.branches]);
|
|
3264
|
-
return /* @__PURE__ */ (0,
|
|
3255
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Primitive.div, { ...props, ref: composedRefs });
|
|
3265
3256
|
});
|
|
3266
3257
|
DismissableLayerBranch.displayName = BRANCH_NAME;
|
|
3267
3258
|
function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
|
|
3268
3259
|
const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
|
|
3269
|
-
const isPointerInsideReactTreeRef =
|
|
3270
|
-
const handleClickRef =
|
|
3260
|
+
const isPointerInsideReactTreeRef = React10.useRef(false);
|
|
3261
|
+
const handleClickRef = React10.useRef(() => {
|
|
3271
3262
|
});
|
|
3272
|
-
|
|
3263
|
+
React10.useEffect(() => {
|
|
3273
3264
|
const handlePointerDown = (event) => {
|
|
3274
3265
|
if (event.target && !isPointerInsideReactTreeRef.current) {
|
|
3275
3266
|
let handleAndDispatchPointerDownOutsideEvent2 = function() {
|
|
@@ -3310,8 +3301,8 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?
|
|
|
3310
3301
|
}
|
|
3311
3302
|
function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
|
|
3312
3303
|
const handleFocusOutside = useCallbackRef(onFocusOutside);
|
|
3313
|
-
const isFocusInsideReactTreeRef =
|
|
3314
|
-
|
|
3304
|
+
const isFocusInsideReactTreeRef = React10.useRef(false);
|
|
3305
|
+
React10.useEffect(() => {
|
|
3315
3306
|
const handleFocus = (event) => {
|
|
3316
3307
|
if (event.target && !isFocusInsideReactTreeRef.current) {
|
|
3317
3308
|
const eventDetail = { originalEvent: event };
|
|
@@ -3344,10 +3335,10 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
|
|
|
3344
3335
|
}
|
|
3345
3336
|
|
|
3346
3337
|
// ../../node_modules/@radix-ui/react-focus-guards/dist/index.mjs
|
|
3347
|
-
var
|
|
3338
|
+
var React11 = __toESM(require("react"), 1);
|
|
3348
3339
|
var count = 0;
|
|
3349
3340
|
function useFocusGuards() {
|
|
3350
|
-
|
|
3341
|
+
React11.useEffect(() => {
|
|
3351
3342
|
const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
|
|
3352
3343
|
document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard());
|
|
3353
3344
|
document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard());
|
|
@@ -3372,13 +3363,13 @@ function createFocusGuard() {
|
|
|
3372
3363
|
}
|
|
3373
3364
|
|
|
3374
3365
|
// ../../node_modules/@radix-ui/react-focus-scope/dist/index.mjs
|
|
3375
|
-
var
|
|
3376
|
-
var
|
|
3366
|
+
var React12 = __toESM(require("react"), 1);
|
|
3367
|
+
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
3377
3368
|
var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
|
|
3378
3369
|
var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
|
|
3379
3370
|
var EVENT_OPTIONS = { bubbles: false, cancelable: true };
|
|
3380
3371
|
var FOCUS_SCOPE_NAME = "FocusScope";
|
|
3381
|
-
var FocusScope =
|
|
3372
|
+
var FocusScope = React12.forwardRef((props, forwardedRef) => {
|
|
3382
3373
|
const {
|
|
3383
3374
|
loop = false,
|
|
3384
3375
|
trapped = false,
|
|
@@ -3386,12 +3377,12 @@ var FocusScope = React13.forwardRef((props, forwardedRef) => {
|
|
|
3386
3377
|
onUnmountAutoFocus: onUnmountAutoFocusProp,
|
|
3387
3378
|
...scopeProps
|
|
3388
3379
|
} = props;
|
|
3389
|
-
const [container, setContainer] =
|
|
3380
|
+
const [container, setContainer] = React12.useState(null);
|
|
3390
3381
|
const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);
|
|
3391
3382
|
const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);
|
|
3392
|
-
const lastFocusedElementRef =
|
|
3383
|
+
const lastFocusedElementRef = React12.useRef(null);
|
|
3393
3384
|
const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
|
|
3394
|
-
const focusScope =
|
|
3385
|
+
const focusScope = React12.useRef({
|
|
3395
3386
|
paused: false,
|
|
3396
3387
|
pause() {
|
|
3397
3388
|
this.paused = true;
|
|
@@ -3400,7 +3391,7 @@ var FocusScope = React13.forwardRef((props, forwardedRef) => {
|
|
|
3400
3391
|
this.paused = false;
|
|
3401
3392
|
}
|
|
3402
3393
|
}).current;
|
|
3403
|
-
|
|
3394
|
+
React12.useEffect(() => {
|
|
3404
3395
|
if (trapped) {
|
|
3405
3396
|
let handleFocusIn2 = function(event) {
|
|
3406
3397
|
if (focusScope.paused || !container) return;
|
|
@@ -3436,7 +3427,7 @@ var FocusScope = React13.forwardRef((props, forwardedRef) => {
|
|
|
3436
3427
|
};
|
|
3437
3428
|
}
|
|
3438
3429
|
}, [trapped, container, focusScope.paused]);
|
|
3439
|
-
|
|
3430
|
+
React12.useEffect(() => {
|
|
3440
3431
|
if (container) {
|
|
3441
3432
|
focusScopesStack.add(focusScope);
|
|
3442
3433
|
const previouslyFocusedElement = document.activeElement;
|
|
@@ -3467,7 +3458,7 @@ var FocusScope = React13.forwardRef((props, forwardedRef) => {
|
|
|
3467
3458
|
};
|
|
3468
3459
|
}
|
|
3469
3460
|
}, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
|
|
3470
|
-
const handleKeyDown =
|
|
3461
|
+
const handleKeyDown = React12.useCallback(
|
|
3471
3462
|
(event) => {
|
|
3472
3463
|
if (!loop && !trapped) return;
|
|
3473
3464
|
if (focusScope.paused) return;
|
|
@@ -3492,7 +3483,7 @@ var FocusScope = React13.forwardRef((props, forwardedRef) => {
|
|
|
3492
3483
|
},
|
|
3493
3484
|
[loop, trapped, focusScope.paused]
|
|
3494
3485
|
);
|
|
3495
|
-
return /* @__PURE__ */ (0,
|
|
3486
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
|
|
3496
3487
|
});
|
|
3497
3488
|
FocusScope.displayName = FOCUS_SCOPE_NAME;
|
|
3498
3489
|
function focusFirst(candidates, { select = false } = {}) {
|
|
@@ -3576,18 +3567,18 @@ function removeLinks(items) {
|
|
|
3576
3567
|
}
|
|
3577
3568
|
|
|
3578
3569
|
// ../../node_modules/@radix-ui/react-id/dist/index.mjs
|
|
3579
|
-
var
|
|
3570
|
+
var React14 = __toESM(require("react"), 1);
|
|
3580
3571
|
|
|
3581
3572
|
// ../../node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
|
|
3582
|
-
var
|
|
3583
|
-
var useLayoutEffect2 = Boolean(globalThis?.document) ?
|
|
3573
|
+
var React13 = __toESM(require("react"), 1);
|
|
3574
|
+
var useLayoutEffect2 = Boolean(globalThis?.document) ? React13.useLayoutEffect : () => {
|
|
3584
3575
|
};
|
|
3585
3576
|
|
|
3586
3577
|
// ../../node_modules/@radix-ui/react-id/dist/index.mjs
|
|
3587
|
-
var useReactId =
|
|
3578
|
+
var useReactId = React14["useId".toString()] || (() => void 0);
|
|
3588
3579
|
var count2 = 0;
|
|
3589
3580
|
function useId(deterministicId) {
|
|
3590
|
-
const [id, setId] =
|
|
3581
|
+
const [id, setId] = React14.useState(useReactId());
|
|
3591
3582
|
useLayoutEffect2(() => {
|
|
3592
3583
|
if (!deterministicId) setId((reactId) => reactId ?? String(count2++));
|
|
3593
3584
|
}, [deterministicId]);
|
|
@@ -3595,7 +3586,7 @@ function useId(deterministicId) {
|
|
|
3595
3586
|
}
|
|
3596
3587
|
|
|
3597
3588
|
// ../../node_modules/@radix-ui/react-popper/dist/index.mjs
|
|
3598
|
-
var
|
|
3589
|
+
var React18 = __toESM(require("react"), 1);
|
|
3599
3590
|
|
|
3600
3591
|
// ../../node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
|
|
3601
3592
|
var sides = ["top", "right", "bottom", "left"];
|
|
@@ -4696,6 +4687,28 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
|
|
|
4696
4687
|
y
|
|
4697
4688
|
});
|
|
4698
4689
|
}
|
|
4690
|
+
function getWindowScrollBarX(element, rect) {
|
|
4691
|
+
const leftScroll = getNodeScroll(element).scrollLeft;
|
|
4692
|
+
if (!rect) {
|
|
4693
|
+
return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
|
|
4694
|
+
}
|
|
4695
|
+
return rect.left + leftScroll;
|
|
4696
|
+
}
|
|
4697
|
+
function getHTMLOffset(documentElement, scroll, ignoreScrollbarX) {
|
|
4698
|
+
if (ignoreScrollbarX === void 0) {
|
|
4699
|
+
ignoreScrollbarX = false;
|
|
4700
|
+
}
|
|
4701
|
+
const htmlRect = documentElement.getBoundingClientRect();
|
|
4702
|
+
const x = htmlRect.left + scroll.scrollLeft - (ignoreScrollbarX ? 0 : (
|
|
4703
|
+
// RTL <body> scrollbar.
|
|
4704
|
+
getWindowScrollBarX(documentElement, htmlRect)
|
|
4705
|
+
));
|
|
4706
|
+
const y = htmlRect.top + scroll.scrollTop;
|
|
4707
|
+
return {
|
|
4708
|
+
x,
|
|
4709
|
+
y
|
|
4710
|
+
};
|
|
4711
|
+
}
|
|
4699
4712
|
function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
|
|
4700
4713
|
let {
|
|
4701
4714
|
elements,
|
|
@@ -4727,23 +4740,17 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
|
|
|
4727
4740
|
offsets.y = offsetRect.y + offsetParent.clientTop;
|
|
4728
4741
|
}
|
|
4729
4742
|
}
|
|
4743
|
+
const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll, true) : createCoords(0);
|
|
4730
4744
|
return {
|
|
4731
4745
|
width: rect.width * scale.x,
|
|
4732
4746
|
height: rect.height * scale.y,
|
|
4733
|
-
x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x,
|
|
4734
|
-
y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y
|
|
4747
|
+
x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,
|
|
4748
|
+
y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y
|
|
4735
4749
|
};
|
|
4736
4750
|
}
|
|
4737
4751
|
function getClientRects(element) {
|
|
4738
4752
|
return Array.from(element.getClientRects());
|
|
4739
4753
|
}
|
|
4740
|
-
function getWindowScrollBarX(element, rect) {
|
|
4741
|
-
const leftScroll = getNodeScroll(element).scrollLeft;
|
|
4742
|
-
if (!rect) {
|
|
4743
|
-
return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
|
|
4744
|
-
}
|
|
4745
|
-
return rect.left + leftScroll;
|
|
4746
|
-
}
|
|
4747
4754
|
function getDocumentRect(element) {
|
|
4748
4755
|
const html = getDocumentElement(element);
|
|
4749
4756
|
const scroll = getNodeScroll(element);
|
|
@@ -4813,9 +4820,10 @@ function getClientRectFromClippingAncestor(element, clippingAncestor, strategy)
|
|
|
4813
4820
|
} else {
|
|
4814
4821
|
const visualOffsets = getVisualOffsets(element);
|
|
4815
4822
|
rect = {
|
|
4816
|
-
...clippingAncestor,
|
|
4817
4823
|
x: clippingAncestor.x - visualOffsets.x,
|
|
4818
|
-
y: clippingAncestor.y - visualOffsets.y
|
|
4824
|
+
y: clippingAncestor.y - visualOffsets.y,
|
|
4825
|
+
width: clippingAncestor.width,
|
|
4826
|
+
height: clippingAncestor.height
|
|
4819
4827
|
};
|
|
4820
4828
|
}
|
|
4821
4829
|
return rectToClientRect(rect);
|
|
@@ -4910,16 +4918,9 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
|
|
|
4910
4918
|
offsets.x = getWindowScrollBarX(documentElement);
|
|
4911
4919
|
}
|
|
4912
4920
|
}
|
|
4913
|
-
|
|
4914
|
-
|
|
4915
|
-
|
|
4916
|
-
const htmlRect = documentElement.getBoundingClientRect();
|
|
4917
|
-
htmlY = htmlRect.top + scroll.scrollTop;
|
|
4918
|
-
htmlX = htmlRect.left + scroll.scrollLeft - // RTL <body> scrollbar.
|
|
4919
|
-
getWindowScrollBarX(documentElement, htmlRect);
|
|
4920
|
-
}
|
|
4921
|
-
const x = rect.left + scroll.scrollLeft - offsets.x - htmlX;
|
|
4922
|
-
const y = rect.top + scroll.scrollTop - offsets.y - htmlY;
|
|
4921
|
+
const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
|
|
4922
|
+
const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
|
|
4923
|
+
const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
|
|
4923
4924
|
return {
|
|
4924
4925
|
x,
|
|
4925
4926
|
y,
|
|
@@ -5158,7 +5159,7 @@ var computePosition2 = (reference, floating, options) => {
|
|
|
5158
5159
|
};
|
|
5159
5160
|
|
|
5160
5161
|
// ../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
|
|
5161
|
-
var
|
|
5162
|
+
var React15 = __toESM(require("react"), 1);
|
|
5162
5163
|
var import_react5 = require("react");
|
|
5163
5164
|
var ReactDOM2 = __toESM(require("react-dom"), 1);
|
|
5164
5165
|
var index = typeof document !== "undefined" ? import_react5.useLayoutEffect : import_react5.useEffect;
|
|
@@ -5221,7 +5222,7 @@ function roundByDPR(element, value) {
|
|
|
5221
5222
|
return Math.round(value * dpr) / dpr;
|
|
5222
5223
|
}
|
|
5223
5224
|
function useLatestRef(value) {
|
|
5224
|
-
const ref =
|
|
5225
|
+
const ref = React15.useRef(value);
|
|
5225
5226
|
index(() => {
|
|
5226
5227
|
ref.current = value;
|
|
5227
5228
|
});
|
|
@@ -5244,7 +5245,7 @@ function useFloating(options) {
|
|
|
5244
5245
|
whileElementsMounted,
|
|
5245
5246
|
open
|
|
5246
5247
|
} = options;
|
|
5247
|
-
const [data, setData] =
|
|
5248
|
+
const [data, setData] = React15.useState({
|
|
5248
5249
|
x: 0,
|
|
5249
5250
|
y: 0,
|
|
5250
5251
|
strategy,
|
|
@@ -5252,19 +5253,19 @@ function useFloating(options) {
|
|
|
5252
5253
|
middlewareData: {},
|
|
5253
5254
|
isPositioned: false
|
|
5254
5255
|
});
|
|
5255
|
-
const [latestMiddleware, setLatestMiddleware] =
|
|
5256
|
+
const [latestMiddleware, setLatestMiddleware] = React15.useState(middleware);
|
|
5256
5257
|
if (!deepEqual(latestMiddleware, middleware)) {
|
|
5257
5258
|
setLatestMiddleware(middleware);
|
|
5258
5259
|
}
|
|
5259
|
-
const [_reference, _setReference] =
|
|
5260
|
-
const [_floating, _setFloating] =
|
|
5261
|
-
const setReference =
|
|
5260
|
+
const [_reference, _setReference] = React15.useState(null);
|
|
5261
|
+
const [_floating, _setFloating] = React15.useState(null);
|
|
5262
|
+
const setReference = React15.useCallback((node) => {
|
|
5262
5263
|
if (node !== referenceRef.current) {
|
|
5263
5264
|
referenceRef.current = node;
|
|
5264
5265
|
_setReference(node);
|
|
5265
5266
|
}
|
|
5266
5267
|
}, []);
|
|
5267
|
-
const setFloating =
|
|
5268
|
+
const setFloating = React15.useCallback((node) => {
|
|
5268
5269
|
if (node !== floatingRef.current) {
|
|
5269
5270
|
floatingRef.current = node;
|
|
5270
5271
|
_setFloating(node);
|
|
@@ -5272,14 +5273,14 @@ function useFloating(options) {
|
|
|
5272
5273
|
}, []);
|
|
5273
5274
|
const referenceEl = externalReference || _reference;
|
|
5274
5275
|
const floatingEl = externalFloating || _floating;
|
|
5275
|
-
const referenceRef =
|
|
5276
|
-
const floatingRef =
|
|
5277
|
-
const dataRef =
|
|
5276
|
+
const referenceRef = React15.useRef(null);
|
|
5277
|
+
const floatingRef = React15.useRef(null);
|
|
5278
|
+
const dataRef = React15.useRef(data);
|
|
5278
5279
|
const hasWhileElementsMounted = whileElementsMounted != null;
|
|
5279
5280
|
const whileElementsMountedRef = useLatestRef(whileElementsMounted);
|
|
5280
5281
|
const platformRef = useLatestRef(platform2);
|
|
5281
5282
|
const openRef = useLatestRef(open);
|
|
5282
|
-
const update =
|
|
5283
|
+
const update = React15.useCallback(() => {
|
|
5283
5284
|
if (!referenceRef.current || !floatingRef.current) {
|
|
5284
5285
|
return;
|
|
5285
5286
|
}
|
|
@@ -5317,7 +5318,7 @@ function useFloating(options) {
|
|
|
5317
5318
|
}));
|
|
5318
5319
|
}
|
|
5319
5320
|
}, [open]);
|
|
5320
|
-
const isMountedRef =
|
|
5321
|
+
const isMountedRef = React15.useRef(false);
|
|
5321
5322
|
index(() => {
|
|
5322
5323
|
isMountedRef.current = true;
|
|
5323
5324
|
return () => {
|
|
@@ -5334,17 +5335,17 @@ function useFloating(options) {
|
|
|
5334
5335
|
update();
|
|
5335
5336
|
}
|
|
5336
5337
|
}, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
|
|
5337
|
-
const refs =
|
|
5338
|
+
const refs = React15.useMemo(() => ({
|
|
5338
5339
|
reference: referenceRef,
|
|
5339
5340
|
floating: floatingRef,
|
|
5340
5341
|
setReference,
|
|
5341
5342
|
setFloating
|
|
5342
5343
|
}), [setReference, setFloating]);
|
|
5343
|
-
const elements =
|
|
5344
|
+
const elements = React15.useMemo(() => ({
|
|
5344
5345
|
reference: referenceEl,
|
|
5345
5346
|
floating: floatingEl
|
|
5346
5347
|
}), [referenceEl, floatingEl]);
|
|
5347
|
-
const floatingStyles =
|
|
5348
|
+
const floatingStyles = React15.useMemo(() => {
|
|
5348
5349
|
const initialStyles = {
|
|
5349
5350
|
position: strategy,
|
|
5350
5351
|
left: 0,
|
|
@@ -5370,7 +5371,7 @@ function useFloating(options) {
|
|
|
5370
5371
|
top: y
|
|
5371
5372
|
};
|
|
5372
5373
|
}, [strategy, transform, elements.floating, data.x, data.y]);
|
|
5373
|
-
return
|
|
5374
|
+
return React15.useMemo(() => ({
|
|
5374
5375
|
...data,
|
|
5375
5376
|
update,
|
|
5376
5377
|
refs,
|
|
@@ -5439,12 +5440,12 @@ var arrow3 = (options, deps) => ({
|
|
|
5439
5440
|
});
|
|
5440
5441
|
|
|
5441
5442
|
// ../../node_modules/@radix-ui/react-arrow/dist/index.mjs
|
|
5442
|
-
var
|
|
5443
|
-
var
|
|
5443
|
+
var React16 = __toESM(require("react"), 1);
|
|
5444
|
+
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
5444
5445
|
var NAME = "Arrow";
|
|
5445
|
-
var Arrow =
|
|
5446
|
+
var Arrow = React16.forwardRef((props, forwardedRef) => {
|
|
5446
5447
|
const { children, width = 10, height = 5, ...arrowProps } = props;
|
|
5447
|
-
return /* @__PURE__ */ (0,
|
|
5448
|
+
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
5448
5449
|
Primitive.svg,
|
|
5449
5450
|
{
|
|
5450
5451
|
...arrowProps,
|
|
@@ -5453,78 +5454,17 @@ var Arrow = React17.forwardRef((props, forwardedRef) => {
|
|
|
5453
5454
|
height,
|
|
5454
5455
|
viewBox: "0 0 30 10",
|
|
5455
5456
|
preserveAspectRatio: "none",
|
|
5456
|
-
children: props.asChild ? children : /* @__PURE__ */ (0,
|
|
5457
|
+
children: props.asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("polygon", { points: "0,0 30,0 15,10" })
|
|
5457
5458
|
}
|
|
5458
5459
|
);
|
|
5459
5460
|
});
|
|
5460
5461
|
Arrow.displayName = NAME;
|
|
5461
5462
|
var Root = Arrow;
|
|
5462
5463
|
|
|
5463
|
-
// ../../node_modules/@radix-ui/react-popper/node_modules/@radix-ui/react-context/dist/index.mjs
|
|
5464
|
-
var React18 = __toESM(require("react"), 1);
|
|
5465
|
-
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
5466
|
-
function createContextScope3(scopeName, createContextScopeDeps = []) {
|
|
5467
|
-
let defaultContexts = [];
|
|
5468
|
-
function createContext32(rootComponentName, defaultContext) {
|
|
5469
|
-
const BaseContext = React18.createContext(defaultContext);
|
|
5470
|
-
const index2 = defaultContexts.length;
|
|
5471
|
-
defaultContexts = [...defaultContexts, defaultContext];
|
|
5472
|
-
function Provider(props) {
|
|
5473
|
-
const { scope, children, ...context } = props;
|
|
5474
|
-
const Context = scope?.[scopeName][index2] || BaseContext;
|
|
5475
|
-
const value = React18.useMemo(() => context, Object.values(context));
|
|
5476
|
-
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Context.Provider, { value, children });
|
|
5477
|
-
}
|
|
5478
|
-
function useContext22(consumerName, scope) {
|
|
5479
|
-
const Context = scope?.[scopeName][index2] || BaseContext;
|
|
5480
|
-
const context = React18.useContext(Context);
|
|
5481
|
-
if (context) return context;
|
|
5482
|
-
if (defaultContext !== void 0) return defaultContext;
|
|
5483
|
-
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
|
5484
|
-
}
|
|
5485
|
-
Provider.displayName = rootComponentName + "Provider";
|
|
5486
|
-
return [Provider, useContext22];
|
|
5487
|
-
}
|
|
5488
|
-
const createScope = () => {
|
|
5489
|
-
const scopeContexts = defaultContexts.map((defaultContext) => {
|
|
5490
|
-
return React18.createContext(defaultContext);
|
|
5491
|
-
});
|
|
5492
|
-
return function useScope(scope) {
|
|
5493
|
-
const contexts = scope?.[scopeName] || scopeContexts;
|
|
5494
|
-
return React18.useMemo(
|
|
5495
|
-
() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
|
|
5496
|
-
[scope, contexts]
|
|
5497
|
-
);
|
|
5498
|
-
};
|
|
5499
|
-
};
|
|
5500
|
-
createScope.scopeName = scopeName;
|
|
5501
|
-
return [createContext32, composeContextScopes3(createScope, ...createContextScopeDeps)];
|
|
5502
|
-
}
|
|
5503
|
-
function composeContextScopes3(...scopes) {
|
|
5504
|
-
const baseScope = scopes[0];
|
|
5505
|
-
if (scopes.length === 1) return baseScope;
|
|
5506
|
-
const createScope = () => {
|
|
5507
|
-
const scopeHooks = scopes.map((createScope2) => ({
|
|
5508
|
-
useScope: createScope2(),
|
|
5509
|
-
scopeName: createScope2.scopeName
|
|
5510
|
-
}));
|
|
5511
|
-
return function useComposedScopes(overrideScopes) {
|
|
5512
|
-
const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
|
|
5513
|
-
const scopeProps = useScope(overrideScopes);
|
|
5514
|
-
const currentScope = scopeProps[`__scope${scopeName}`];
|
|
5515
|
-
return { ...nextScopes2, ...currentScope };
|
|
5516
|
-
}, {});
|
|
5517
|
-
return React18.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
|
|
5518
|
-
};
|
|
5519
|
-
};
|
|
5520
|
-
createScope.scopeName = baseScope.scopeName;
|
|
5521
|
-
return createScope;
|
|
5522
|
-
}
|
|
5523
|
-
|
|
5524
5464
|
// ../../node_modules/@radix-ui/react-use-size/dist/index.mjs
|
|
5525
|
-
var
|
|
5465
|
+
var React17 = __toESM(require("react"), 1);
|
|
5526
5466
|
function useSize(element) {
|
|
5527
|
-
const [size4, setSize] =
|
|
5467
|
+
const [size4, setSize] = React17.useState(void 0);
|
|
5528
5468
|
useLayoutEffect2(() => {
|
|
5529
5469
|
if (element) {
|
|
5530
5470
|
setSize({ width: element.offsetWidth, height: element.offsetHeight });
|
|
@@ -5559,33 +5499,33 @@ function useSize(element) {
|
|
|
5559
5499
|
}
|
|
5560
5500
|
|
|
5561
5501
|
// ../../node_modules/@radix-ui/react-popper/dist/index.mjs
|
|
5562
|
-
var
|
|
5502
|
+
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
5563
5503
|
var POPPER_NAME = "Popper";
|
|
5564
|
-
var [createPopperContext, createPopperScope] =
|
|
5504
|
+
var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
|
|
5565
5505
|
var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
|
|
5566
5506
|
var Popper = (props) => {
|
|
5567
5507
|
const { __scopePopper, children } = props;
|
|
5568
|
-
const [anchor, setAnchor] =
|
|
5569
|
-
return /* @__PURE__ */ (0,
|
|
5508
|
+
const [anchor, setAnchor] = React18.useState(null);
|
|
5509
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
|
|
5570
5510
|
};
|
|
5571
5511
|
Popper.displayName = POPPER_NAME;
|
|
5572
5512
|
var ANCHOR_NAME = "PopperAnchor";
|
|
5573
|
-
var PopperAnchor =
|
|
5513
|
+
var PopperAnchor = React18.forwardRef(
|
|
5574
5514
|
(props, forwardedRef) => {
|
|
5575
5515
|
const { __scopePopper, virtualRef, ...anchorProps } = props;
|
|
5576
5516
|
const context = usePopperContext(ANCHOR_NAME, __scopePopper);
|
|
5577
|
-
const ref =
|
|
5517
|
+
const ref = React18.useRef(null);
|
|
5578
5518
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
5579
|
-
|
|
5519
|
+
React18.useEffect(() => {
|
|
5580
5520
|
context.onAnchorChange(virtualRef?.current || ref.current);
|
|
5581
5521
|
});
|
|
5582
|
-
return virtualRef ? null : /* @__PURE__ */ (0,
|
|
5522
|
+
return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Primitive.div, { ...anchorProps, ref: composedRefs });
|
|
5583
5523
|
}
|
|
5584
5524
|
);
|
|
5585
5525
|
PopperAnchor.displayName = ANCHOR_NAME;
|
|
5586
5526
|
var CONTENT_NAME = "PopperContent";
|
|
5587
5527
|
var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME);
|
|
5588
|
-
var PopperContent =
|
|
5528
|
+
var PopperContent = React18.forwardRef(
|
|
5589
5529
|
(props, forwardedRef) => {
|
|
5590
5530
|
const {
|
|
5591
5531
|
__scopePopper,
|
|
@@ -5604,9 +5544,9 @@ var PopperContent = React20.forwardRef(
|
|
|
5604
5544
|
...contentProps
|
|
5605
5545
|
} = props;
|
|
5606
5546
|
const context = usePopperContext(CONTENT_NAME, __scopePopper);
|
|
5607
|
-
const [content, setContent] =
|
|
5547
|
+
const [content, setContent] = React18.useState(null);
|
|
5608
5548
|
const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
|
|
5609
|
-
const [arrow4, setArrow] =
|
|
5549
|
+
const [arrow4, setArrow] = React18.useState(null);
|
|
5610
5550
|
const arrowSize = useSize(arrow4);
|
|
5611
5551
|
const arrowWidth = arrowSize?.width ?? 0;
|
|
5612
5552
|
const arrowHeight = arrowSize?.height ?? 0;
|
|
@@ -5668,11 +5608,11 @@ var PopperContent = React20.forwardRef(
|
|
|
5668
5608
|
const arrowX = middlewareData.arrow?.x;
|
|
5669
5609
|
const arrowY = middlewareData.arrow?.y;
|
|
5670
5610
|
const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
|
|
5671
|
-
const [contentZIndex, setContentZIndex] =
|
|
5611
|
+
const [contentZIndex, setContentZIndex] = React18.useState();
|
|
5672
5612
|
useLayoutEffect2(() => {
|
|
5673
5613
|
if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
|
|
5674
5614
|
}, [content]);
|
|
5675
|
-
return /* @__PURE__ */ (0,
|
|
5615
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
5676
5616
|
"div",
|
|
5677
5617
|
{
|
|
5678
5618
|
ref: refs.setFloating,
|
|
@@ -5696,7 +5636,7 @@ var PopperContent = React20.forwardRef(
|
|
|
5696
5636
|
}
|
|
5697
5637
|
},
|
|
5698
5638
|
dir: props.dir,
|
|
5699
|
-
children: /* @__PURE__ */ (0,
|
|
5639
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
5700
5640
|
PopperContentProvider,
|
|
5701
5641
|
{
|
|
5702
5642
|
scope: __scopePopper,
|
|
@@ -5705,7 +5645,7 @@ var PopperContent = React20.forwardRef(
|
|
|
5705
5645
|
arrowX,
|
|
5706
5646
|
arrowY,
|
|
5707
5647
|
shouldHideArrow: cannotCenterArrow,
|
|
5708
|
-
children: /* @__PURE__ */ (0,
|
|
5648
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
5709
5649
|
Primitive.div,
|
|
5710
5650
|
{
|
|
5711
5651
|
"data-side": placedSide,
|
|
@@ -5734,7 +5674,7 @@ var OPPOSITE_SIDE = {
|
|
|
5734
5674
|
bottom: "top",
|
|
5735
5675
|
left: "right"
|
|
5736
5676
|
};
|
|
5737
|
-
var PopperArrow =
|
|
5677
|
+
var PopperArrow = React18.forwardRef(function PopperArrow2(props, forwardedRef) {
|
|
5738
5678
|
const { __scopePopper, ...arrowProps } = props;
|
|
5739
5679
|
const contentContext = useContentContext(ARROW_NAME, __scopePopper);
|
|
5740
5680
|
const baseSide = OPPOSITE_SIDE[contentContext.placedSide];
|
|
@@ -5742,7 +5682,7 @@ var PopperArrow = React20.forwardRef(function PopperArrow2(props, forwardedRef)
|
|
|
5742
5682
|
// we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
|
|
5743
5683
|
// doesn't report size as we'd expect on SVG elements.
|
|
5744
5684
|
// it reports their bounding box which is effectively the largest path inside the SVG.
|
|
5745
|
-
/* @__PURE__ */ (0,
|
|
5685
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
5746
5686
|
"span",
|
|
5747
5687
|
{
|
|
5748
5688
|
ref: contentContext.onArrowChange,
|
|
@@ -5765,7 +5705,7 @@ var PopperArrow = React20.forwardRef(function PopperArrow2(props, forwardedRef)
|
|
|
5765
5705
|
}[contentContext.placedSide],
|
|
5766
5706
|
visibility: contentContext.shouldHideArrow ? "hidden" : void 0
|
|
5767
5707
|
},
|
|
5768
|
-
children: /* @__PURE__ */ (0,
|
|
5708
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
5769
5709
|
Root,
|
|
5770
5710
|
{
|
|
5771
5711
|
...arrowProps,
|
|
@@ -5826,24 +5766,24 @@ var Content = PopperContent;
|
|
|
5826
5766
|
var Arrow2 = PopperArrow;
|
|
5827
5767
|
|
|
5828
5768
|
// ../../node_modules/@radix-ui/react-portal/dist/index.mjs
|
|
5829
|
-
var
|
|
5769
|
+
var React19 = __toESM(require("react"), 1);
|
|
5830
5770
|
var import_react_dom2 = __toESM(require("react-dom"), 1);
|
|
5831
|
-
var
|
|
5771
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
5832
5772
|
var PORTAL_NAME = "Portal";
|
|
5833
|
-
var Portal =
|
|
5773
|
+
var Portal = React19.forwardRef((props, forwardedRef) => {
|
|
5834
5774
|
const { container: containerProp, ...portalProps } = props;
|
|
5835
|
-
const [mounted, setMounted] =
|
|
5775
|
+
const [mounted, setMounted] = React19.useState(false);
|
|
5836
5776
|
useLayoutEffect2(() => setMounted(true), []);
|
|
5837
5777
|
const container = containerProp || mounted && globalThis?.document?.body;
|
|
5838
|
-
return container ? import_react_dom2.default.createPortal(/* @__PURE__ */ (0,
|
|
5778
|
+
return container ? import_react_dom2.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
|
|
5839
5779
|
});
|
|
5840
5780
|
Portal.displayName = PORTAL_NAME;
|
|
5841
5781
|
|
|
5842
5782
|
// ../../node_modules/@radix-ui/react-presence/dist/index.mjs
|
|
5843
5783
|
var React22 = __toESM(require("react"), 1);
|
|
5844
|
-
var
|
|
5784
|
+
var React20 = __toESM(require("react"), 1);
|
|
5845
5785
|
function useStateMachine(initialState, machine) {
|
|
5846
|
-
return
|
|
5786
|
+
return React20.useReducer((state, event) => {
|
|
5847
5787
|
const nextState = machine[state][event];
|
|
5848
5788
|
return nextState ?? state;
|
|
5849
5789
|
}, initialState);
|
|
@@ -5966,87 +5906,24 @@ function getElementRef(element) {
|
|
|
5966
5906
|
}
|
|
5967
5907
|
|
|
5968
5908
|
// ../../node_modules/@radix-ui/react-roving-focus/dist/index.mjs
|
|
5969
|
-
var
|
|
5970
|
-
|
|
5971
|
-
// ../../node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-context/dist/index.mjs
|
|
5972
|
-
var React24 = __toESM(require("react"), 1);
|
|
5973
|
-
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
5974
|
-
function createContextScope4(scopeName, createContextScopeDeps = []) {
|
|
5975
|
-
let defaultContexts = [];
|
|
5976
|
-
function createContext32(rootComponentName, defaultContext) {
|
|
5977
|
-
const BaseContext = React24.createContext(defaultContext);
|
|
5978
|
-
const index2 = defaultContexts.length;
|
|
5979
|
-
defaultContexts = [...defaultContexts, defaultContext];
|
|
5980
|
-
function Provider(props) {
|
|
5981
|
-
const { scope, children, ...context } = props;
|
|
5982
|
-
const Context = scope?.[scopeName][index2] || BaseContext;
|
|
5983
|
-
const value = React24.useMemo(() => context, Object.values(context));
|
|
5984
|
-
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Context.Provider, { value, children });
|
|
5985
|
-
}
|
|
5986
|
-
function useContext22(consumerName, scope) {
|
|
5987
|
-
const Context = scope?.[scopeName][index2] || BaseContext;
|
|
5988
|
-
const context = React24.useContext(Context);
|
|
5989
|
-
if (context) return context;
|
|
5990
|
-
if (defaultContext !== void 0) return defaultContext;
|
|
5991
|
-
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
|
5992
|
-
}
|
|
5993
|
-
Provider.displayName = rootComponentName + "Provider";
|
|
5994
|
-
return [Provider, useContext22];
|
|
5995
|
-
}
|
|
5996
|
-
const createScope = () => {
|
|
5997
|
-
const scopeContexts = defaultContexts.map((defaultContext) => {
|
|
5998
|
-
return React24.createContext(defaultContext);
|
|
5999
|
-
});
|
|
6000
|
-
return function useScope(scope) {
|
|
6001
|
-
const contexts = scope?.[scopeName] || scopeContexts;
|
|
6002
|
-
return React24.useMemo(
|
|
6003
|
-
() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
|
|
6004
|
-
[scope, contexts]
|
|
6005
|
-
);
|
|
6006
|
-
};
|
|
6007
|
-
};
|
|
6008
|
-
createScope.scopeName = scopeName;
|
|
6009
|
-
return [createContext32, composeContextScopes4(createScope, ...createContextScopeDeps)];
|
|
6010
|
-
}
|
|
6011
|
-
function composeContextScopes4(...scopes) {
|
|
6012
|
-
const baseScope = scopes[0];
|
|
6013
|
-
if (scopes.length === 1) return baseScope;
|
|
6014
|
-
const createScope = () => {
|
|
6015
|
-
const scopeHooks = scopes.map((createScope2) => ({
|
|
6016
|
-
useScope: createScope2(),
|
|
6017
|
-
scopeName: createScope2.scopeName
|
|
6018
|
-
}));
|
|
6019
|
-
return function useComposedScopes(overrideScopes) {
|
|
6020
|
-
const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
|
|
6021
|
-
const scopeProps = useScope(overrideScopes);
|
|
6022
|
-
const currentScope = scopeProps[`__scope${scopeName}`];
|
|
6023
|
-
return { ...nextScopes2, ...currentScope };
|
|
6024
|
-
}, {});
|
|
6025
|
-
return React24.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
|
|
6026
|
-
};
|
|
6027
|
-
};
|
|
6028
|
-
createScope.scopeName = baseScope.scopeName;
|
|
6029
|
-
return createScope;
|
|
6030
|
-
}
|
|
6031
|
-
|
|
6032
|
-
// ../../node_modules/@radix-ui/react-roving-focus/dist/index.mjs
|
|
6033
|
-
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
5909
|
+
var React21 = __toESM(require("react"), 1);
|
|
5910
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
6034
5911
|
var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
|
|
6035
5912
|
var EVENT_OPTIONS2 = { bubbles: false, cancelable: true };
|
|
6036
5913
|
var GROUP_NAME = "RovingFocusGroup";
|
|
6037
5914
|
var [Collection, useCollection, createCollectionScope] = createCollection(GROUP_NAME);
|
|
6038
|
-
var [createRovingFocusGroupContext, createRovingFocusGroupScope] =
|
|
5915
|
+
var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(
|
|
6039
5916
|
GROUP_NAME,
|
|
6040
5917
|
[createCollectionScope]
|
|
6041
5918
|
);
|
|
6042
5919
|
var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
|
|
6043
|
-
var RovingFocusGroup =
|
|
5920
|
+
var RovingFocusGroup = React21.forwardRef(
|
|
6044
5921
|
(props, forwardedRef) => {
|
|
6045
|
-
return /* @__PURE__ */ (0,
|
|
5922
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
|
|
6046
5923
|
}
|
|
6047
5924
|
);
|
|
6048
5925
|
RovingFocusGroup.displayName = GROUP_NAME;
|
|
6049
|
-
var RovingFocusGroupImpl =
|
|
5926
|
+
var RovingFocusGroupImpl = React21.forwardRef((props, forwardedRef) => {
|
|
6050
5927
|
const {
|
|
6051
5928
|
__scopeRovingFocusGroup,
|
|
6052
5929
|
orientation,
|
|
@@ -6059,7 +5936,7 @@ var RovingFocusGroupImpl = React25.forwardRef((props, forwardedRef) => {
|
|
|
6059
5936
|
preventScrollOnEntryFocus = false,
|
|
6060
5937
|
...groupProps
|
|
6061
5938
|
} = props;
|
|
6062
|
-
const ref =
|
|
5939
|
+
const ref = React21.useRef(null);
|
|
6063
5940
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
6064
5941
|
const direction = useDirection(dir);
|
|
6065
5942
|
const [currentTabStopId = null, setCurrentTabStopId] = useControllableState({
|
|
@@ -6067,19 +5944,19 @@ var RovingFocusGroupImpl = React25.forwardRef((props, forwardedRef) => {
|
|
|
6067
5944
|
defaultProp: defaultCurrentTabStopId,
|
|
6068
5945
|
onChange: onCurrentTabStopIdChange
|
|
6069
5946
|
});
|
|
6070
|
-
const [isTabbingBackOut, setIsTabbingBackOut] =
|
|
5947
|
+
const [isTabbingBackOut, setIsTabbingBackOut] = React21.useState(false);
|
|
6071
5948
|
const handleEntryFocus = useCallbackRef(onEntryFocus);
|
|
6072
5949
|
const getItems = useCollection(__scopeRovingFocusGroup);
|
|
6073
|
-
const isClickFocusRef =
|
|
6074
|
-
const [focusableItemsCount, setFocusableItemsCount] =
|
|
6075
|
-
|
|
5950
|
+
const isClickFocusRef = React21.useRef(false);
|
|
5951
|
+
const [focusableItemsCount, setFocusableItemsCount] = React21.useState(0);
|
|
5952
|
+
React21.useEffect(() => {
|
|
6076
5953
|
const node = ref.current;
|
|
6077
5954
|
if (node) {
|
|
6078
5955
|
node.addEventListener(ENTRY_FOCUS, handleEntryFocus);
|
|
6079
5956
|
return () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);
|
|
6080
5957
|
}
|
|
6081
5958
|
}, [handleEntryFocus]);
|
|
6082
|
-
return /* @__PURE__ */ (0,
|
|
5959
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
6083
5960
|
RovingFocusProvider,
|
|
6084
5961
|
{
|
|
6085
5962
|
scope: __scopeRovingFocusGroup,
|
|
@@ -6087,20 +5964,20 @@ var RovingFocusGroupImpl = React25.forwardRef((props, forwardedRef) => {
|
|
|
6087
5964
|
dir: direction,
|
|
6088
5965
|
loop,
|
|
6089
5966
|
currentTabStopId,
|
|
6090
|
-
onItemFocus:
|
|
5967
|
+
onItemFocus: React21.useCallback(
|
|
6091
5968
|
(tabStopId) => setCurrentTabStopId(tabStopId),
|
|
6092
5969
|
[setCurrentTabStopId]
|
|
6093
5970
|
),
|
|
6094
|
-
onItemShiftTab:
|
|
6095
|
-
onFocusableItemAdd:
|
|
5971
|
+
onItemShiftTab: React21.useCallback(() => setIsTabbingBackOut(true), []),
|
|
5972
|
+
onFocusableItemAdd: React21.useCallback(
|
|
6096
5973
|
() => setFocusableItemsCount((prevCount) => prevCount + 1),
|
|
6097
5974
|
[]
|
|
6098
5975
|
),
|
|
6099
|
-
onFocusableItemRemove:
|
|
5976
|
+
onFocusableItemRemove: React21.useCallback(
|
|
6100
5977
|
() => setFocusableItemsCount((prevCount) => prevCount - 1),
|
|
6101
5978
|
[]
|
|
6102
5979
|
),
|
|
6103
|
-
children: /* @__PURE__ */ (0,
|
|
5980
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
6104
5981
|
Primitive.div,
|
|
6105
5982
|
{
|
|
6106
5983
|
tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
|
|
@@ -6136,7 +6013,7 @@ var RovingFocusGroupImpl = React25.forwardRef((props, forwardedRef) => {
|
|
|
6136
6013
|
);
|
|
6137
6014
|
});
|
|
6138
6015
|
var ITEM_NAME = "RovingFocusGroupItem";
|
|
6139
|
-
var RovingFocusGroupItem =
|
|
6016
|
+
var RovingFocusGroupItem = React21.forwardRef(
|
|
6140
6017
|
(props, forwardedRef) => {
|
|
6141
6018
|
const {
|
|
6142
6019
|
__scopeRovingFocusGroup,
|
|
@@ -6151,20 +6028,20 @@ var RovingFocusGroupItem = React25.forwardRef(
|
|
|
6151
6028
|
const isCurrentTabStop = context.currentTabStopId === id;
|
|
6152
6029
|
const getItems = useCollection(__scopeRovingFocusGroup);
|
|
6153
6030
|
const { onFocusableItemAdd, onFocusableItemRemove } = context;
|
|
6154
|
-
|
|
6031
|
+
React21.useEffect(() => {
|
|
6155
6032
|
if (focusable) {
|
|
6156
6033
|
onFocusableItemAdd();
|
|
6157
6034
|
return () => onFocusableItemRemove();
|
|
6158
6035
|
}
|
|
6159
6036
|
}, [focusable, onFocusableItemAdd, onFocusableItemRemove]);
|
|
6160
|
-
return /* @__PURE__ */ (0,
|
|
6037
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
6161
6038
|
Collection.ItemSlot,
|
|
6162
6039
|
{
|
|
6163
6040
|
scope: __scopeRovingFocusGroup,
|
|
6164
6041
|
id,
|
|
6165
6042
|
focusable,
|
|
6166
6043
|
active,
|
|
6167
|
-
children: /* @__PURE__ */ (0,
|
|
6044
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
6168
6045
|
Primitive.span,
|
|
6169
6046
|
{
|
|
6170
6047
|
tabIndex: isCurrentTabStop ? 0 : -1,
|
|
@@ -6395,10 +6272,10 @@ function __spreadArray(to, from, pack) {
|
|
|
6395
6272
|
}
|
|
6396
6273
|
|
|
6397
6274
|
// ../../node_modules/react-remove-scroll/dist/es2015/Combination.js
|
|
6398
|
-
var
|
|
6275
|
+
var React29 = __toESM(require("react"));
|
|
6399
6276
|
|
|
6400
6277
|
// ../../node_modules/react-remove-scroll/dist/es2015/UI.js
|
|
6401
|
-
var
|
|
6278
|
+
var React25 = __toESM(require("react"));
|
|
6402
6279
|
|
|
6403
6280
|
// ../../node_modules/react-remove-scroll-bar/dist/es2015/constants.js
|
|
6404
6281
|
var zeroRightClassName = "right-scroll-bar-position";
|
|
@@ -6445,8 +6322,8 @@ function useCallbackRef2(initialValue, callback) {
|
|
|
6445
6322
|
}
|
|
6446
6323
|
|
|
6447
6324
|
// ../../node_modules/use-callback-ref/dist/es2015/useMergeRef.js
|
|
6448
|
-
var
|
|
6449
|
-
var useIsomorphicLayoutEffect = typeof window !== "undefined" ?
|
|
6325
|
+
var React23 = __toESM(require("react"));
|
|
6326
|
+
var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React23.useLayoutEffect : React23.useEffect;
|
|
6450
6327
|
var currentValues = /* @__PURE__ */ new WeakMap();
|
|
6451
6328
|
function useMergeRefs(refs, defaultValue) {
|
|
6452
6329
|
var callbackRef = useCallbackRef2(defaultValue || null, function(newValue) {
|
|
@@ -6563,7 +6440,7 @@ function createSidecarMedium(options) {
|
|
|
6563
6440
|
}
|
|
6564
6441
|
|
|
6565
6442
|
// ../../node_modules/use-sidecar/dist/es2015/exports.js
|
|
6566
|
-
var
|
|
6443
|
+
var React24 = __toESM(require("react"));
|
|
6567
6444
|
var SideCar = function(_a) {
|
|
6568
6445
|
var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
|
|
6569
6446
|
if (!sideCar) {
|
|
@@ -6573,7 +6450,7 @@ var SideCar = function(_a) {
|
|
|
6573
6450
|
if (!Target) {
|
|
6574
6451
|
throw new Error("Sidecar medium not found");
|
|
6575
6452
|
}
|
|
6576
|
-
return
|
|
6453
|
+
return React24.createElement(Target, __assign({}, rest));
|
|
6577
6454
|
};
|
|
6578
6455
|
SideCar.isSideCarExport = true;
|
|
6579
6456
|
function exportSidecar(medium, exported) {
|
|
@@ -6588,9 +6465,9 @@ var effectCar = createSidecarMedium();
|
|
|
6588
6465
|
var nothing = function() {
|
|
6589
6466
|
return;
|
|
6590
6467
|
};
|
|
6591
|
-
var RemoveScroll =
|
|
6592
|
-
var ref =
|
|
6593
|
-
var _a =
|
|
6468
|
+
var RemoveScroll = React25.forwardRef(function(props, parentRef) {
|
|
6469
|
+
var ref = React25.useRef(null);
|
|
6470
|
+
var _a = React25.useState({
|
|
6594
6471
|
onScrollCapture: nothing,
|
|
6595
6472
|
onWheelCapture: nothing,
|
|
6596
6473
|
onTouchMoveCapture: nothing
|
|
@@ -6599,11 +6476,11 @@ var RemoveScroll = React28.forwardRef(function(props, parentRef) {
|
|
|
6599
6476
|
var SideCar2 = sideCar;
|
|
6600
6477
|
var containerRef = useMergeRefs([ref, parentRef]);
|
|
6601
6478
|
var containerProps = __assign(__assign({}, rest), callbacks);
|
|
6602
|
-
return
|
|
6603
|
-
|
|
6479
|
+
return React25.createElement(
|
|
6480
|
+
React25.Fragment,
|
|
6604
6481
|
null,
|
|
6605
|
-
enabled &&
|
|
6606
|
-
forwardProps ?
|
|
6482
|
+
enabled && React25.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
|
|
6483
|
+
forwardProps ? React25.cloneElement(React25.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React25.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
|
|
6607
6484
|
);
|
|
6608
6485
|
});
|
|
6609
6486
|
RemoveScroll.defaultProps = {
|
|
@@ -6617,13 +6494,13 @@ RemoveScroll.classNames = {
|
|
|
6617
6494
|
};
|
|
6618
6495
|
|
|
6619
6496
|
// ../../node_modules/react-remove-scroll/dist/es2015/SideEffect.js
|
|
6620
|
-
var
|
|
6497
|
+
var React28 = __toESM(require("react"));
|
|
6621
6498
|
|
|
6622
6499
|
// ../../node_modules/react-remove-scroll-bar/dist/es2015/component.js
|
|
6623
|
-
var
|
|
6500
|
+
var React27 = __toESM(require("react"));
|
|
6624
6501
|
|
|
6625
6502
|
// ../../node_modules/react-style-singleton/dist/es2015/hook.js
|
|
6626
|
-
var
|
|
6503
|
+
var React26 = __toESM(require("react"));
|
|
6627
6504
|
|
|
6628
6505
|
// ../../node_modules/get-nonce/dist/es2015/index.js
|
|
6629
6506
|
var currentNonce;
|
|
@@ -6687,7 +6564,7 @@ var stylesheetSingleton = function() {
|
|
|
6687
6564
|
var styleHookSingleton = function() {
|
|
6688
6565
|
var sheet = stylesheetSingleton();
|
|
6689
6566
|
return function(styles, isDynamic) {
|
|
6690
|
-
|
|
6567
|
+
React26.useEffect(function() {
|
|
6691
6568
|
sheet.add(styles);
|
|
6692
6569
|
return function() {
|
|
6693
6570
|
sheet.remove();
|
|
@@ -6761,7 +6638,7 @@ var getCurrentUseCounter = function() {
|
|
|
6761
6638
|
return isFinite(counter) ? counter : 0;
|
|
6762
6639
|
};
|
|
6763
6640
|
var useLockAttribute = function() {
|
|
6764
|
-
|
|
6641
|
+
React27.useEffect(function() {
|
|
6765
6642
|
document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
|
|
6766
6643
|
return function() {
|
|
6767
6644
|
var newCounter = getCurrentUseCounter() - 1;
|
|
@@ -6776,10 +6653,10 @@ var useLockAttribute = function() {
|
|
|
6776
6653
|
var RemoveScrollBar = function(_a) {
|
|
6777
6654
|
var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? "margin" : _b;
|
|
6778
6655
|
useLockAttribute();
|
|
6779
|
-
var gap =
|
|
6656
|
+
var gap = React27.useMemo(function() {
|
|
6780
6657
|
return getGapWidth(gapMode);
|
|
6781
6658
|
}, [gapMode]);
|
|
6782
|
-
return
|
|
6659
|
+
return React27.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
|
|
6783
6660
|
};
|
|
6784
6661
|
|
|
6785
6662
|
// ../../node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js
|
|
@@ -6920,16 +6797,16 @@ var generateStyle = function(id) {
|
|
|
6920
6797
|
var idCounter = 0;
|
|
6921
6798
|
var lockStack = [];
|
|
6922
6799
|
function RemoveScrollSideCar(props) {
|
|
6923
|
-
var shouldPreventQueue =
|
|
6924
|
-
var touchStartRef =
|
|
6925
|
-
var activeAxis =
|
|
6926
|
-
var id =
|
|
6927
|
-
var Style2 =
|
|
6928
|
-
var lastProps =
|
|
6929
|
-
|
|
6800
|
+
var shouldPreventQueue = React28.useRef([]);
|
|
6801
|
+
var touchStartRef = React28.useRef([0, 0]);
|
|
6802
|
+
var activeAxis = React28.useRef();
|
|
6803
|
+
var id = React28.useState(idCounter++)[0];
|
|
6804
|
+
var Style2 = React28.useState(styleSingleton)[0];
|
|
6805
|
+
var lastProps = React28.useRef(props);
|
|
6806
|
+
React28.useEffect(function() {
|
|
6930
6807
|
lastProps.current = props;
|
|
6931
6808
|
}, [props]);
|
|
6932
|
-
|
|
6809
|
+
React28.useEffect(function() {
|
|
6933
6810
|
if (props.inert) {
|
|
6934
6811
|
document.body.classList.add("block-interactivity-".concat(id));
|
|
6935
6812
|
var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);
|
|
@@ -6945,7 +6822,7 @@ function RemoveScrollSideCar(props) {
|
|
|
6945
6822
|
}
|
|
6946
6823
|
return;
|
|
6947
6824
|
}, [props.inert, props.lockRef.current, props.shards]);
|
|
6948
|
-
var shouldCancelEvent =
|
|
6825
|
+
var shouldCancelEvent = React28.useCallback(function(event, parent) {
|
|
6949
6826
|
if ("touches" in event && event.touches.length === 2 || event.type === "wheel" && event.ctrlKey) {
|
|
6950
6827
|
return !lastProps.current.allowPinchZoom;
|
|
6951
6828
|
}
|
|
@@ -6981,7 +6858,7 @@ function RemoveScrollSideCar(props) {
|
|
|
6981
6858
|
var cancelingAxis = activeAxis.current || currentAxis;
|
|
6982
6859
|
return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
|
|
6983
6860
|
}, []);
|
|
6984
|
-
var shouldPrevent =
|
|
6861
|
+
var shouldPrevent = React28.useCallback(function(_event) {
|
|
6985
6862
|
var event = _event;
|
|
6986
6863
|
if (!lockStack.length || lockStack[lockStack.length - 1] !== Style2) {
|
|
6987
6864
|
return;
|
|
@@ -7008,7 +6885,7 @@ function RemoveScrollSideCar(props) {
|
|
|
7008
6885
|
}
|
|
7009
6886
|
}
|
|
7010
6887
|
}, []);
|
|
7011
|
-
var shouldCancel =
|
|
6888
|
+
var shouldCancel = React28.useCallback(function(name, delta, target, should) {
|
|
7012
6889
|
var event = { name, delta, target, should, shadowParent: getOutermostShadowParent(target) };
|
|
7013
6890
|
shouldPreventQueue.current.push(event);
|
|
7014
6891
|
setTimeout(function() {
|
|
@@ -7017,17 +6894,17 @@ function RemoveScrollSideCar(props) {
|
|
|
7017
6894
|
});
|
|
7018
6895
|
}, 1);
|
|
7019
6896
|
}, []);
|
|
7020
|
-
var scrollTouchStart =
|
|
6897
|
+
var scrollTouchStart = React28.useCallback(function(event) {
|
|
7021
6898
|
touchStartRef.current = getTouchXY(event);
|
|
7022
6899
|
activeAxis.current = void 0;
|
|
7023
6900
|
}, []);
|
|
7024
|
-
var scrollWheel =
|
|
6901
|
+
var scrollWheel = React28.useCallback(function(event) {
|
|
7025
6902
|
shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
|
|
7026
6903
|
}, []);
|
|
7027
|
-
var scrollTouchMove =
|
|
6904
|
+
var scrollTouchMove = React28.useCallback(function(event) {
|
|
7028
6905
|
shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
|
|
7029
6906
|
}, []);
|
|
7030
|
-
|
|
6907
|
+
React28.useEffect(function() {
|
|
7031
6908
|
lockStack.push(Style2);
|
|
7032
6909
|
props.setCallbacks({
|
|
7033
6910
|
onScrollCapture: scrollWheel,
|
|
@@ -7047,11 +6924,11 @@ function RemoveScrollSideCar(props) {
|
|
|
7047
6924
|
};
|
|
7048
6925
|
}, []);
|
|
7049
6926
|
var removeScrollBar = props.removeScrollBar, inert = props.inert;
|
|
7050
|
-
return
|
|
7051
|
-
|
|
6927
|
+
return React28.createElement(
|
|
6928
|
+
React28.Fragment,
|
|
7052
6929
|
null,
|
|
7053
|
-
inert ?
|
|
7054
|
-
removeScrollBar ?
|
|
6930
|
+
inert ? React28.createElement(Style2, { styles: generateStyle(id) }) : null,
|
|
6931
|
+
removeScrollBar ? React28.createElement(RemoveScrollBar, { gapMode: props.gapMode }) : null
|
|
7055
6932
|
);
|
|
7056
6933
|
}
|
|
7057
6934
|
function getOutermostShadowParent(node) {
|
|
@@ -7070,14 +6947,14 @@ function getOutermostShadowParent(node) {
|
|
|
7070
6947
|
var sidecar_default = exportSidecar(effectCar, RemoveScrollSideCar);
|
|
7071
6948
|
|
|
7072
6949
|
// ../../node_modules/react-remove-scroll/dist/es2015/Combination.js
|
|
7073
|
-
var ReactRemoveScroll =
|
|
7074
|
-
return
|
|
6950
|
+
var ReactRemoveScroll = React29.forwardRef(function(props, ref) {
|
|
6951
|
+
return React29.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
|
|
7075
6952
|
});
|
|
7076
6953
|
ReactRemoveScroll.classNames = RemoveScroll.classNames;
|
|
7077
6954
|
var Combination_default = ReactRemoveScroll;
|
|
7078
6955
|
|
|
7079
6956
|
// ../../node_modules/@radix-ui/react-menu/dist/index.mjs
|
|
7080
|
-
var
|
|
6957
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
7081
6958
|
var SELECTION_KEYS = ["Enter", " "];
|
|
7082
6959
|
var FIRST_KEYS = ["ArrowDown", "PageUp", "Home"];
|
|
7083
6960
|
var LAST_KEYS = ["ArrowUp", "PageDown", "End"];
|
|
@@ -7104,11 +6981,11 @@ var [MenuRootProvider, useMenuRootContext] = createMenuContext(MENU_NAME);
|
|
|
7104
6981
|
var Menu = (props) => {
|
|
7105
6982
|
const { __scopeMenu, open = false, children, dir, onOpenChange, modal = true } = props;
|
|
7106
6983
|
const popperScope = usePopperScope(__scopeMenu);
|
|
7107
|
-
const [content, setContent] =
|
|
7108
|
-
const isUsingKeyboardRef =
|
|
6984
|
+
const [content, setContent] = React30.useState(null);
|
|
6985
|
+
const isUsingKeyboardRef = React30.useRef(false);
|
|
7109
6986
|
const handleOpenChange = useCallbackRef(onOpenChange);
|
|
7110
6987
|
const direction = useDirection(dir);
|
|
7111
|
-
|
|
6988
|
+
React30.useEffect(() => {
|
|
7112
6989
|
const handleKeyDown = () => {
|
|
7113
6990
|
isUsingKeyboardRef.current = true;
|
|
7114
6991
|
document.addEventListener("pointerdown", handlePointer, { capture: true, once: true });
|
|
@@ -7122,7 +6999,7 @@ var Menu = (props) => {
|
|
|
7122
6999
|
document.removeEventListener("pointermove", handlePointer, { capture: true });
|
|
7123
7000
|
};
|
|
7124
7001
|
}, []);
|
|
7125
|
-
return /* @__PURE__ */ (0,
|
|
7002
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Root2, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
7126
7003
|
MenuProvider,
|
|
7127
7004
|
{
|
|
7128
7005
|
scope: __scopeMenu,
|
|
@@ -7130,11 +7007,11 @@ var Menu = (props) => {
|
|
|
7130
7007
|
onOpenChange: handleOpenChange,
|
|
7131
7008
|
content,
|
|
7132
7009
|
onContentChange: setContent,
|
|
7133
|
-
children: /* @__PURE__ */ (0,
|
|
7010
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
7134
7011
|
MenuRootProvider,
|
|
7135
7012
|
{
|
|
7136
7013
|
scope: __scopeMenu,
|
|
7137
|
-
onClose:
|
|
7014
|
+
onClose: React30.useCallback(() => handleOpenChange(false), [handleOpenChange]),
|
|
7138
7015
|
isUsingKeyboardRef,
|
|
7139
7016
|
dir: direction,
|
|
7140
7017
|
modal,
|
|
@@ -7146,11 +7023,11 @@ var Menu = (props) => {
|
|
|
7146
7023
|
};
|
|
7147
7024
|
Menu.displayName = MENU_NAME;
|
|
7148
7025
|
var ANCHOR_NAME2 = "MenuAnchor";
|
|
7149
|
-
var MenuAnchor =
|
|
7026
|
+
var MenuAnchor = React30.forwardRef(
|
|
7150
7027
|
(props, forwardedRef) => {
|
|
7151
7028
|
const { __scopeMenu, ...anchorProps } = props;
|
|
7152
7029
|
const popperScope = usePopperScope(__scopeMenu);
|
|
7153
|
-
return /* @__PURE__ */ (0,
|
|
7030
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
|
|
7154
7031
|
}
|
|
7155
7032
|
);
|
|
7156
7033
|
MenuAnchor.displayName = ANCHOR_NAME2;
|
|
@@ -7161,30 +7038,30 @@ var [PortalProvider, usePortalContext] = createMenuContext(PORTAL_NAME2, {
|
|
|
7161
7038
|
var MenuPortal = (props) => {
|
|
7162
7039
|
const { __scopeMenu, forceMount, children, container } = props;
|
|
7163
7040
|
const context = useMenuContext(PORTAL_NAME2, __scopeMenu);
|
|
7164
|
-
return /* @__PURE__ */ (0,
|
|
7041
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Portal, { asChild: true, container, children }) }) });
|
|
7165
7042
|
};
|
|
7166
7043
|
MenuPortal.displayName = PORTAL_NAME2;
|
|
7167
7044
|
var CONTENT_NAME2 = "MenuContent";
|
|
7168
7045
|
var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME2);
|
|
7169
|
-
var MenuContent =
|
|
7046
|
+
var MenuContent = React30.forwardRef(
|
|
7170
7047
|
(props, forwardedRef) => {
|
|
7171
7048
|
const portalContext = usePortalContext(CONTENT_NAME2, props.__scopeMenu);
|
|
7172
7049
|
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
7173
7050
|
const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
|
|
7174
7051
|
const rootContext = useMenuRootContext(CONTENT_NAME2, props.__scopeMenu);
|
|
7175
|
-
return /* @__PURE__ */ (0,
|
|
7052
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Collection2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Collection2.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
|
|
7176
7053
|
}
|
|
7177
7054
|
);
|
|
7178
|
-
var MenuRootContentModal =
|
|
7055
|
+
var MenuRootContentModal = React30.forwardRef(
|
|
7179
7056
|
(props, forwardedRef) => {
|
|
7180
7057
|
const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
|
|
7181
|
-
const ref =
|
|
7058
|
+
const ref = React30.useRef(null);
|
|
7182
7059
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
7183
|
-
|
|
7060
|
+
React30.useEffect(() => {
|
|
7184
7061
|
const content = ref.current;
|
|
7185
7062
|
if (content) return hideOthers(content);
|
|
7186
7063
|
}, []);
|
|
7187
|
-
return /* @__PURE__ */ (0,
|
|
7064
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
7188
7065
|
MenuContentImpl,
|
|
7189
7066
|
{
|
|
7190
7067
|
...props,
|
|
@@ -7202,9 +7079,9 @@ var MenuRootContentModal = React33.forwardRef(
|
|
|
7202
7079
|
);
|
|
7203
7080
|
}
|
|
7204
7081
|
);
|
|
7205
|
-
var MenuRootContentNonModal =
|
|
7082
|
+
var MenuRootContentNonModal = React30.forwardRef((props, forwardedRef) => {
|
|
7206
7083
|
const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
|
|
7207
|
-
return /* @__PURE__ */ (0,
|
|
7084
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
7208
7085
|
MenuContentImpl,
|
|
7209
7086
|
{
|
|
7210
7087
|
...props,
|
|
@@ -7216,7 +7093,7 @@ var MenuRootContentNonModal = React33.forwardRef((props, forwardedRef) => {
|
|
|
7216
7093
|
}
|
|
7217
7094
|
);
|
|
7218
7095
|
});
|
|
7219
|
-
var MenuContentImpl =
|
|
7096
|
+
var MenuContentImpl = React30.forwardRef(
|
|
7220
7097
|
(props, forwardedRef) => {
|
|
7221
7098
|
const {
|
|
7222
7099
|
__scopeMenu,
|
|
@@ -7239,16 +7116,16 @@ var MenuContentImpl = React33.forwardRef(
|
|
|
7239
7116
|
const popperScope = usePopperScope(__scopeMenu);
|
|
7240
7117
|
const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
|
|
7241
7118
|
const getItems = useCollection2(__scopeMenu);
|
|
7242
|
-
const [currentItemId, setCurrentItemId] =
|
|
7243
|
-
const contentRef =
|
|
7119
|
+
const [currentItemId, setCurrentItemId] = React30.useState(null);
|
|
7120
|
+
const contentRef = React30.useRef(null);
|
|
7244
7121
|
const composedRefs = useComposedRefs(forwardedRef, contentRef, context.onContentChange);
|
|
7245
|
-
const timerRef =
|
|
7246
|
-
const searchRef =
|
|
7247
|
-
const pointerGraceTimerRef =
|
|
7248
|
-
const pointerGraceIntentRef =
|
|
7249
|
-
const pointerDirRef =
|
|
7250
|
-
const lastPointerXRef =
|
|
7251
|
-
const ScrollLockWrapper = disableOutsideScroll ? Combination_default :
|
|
7122
|
+
const timerRef = React30.useRef(0);
|
|
7123
|
+
const searchRef = React30.useRef("");
|
|
7124
|
+
const pointerGraceTimerRef = React30.useRef(0);
|
|
7125
|
+
const pointerGraceIntentRef = React30.useRef(null);
|
|
7126
|
+
const pointerDirRef = React30.useRef("right");
|
|
7127
|
+
const lastPointerXRef = React30.useRef(0);
|
|
7128
|
+
const ScrollLockWrapper = disableOutsideScroll ? Combination_default : React30.Fragment;
|
|
7252
7129
|
const scrollLockWrapperProps = disableOutsideScroll ? { as: import_react_slot4.Slot, allowPinchZoom: true } : void 0;
|
|
7253
7130
|
const handleTypeaheadSearch = (key) => {
|
|
7254
7131
|
const search = searchRef.current + key;
|
|
@@ -7267,26 +7144,26 @@ var MenuContentImpl = React33.forwardRef(
|
|
|
7267
7144
|
setTimeout(() => newItem.focus());
|
|
7268
7145
|
}
|
|
7269
7146
|
};
|
|
7270
|
-
|
|
7147
|
+
React30.useEffect(() => {
|
|
7271
7148
|
return () => window.clearTimeout(timerRef.current);
|
|
7272
7149
|
}, []);
|
|
7273
7150
|
useFocusGuards();
|
|
7274
|
-
const isPointerMovingToSubmenu =
|
|
7151
|
+
const isPointerMovingToSubmenu = React30.useCallback((event) => {
|
|
7275
7152
|
const isMovingTowards = pointerDirRef.current === pointerGraceIntentRef.current?.side;
|
|
7276
7153
|
return isMovingTowards && isPointerInGraceArea(event, pointerGraceIntentRef.current?.area);
|
|
7277
7154
|
}, []);
|
|
7278
|
-
return /* @__PURE__ */ (0,
|
|
7155
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
7279
7156
|
MenuContentProvider,
|
|
7280
7157
|
{
|
|
7281
7158
|
scope: __scopeMenu,
|
|
7282
7159
|
searchRef,
|
|
7283
|
-
onItemEnter:
|
|
7160
|
+
onItemEnter: React30.useCallback(
|
|
7284
7161
|
(event) => {
|
|
7285
7162
|
if (isPointerMovingToSubmenu(event)) event.preventDefault();
|
|
7286
7163
|
},
|
|
7287
7164
|
[isPointerMovingToSubmenu]
|
|
7288
7165
|
),
|
|
7289
|
-
onItemLeave:
|
|
7166
|
+
onItemLeave: React30.useCallback(
|
|
7290
7167
|
(event) => {
|
|
7291
7168
|
if (isPointerMovingToSubmenu(event)) return;
|
|
7292
7169
|
contentRef.current?.focus();
|
|
@@ -7294,17 +7171,17 @@ var MenuContentImpl = React33.forwardRef(
|
|
|
7294
7171
|
},
|
|
7295
7172
|
[isPointerMovingToSubmenu]
|
|
7296
7173
|
),
|
|
7297
|
-
onTriggerLeave:
|
|
7174
|
+
onTriggerLeave: React30.useCallback(
|
|
7298
7175
|
(event) => {
|
|
7299
7176
|
if (isPointerMovingToSubmenu(event)) event.preventDefault();
|
|
7300
7177
|
},
|
|
7301
7178
|
[isPointerMovingToSubmenu]
|
|
7302
7179
|
),
|
|
7303
7180
|
pointerGraceTimerRef,
|
|
7304
|
-
onPointerGraceIntentChange:
|
|
7181
|
+
onPointerGraceIntentChange: React30.useCallback((intent) => {
|
|
7305
7182
|
pointerGraceIntentRef.current = intent;
|
|
7306
7183
|
}, []),
|
|
7307
|
-
children: /* @__PURE__ */ (0,
|
|
7184
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ScrollLockWrapper, { ...scrollLockWrapperProps, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
7308
7185
|
FocusScope,
|
|
7309
7186
|
{
|
|
7310
7187
|
asChild: true,
|
|
@@ -7314,7 +7191,7 @@ var MenuContentImpl = React33.forwardRef(
|
|
|
7314
7191
|
contentRef.current?.focus({ preventScroll: true });
|
|
7315
7192
|
}),
|
|
7316
7193
|
onUnmountAutoFocus: onCloseAutoFocus,
|
|
7317
|
-
children: /* @__PURE__ */ (0,
|
|
7194
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
7318
7195
|
DismissableLayer,
|
|
7319
7196
|
{
|
|
7320
7197
|
asChild: true,
|
|
@@ -7324,7 +7201,7 @@ var MenuContentImpl = React33.forwardRef(
|
|
|
7324
7201
|
onFocusOutside,
|
|
7325
7202
|
onInteractOutside,
|
|
7326
7203
|
onDismiss,
|
|
7327
|
-
children: /* @__PURE__ */ (0,
|
|
7204
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
7328
7205
|
Root3,
|
|
7329
7206
|
{
|
|
7330
7207
|
asChild: true,
|
|
@@ -7338,7 +7215,7 @@ var MenuContentImpl = React33.forwardRef(
|
|
|
7338
7215
|
if (!rootContext.isUsingKeyboardRef.current) event.preventDefault();
|
|
7339
7216
|
}),
|
|
7340
7217
|
preventScrollOnEntryFocus: true,
|
|
7341
|
-
children: /* @__PURE__ */ (0,
|
|
7218
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
7342
7219
|
Content,
|
|
7343
7220
|
{
|
|
7344
7221
|
role: "menu",
|
|
@@ -7400,31 +7277,31 @@ var MenuContentImpl = React33.forwardRef(
|
|
|
7400
7277
|
);
|
|
7401
7278
|
MenuContent.displayName = CONTENT_NAME2;
|
|
7402
7279
|
var GROUP_NAME2 = "MenuGroup";
|
|
7403
|
-
var MenuGroup =
|
|
7280
|
+
var MenuGroup = React30.forwardRef(
|
|
7404
7281
|
(props, forwardedRef) => {
|
|
7405
7282
|
const { __scopeMenu, ...groupProps } = props;
|
|
7406
|
-
return /* @__PURE__ */ (0,
|
|
7283
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Primitive.div, { role: "group", ...groupProps, ref: forwardedRef });
|
|
7407
7284
|
}
|
|
7408
7285
|
);
|
|
7409
7286
|
MenuGroup.displayName = GROUP_NAME2;
|
|
7410
7287
|
var LABEL_NAME = "MenuLabel";
|
|
7411
|
-
var MenuLabel =
|
|
7288
|
+
var MenuLabel = React30.forwardRef(
|
|
7412
7289
|
(props, forwardedRef) => {
|
|
7413
7290
|
const { __scopeMenu, ...labelProps } = props;
|
|
7414
|
-
return /* @__PURE__ */ (0,
|
|
7291
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Primitive.div, { ...labelProps, ref: forwardedRef });
|
|
7415
7292
|
}
|
|
7416
7293
|
);
|
|
7417
7294
|
MenuLabel.displayName = LABEL_NAME;
|
|
7418
7295
|
var ITEM_NAME2 = "MenuItem";
|
|
7419
7296
|
var ITEM_SELECT = "menu.itemSelect";
|
|
7420
|
-
var MenuItem =
|
|
7297
|
+
var MenuItem = React30.forwardRef(
|
|
7421
7298
|
(props, forwardedRef) => {
|
|
7422
7299
|
const { disabled = false, onSelect, ...itemProps } = props;
|
|
7423
|
-
const ref =
|
|
7300
|
+
const ref = React30.useRef(null);
|
|
7424
7301
|
const rootContext = useMenuRootContext(ITEM_NAME2, props.__scopeMenu);
|
|
7425
7302
|
const contentContext = useMenuContentContext(ITEM_NAME2, props.__scopeMenu);
|
|
7426
7303
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
7427
|
-
const isPointerDownRef =
|
|
7304
|
+
const isPointerDownRef = React30.useRef(false);
|
|
7428
7305
|
const handleSelect = () => {
|
|
7429
7306
|
const menuItem = ref.current;
|
|
7430
7307
|
if (!disabled && menuItem) {
|
|
@@ -7438,7 +7315,7 @@ var MenuItem = React33.forwardRef(
|
|
|
7438
7315
|
}
|
|
7439
7316
|
}
|
|
7440
7317
|
};
|
|
7441
|
-
return /* @__PURE__ */ (0,
|
|
7318
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
7442
7319
|
MenuItemImpl,
|
|
7443
7320
|
{
|
|
7444
7321
|
...itemProps,
|
|
@@ -7465,28 +7342,28 @@ var MenuItem = React33.forwardRef(
|
|
|
7465
7342
|
}
|
|
7466
7343
|
);
|
|
7467
7344
|
MenuItem.displayName = ITEM_NAME2;
|
|
7468
|
-
var MenuItemImpl =
|
|
7345
|
+
var MenuItemImpl = React30.forwardRef(
|
|
7469
7346
|
(props, forwardedRef) => {
|
|
7470
7347
|
const { __scopeMenu, disabled = false, textValue, ...itemProps } = props;
|
|
7471
7348
|
const contentContext = useMenuContentContext(ITEM_NAME2, __scopeMenu);
|
|
7472
7349
|
const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
|
|
7473
|
-
const ref =
|
|
7350
|
+
const ref = React30.useRef(null);
|
|
7474
7351
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
7475
|
-
const [isFocused, setIsFocused] =
|
|
7476
|
-
const [textContent, setTextContent] =
|
|
7477
|
-
|
|
7352
|
+
const [isFocused, setIsFocused] = React30.useState(false);
|
|
7353
|
+
const [textContent, setTextContent] = React30.useState("");
|
|
7354
|
+
React30.useEffect(() => {
|
|
7478
7355
|
const menuItem = ref.current;
|
|
7479
7356
|
if (menuItem) {
|
|
7480
7357
|
setTextContent((menuItem.textContent ?? "").trim());
|
|
7481
7358
|
}
|
|
7482
7359
|
}, [itemProps.children]);
|
|
7483
|
-
return /* @__PURE__ */ (0,
|
|
7360
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
7484
7361
|
Collection2.ItemSlot,
|
|
7485
7362
|
{
|
|
7486
7363
|
scope: __scopeMenu,
|
|
7487
7364
|
disabled,
|
|
7488
7365
|
textValue: textValue ?? textContent,
|
|
7489
|
-
children: /* @__PURE__ */ (0,
|
|
7366
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Item, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
7490
7367
|
Primitive.div,
|
|
7491
7368
|
{
|
|
7492
7369
|
role: "menuitem",
|
|
@@ -7522,10 +7399,10 @@ var MenuItemImpl = React33.forwardRef(
|
|
|
7522
7399
|
}
|
|
7523
7400
|
);
|
|
7524
7401
|
var CHECKBOX_ITEM_NAME = "MenuCheckboxItem";
|
|
7525
|
-
var MenuCheckboxItem =
|
|
7402
|
+
var MenuCheckboxItem = React30.forwardRef(
|
|
7526
7403
|
(props, forwardedRef) => {
|
|
7527
7404
|
const { checked = false, onCheckedChange, ...checkboxItemProps } = props;
|
|
7528
|
-
return /* @__PURE__ */ (0,
|
|
7405
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
7529
7406
|
MenuItem,
|
|
7530
7407
|
{
|
|
7531
7408
|
role: "menuitemcheckbox",
|
|
@@ -7549,21 +7426,21 @@ var [RadioGroupProvider, useRadioGroupContext] = createMenuContext(
|
|
|
7549
7426
|
{ value: void 0, onValueChange: () => {
|
|
7550
7427
|
} }
|
|
7551
7428
|
);
|
|
7552
|
-
var MenuRadioGroup =
|
|
7429
|
+
var MenuRadioGroup = React30.forwardRef(
|
|
7553
7430
|
(props, forwardedRef) => {
|
|
7554
7431
|
const { value, onValueChange, ...groupProps } = props;
|
|
7555
7432
|
const handleValueChange = useCallbackRef(onValueChange);
|
|
7556
|
-
return /* @__PURE__ */ (0,
|
|
7433
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RadioGroupProvider, { scope: props.__scopeMenu, value, onValueChange: handleValueChange, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(MenuGroup, { ...groupProps, ref: forwardedRef }) });
|
|
7557
7434
|
}
|
|
7558
7435
|
);
|
|
7559
7436
|
MenuRadioGroup.displayName = RADIO_GROUP_NAME;
|
|
7560
7437
|
var RADIO_ITEM_NAME = "MenuRadioItem";
|
|
7561
|
-
var MenuRadioItem =
|
|
7438
|
+
var MenuRadioItem = React30.forwardRef(
|
|
7562
7439
|
(props, forwardedRef) => {
|
|
7563
7440
|
const { value, ...radioItemProps } = props;
|
|
7564
7441
|
const context = useRadioGroupContext(RADIO_ITEM_NAME, props.__scopeMenu);
|
|
7565
7442
|
const checked = value === context.value;
|
|
7566
|
-
return /* @__PURE__ */ (0,
|
|
7443
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
7567
7444
|
MenuItem,
|
|
7568
7445
|
{
|
|
7569
7446
|
role: "menuitemradio",
|
|
@@ -7586,15 +7463,15 @@ var [ItemIndicatorProvider, useItemIndicatorContext] = createMenuContext(
|
|
|
7586
7463
|
ITEM_INDICATOR_NAME,
|
|
7587
7464
|
{ checked: false }
|
|
7588
7465
|
);
|
|
7589
|
-
var MenuItemIndicator =
|
|
7466
|
+
var MenuItemIndicator = React30.forwardRef(
|
|
7590
7467
|
(props, forwardedRef) => {
|
|
7591
7468
|
const { __scopeMenu, forceMount, ...itemIndicatorProps } = props;
|
|
7592
7469
|
const indicatorContext = useItemIndicatorContext(ITEM_INDICATOR_NAME, __scopeMenu);
|
|
7593
|
-
return /* @__PURE__ */ (0,
|
|
7470
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
7594
7471
|
Presence,
|
|
7595
7472
|
{
|
|
7596
7473
|
present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
|
|
7597
|
-
children: /* @__PURE__ */ (0,
|
|
7474
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
7598
7475
|
Primitive.span,
|
|
7599
7476
|
{
|
|
7600
7477
|
...itemIndicatorProps,
|
|
@@ -7608,10 +7485,10 @@ var MenuItemIndicator = React33.forwardRef(
|
|
|
7608
7485
|
);
|
|
7609
7486
|
MenuItemIndicator.displayName = ITEM_INDICATOR_NAME;
|
|
7610
7487
|
var SEPARATOR_NAME = "MenuSeparator";
|
|
7611
|
-
var MenuSeparator =
|
|
7488
|
+
var MenuSeparator = React30.forwardRef(
|
|
7612
7489
|
(props, forwardedRef) => {
|
|
7613
7490
|
const { __scopeMenu, ...separatorProps } = props;
|
|
7614
|
-
return /* @__PURE__ */ (0,
|
|
7491
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
7615
7492
|
Primitive.div,
|
|
7616
7493
|
{
|
|
7617
7494
|
role: "separator",
|
|
@@ -7624,11 +7501,11 @@ var MenuSeparator = React33.forwardRef(
|
|
|
7624
7501
|
);
|
|
7625
7502
|
MenuSeparator.displayName = SEPARATOR_NAME;
|
|
7626
7503
|
var ARROW_NAME2 = "MenuArrow";
|
|
7627
|
-
var MenuArrow =
|
|
7504
|
+
var MenuArrow = React30.forwardRef(
|
|
7628
7505
|
(props, forwardedRef) => {
|
|
7629
7506
|
const { __scopeMenu, ...arrowProps } = props;
|
|
7630
7507
|
const popperScope = usePopperScope(__scopeMenu);
|
|
7631
|
-
return /* @__PURE__ */ (0,
|
|
7508
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef });
|
|
7632
7509
|
}
|
|
7633
7510
|
);
|
|
7634
7511
|
MenuArrow.displayName = ARROW_NAME2;
|
|
@@ -7638,14 +7515,14 @@ var MenuSub = (props) => {
|
|
|
7638
7515
|
const { __scopeMenu, children, open = false, onOpenChange } = props;
|
|
7639
7516
|
const parentMenuContext = useMenuContext(SUB_NAME, __scopeMenu);
|
|
7640
7517
|
const popperScope = usePopperScope(__scopeMenu);
|
|
7641
|
-
const [trigger, setTrigger] =
|
|
7642
|
-
const [content, setContent] =
|
|
7518
|
+
const [trigger, setTrigger] = React30.useState(null);
|
|
7519
|
+
const [content, setContent] = React30.useState(null);
|
|
7643
7520
|
const handleOpenChange = useCallbackRef(onOpenChange);
|
|
7644
|
-
|
|
7521
|
+
React30.useEffect(() => {
|
|
7645
7522
|
if (parentMenuContext.open === false) handleOpenChange(false);
|
|
7646
7523
|
return () => handleOpenChange(false);
|
|
7647
7524
|
}, [parentMenuContext.open, handleOpenChange]);
|
|
7648
|
-
return /* @__PURE__ */ (0,
|
|
7525
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Root2, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
7649
7526
|
MenuProvider,
|
|
7650
7527
|
{
|
|
7651
7528
|
scope: __scopeMenu,
|
|
@@ -7653,7 +7530,7 @@ var MenuSub = (props) => {
|
|
|
7653
7530
|
onOpenChange: handleOpenChange,
|
|
7654
7531
|
content,
|
|
7655
7532
|
onContentChange: setContent,
|
|
7656
|
-
children: /* @__PURE__ */ (0,
|
|
7533
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
7657
7534
|
MenuSubProvider,
|
|
7658
7535
|
{
|
|
7659
7536
|
scope: __scopeMenu,
|
|
@@ -7669,28 +7546,28 @@ var MenuSub = (props) => {
|
|
|
7669
7546
|
};
|
|
7670
7547
|
MenuSub.displayName = SUB_NAME;
|
|
7671
7548
|
var SUB_TRIGGER_NAME = "MenuSubTrigger";
|
|
7672
|
-
var MenuSubTrigger =
|
|
7549
|
+
var MenuSubTrigger = React30.forwardRef(
|
|
7673
7550
|
(props, forwardedRef) => {
|
|
7674
7551
|
const context = useMenuContext(SUB_TRIGGER_NAME, props.__scopeMenu);
|
|
7675
7552
|
const rootContext = useMenuRootContext(SUB_TRIGGER_NAME, props.__scopeMenu);
|
|
7676
7553
|
const subContext = useMenuSubContext(SUB_TRIGGER_NAME, props.__scopeMenu);
|
|
7677
7554
|
const contentContext = useMenuContentContext(SUB_TRIGGER_NAME, props.__scopeMenu);
|
|
7678
|
-
const openTimerRef =
|
|
7555
|
+
const openTimerRef = React30.useRef(null);
|
|
7679
7556
|
const { pointerGraceTimerRef, onPointerGraceIntentChange } = contentContext;
|
|
7680
7557
|
const scope = { __scopeMenu: props.__scopeMenu };
|
|
7681
|
-
const clearOpenTimer =
|
|
7558
|
+
const clearOpenTimer = React30.useCallback(() => {
|
|
7682
7559
|
if (openTimerRef.current) window.clearTimeout(openTimerRef.current);
|
|
7683
7560
|
openTimerRef.current = null;
|
|
7684
7561
|
}, []);
|
|
7685
|
-
|
|
7686
|
-
|
|
7562
|
+
React30.useEffect(() => clearOpenTimer, [clearOpenTimer]);
|
|
7563
|
+
React30.useEffect(() => {
|
|
7687
7564
|
const pointerGraceTimer = pointerGraceTimerRef.current;
|
|
7688
7565
|
return () => {
|
|
7689
7566
|
window.clearTimeout(pointerGraceTimer);
|
|
7690
7567
|
onPointerGraceIntentChange(null);
|
|
7691
7568
|
};
|
|
7692
7569
|
}, [pointerGraceTimerRef, onPointerGraceIntentChange]);
|
|
7693
|
-
return /* @__PURE__ */ (0,
|
|
7570
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(MenuAnchor, { asChild: true, ...scope, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
7694
7571
|
MenuItemImpl,
|
|
7695
7572
|
{
|
|
7696
7573
|
id: subContext.triggerId,
|
|
@@ -7770,16 +7647,16 @@ var MenuSubTrigger = React33.forwardRef(
|
|
|
7770
7647
|
);
|
|
7771
7648
|
MenuSubTrigger.displayName = SUB_TRIGGER_NAME;
|
|
7772
7649
|
var SUB_CONTENT_NAME = "MenuSubContent";
|
|
7773
|
-
var MenuSubContent =
|
|
7650
|
+
var MenuSubContent = React30.forwardRef(
|
|
7774
7651
|
(props, forwardedRef) => {
|
|
7775
7652
|
const portalContext = usePortalContext(CONTENT_NAME2, props.__scopeMenu);
|
|
7776
7653
|
const { forceMount = portalContext.forceMount, ...subContentProps } = props;
|
|
7777
7654
|
const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
|
|
7778
7655
|
const rootContext = useMenuRootContext(CONTENT_NAME2, props.__scopeMenu);
|
|
7779
7656
|
const subContext = useMenuSubContext(SUB_CONTENT_NAME, props.__scopeMenu);
|
|
7780
|
-
const ref =
|
|
7657
|
+
const ref = React30.useRef(null);
|
|
7781
7658
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
7782
|
-
return /* @__PURE__ */ (0,
|
|
7659
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Collection2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Collection2.Slot, { scope: props.__scopeMenu, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
7783
7660
|
MenuContentImpl,
|
|
7784
7661
|
{
|
|
7785
7662
|
id: subContext.contentId,
|
|
@@ -7888,7 +7765,7 @@ var SubTrigger = MenuSubTrigger;
|
|
|
7888
7765
|
var SubContent = MenuSubContent;
|
|
7889
7766
|
|
|
7890
7767
|
// ../../node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs
|
|
7891
|
-
var
|
|
7768
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
7892
7769
|
var DROPDOWN_MENU_NAME = "DropdownMenu";
|
|
7893
7770
|
var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(
|
|
7894
7771
|
DROPDOWN_MENU_NAME,
|
|
@@ -7907,13 +7784,13 @@ var DropdownMenu = (props) => {
|
|
|
7907
7784
|
modal = true
|
|
7908
7785
|
} = props;
|
|
7909
7786
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7910
|
-
const triggerRef =
|
|
7787
|
+
const triggerRef = React31.useRef(null);
|
|
7911
7788
|
const [open = false, setOpen] = useControllableState({
|
|
7912
7789
|
prop: openProp,
|
|
7913
7790
|
defaultProp: defaultOpen,
|
|
7914
7791
|
onChange: onOpenChange
|
|
7915
7792
|
});
|
|
7916
|
-
return /* @__PURE__ */ (0,
|
|
7793
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
7917
7794
|
DropdownMenuProvider,
|
|
7918
7795
|
{
|
|
7919
7796
|
scope: __scopeDropdownMenu,
|
|
@@ -7922,20 +7799,20 @@ var DropdownMenu = (props) => {
|
|
|
7922
7799
|
contentId: useId(),
|
|
7923
7800
|
open,
|
|
7924
7801
|
onOpenChange: setOpen,
|
|
7925
|
-
onOpenToggle:
|
|
7802
|
+
onOpenToggle: React31.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
|
|
7926
7803
|
modal,
|
|
7927
|
-
children: /* @__PURE__ */ (0,
|
|
7804
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Root32, { ...menuScope, open, onOpenChange: setOpen, dir, modal, children })
|
|
7928
7805
|
}
|
|
7929
7806
|
);
|
|
7930
7807
|
};
|
|
7931
7808
|
DropdownMenu.displayName = DROPDOWN_MENU_NAME;
|
|
7932
7809
|
var TRIGGER_NAME = "DropdownMenuTrigger";
|
|
7933
|
-
var DropdownMenuTrigger =
|
|
7810
|
+
var DropdownMenuTrigger = React31.forwardRef(
|
|
7934
7811
|
(props, forwardedRef) => {
|
|
7935
7812
|
const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
|
|
7936
7813
|
const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);
|
|
7937
7814
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7938
|
-
return /* @__PURE__ */ (0,
|
|
7815
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
7939
7816
|
Primitive.button,
|
|
7940
7817
|
{
|
|
7941
7818
|
type: "button",
|
|
@@ -7969,17 +7846,17 @@ var PORTAL_NAME3 = "DropdownMenuPortal";
|
|
|
7969
7846
|
var DropdownMenuPortal = (props) => {
|
|
7970
7847
|
const { __scopeDropdownMenu, ...portalProps } = props;
|
|
7971
7848
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7972
|
-
return /* @__PURE__ */ (0,
|
|
7849
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Portal2, { ...menuScope, ...portalProps });
|
|
7973
7850
|
};
|
|
7974
7851
|
DropdownMenuPortal.displayName = PORTAL_NAME3;
|
|
7975
7852
|
var CONTENT_NAME3 = "DropdownMenuContent";
|
|
7976
|
-
var DropdownMenuContent =
|
|
7853
|
+
var DropdownMenuContent = React31.forwardRef(
|
|
7977
7854
|
(props, forwardedRef) => {
|
|
7978
7855
|
const { __scopeDropdownMenu, ...contentProps } = props;
|
|
7979
7856
|
const context = useDropdownMenuContext(CONTENT_NAME3, __scopeDropdownMenu);
|
|
7980
7857
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7981
|
-
const hasInteractedOutsideRef =
|
|
7982
|
-
return /* @__PURE__ */ (0,
|
|
7858
|
+
const hasInteractedOutsideRef = React31.useRef(false);
|
|
7859
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
7983
7860
|
Content2,
|
|
7984
7861
|
{
|
|
7985
7862
|
id: context.contentId,
|
|
@@ -8015,73 +7892,73 @@ var DropdownMenuContent = React34.forwardRef(
|
|
|
8015
7892
|
);
|
|
8016
7893
|
DropdownMenuContent.displayName = CONTENT_NAME3;
|
|
8017
7894
|
var GROUP_NAME3 = "DropdownMenuGroup";
|
|
8018
|
-
var DropdownMenuGroup =
|
|
7895
|
+
var DropdownMenuGroup = React31.forwardRef(
|
|
8019
7896
|
(props, forwardedRef) => {
|
|
8020
7897
|
const { __scopeDropdownMenu, ...groupProps } = props;
|
|
8021
7898
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
8022
|
-
return /* @__PURE__ */ (0,
|
|
7899
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Group, { ...menuScope, ...groupProps, ref: forwardedRef });
|
|
8023
7900
|
}
|
|
8024
7901
|
);
|
|
8025
7902
|
DropdownMenuGroup.displayName = GROUP_NAME3;
|
|
8026
7903
|
var LABEL_NAME2 = "DropdownMenuLabel";
|
|
8027
|
-
var DropdownMenuLabel =
|
|
7904
|
+
var DropdownMenuLabel = React31.forwardRef(
|
|
8028
7905
|
(props, forwardedRef) => {
|
|
8029
7906
|
const { __scopeDropdownMenu, ...labelProps } = props;
|
|
8030
7907
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
8031
|
-
return /* @__PURE__ */ (0,
|
|
7908
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Label, { ...menuScope, ...labelProps, ref: forwardedRef });
|
|
8032
7909
|
}
|
|
8033
7910
|
);
|
|
8034
7911
|
DropdownMenuLabel.displayName = LABEL_NAME2;
|
|
8035
7912
|
var ITEM_NAME3 = "DropdownMenuItem";
|
|
8036
|
-
var DropdownMenuItem =
|
|
7913
|
+
var DropdownMenuItem = React31.forwardRef(
|
|
8037
7914
|
(props, forwardedRef) => {
|
|
8038
7915
|
const { __scopeDropdownMenu, ...itemProps } = props;
|
|
8039
7916
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
8040
|
-
return /* @__PURE__ */ (0,
|
|
7917
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Item2, { ...menuScope, ...itemProps, ref: forwardedRef });
|
|
8041
7918
|
}
|
|
8042
7919
|
);
|
|
8043
7920
|
DropdownMenuItem.displayName = ITEM_NAME3;
|
|
8044
7921
|
var CHECKBOX_ITEM_NAME2 = "DropdownMenuCheckboxItem";
|
|
8045
|
-
var DropdownMenuCheckboxItem =
|
|
7922
|
+
var DropdownMenuCheckboxItem = React31.forwardRef((props, forwardedRef) => {
|
|
8046
7923
|
const { __scopeDropdownMenu, ...checkboxItemProps } = props;
|
|
8047
7924
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
8048
|
-
return /* @__PURE__ */ (0,
|
|
7925
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
|
|
8049
7926
|
});
|
|
8050
7927
|
DropdownMenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME2;
|
|
8051
7928
|
var RADIO_GROUP_NAME2 = "DropdownMenuRadioGroup";
|
|
8052
|
-
var DropdownMenuRadioGroup =
|
|
7929
|
+
var DropdownMenuRadioGroup = React31.forwardRef((props, forwardedRef) => {
|
|
8053
7930
|
const { __scopeDropdownMenu, ...radioGroupProps } = props;
|
|
8054
7931
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
8055
|
-
return /* @__PURE__ */ (0,
|
|
7932
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(RadioGroup, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
|
|
8056
7933
|
});
|
|
8057
7934
|
DropdownMenuRadioGroup.displayName = RADIO_GROUP_NAME2;
|
|
8058
7935
|
var RADIO_ITEM_NAME2 = "DropdownMenuRadioItem";
|
|
8059
|
-
var DropdownMenuRadioItem =
|
|
7936
|
+
var DropdownMenuRadioItem = React31.forwardRef((props, forwardedRef) => {
|
|
8060
7937
|
const { __scopeDropdownMenu, ...radioItemProps } = props;
|
|
8061
7938
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
8062
|
-
return /* @__PURE__ */ (0,
|
|
7939
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
|
|
8063
7940
|
});
|
|
8064
7941
|
DropdownMenuRadioItem.displayName = RADIO_ITEM_NAME2;
|
|
8065
7942
|
var INDICATOR_NAME = "DropdownMenuItemIndicator";
|
|
8066
|
-
var DropdownMenuItemIndicator =
|
|
7943
|
+
var DropdownMenuItemIndicator = React31.forwardRef((props, forwardedRef) => {
|
|
8067
7944
|
const { __scopeDropdownMenu, ...itemIndicatorProps } = props;
|
|
8068
7945
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
8069
|
-
return /* @__PURE__ */ (0,
|
|
7946
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
|
|
8070
7947
|
});
|
|
8071
7948
|
DropdownMenuItemIndicator.displayName = INDICATOR_NAME;
|
|
8072
7949
|
var SEPARATOR_NAME2 = "DropdownMenuSeparator";
|
|
8073
|
-
var DropdownMenuSeparator =
|
|
7950
|
+
var DropdownMenuSeparator = React31.forwardRef((props, forwardedRef) => {
|
|
8074
7951
|
const { __scopeDropdownMenu, ...separatorProps } = props;
|
|
8075
7952
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
8076
|
-
return /* @__PURE__ */ (0,
|
|
7953
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Separator, { ...menuScope, ...separatorProps, ref: forwardedRef });
|
|
8077
7954
|
});
|
|
8078
7955
|
DropdownMenuSeparator.displayName = SEPARATOR_NAME2;
|
|
8079
7956
|
var ARROW_NAME3 = "DropdownMenuArrow";
|
|
8080
|
-
var DropdownMenuArrow =
|
|
7957
|
+
var DropdownMenuArrow = React31.forwardRef(
|
|
8081
7958
|
(props, forwardedRef) => {
|
|
8082
7959
|
const { __scopeDropdownMenu, ...arrowProps } = props;
|
|
8083
7960
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
8084
|
-
return /* @__PURE__ */ (0,
|
|
7961
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Arrow22, { ...menuScope, ...arrowProps, ref: forwardedRef });
|
|
8085
7962
|
}
|
|
8086
7963
|
);
|
|
8087
7964
|
DropdownMenuArrow.displayName = ARROW_NAME3;
|
|
@@ -8093,20 +7970,20 @@ var DropdownMenuSub = (props) => {
|
|
|
8093
7970
|
defaultProp: defaultOpen,
|
|
8094
7971
|
onChange: onOpenChange
|
|
8095
7972
|
});
|
|
8096
|
-
return /* @__PURE__ */ (0,
|
|
7973
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Sub, { ...menuScope, open, onOpenChange: setOpen, children });
|
|
8097
7974
|
};
|
|
8098
7975
|
var SUB_TRIGGER_NAME2 = "DropdownMenuSubTrigger";
|
|
8099
|
-
var DropdownMenuSubTrigger =
|
|
7976
|
+
var DropdownMenuSubTrigger = React31.forwardRef((props, forwardedRef) => {
|
|
8100
7977
|
const { __scopeDropdownMenu, ...subTriggerProps } = props;
|
|
8101
7978
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
8102
|
-
return /* @__PURE__ */ (0,
|
|
7979
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SubTrigger, { ...menuScope, ...subTriggerProps, ref: forwardedRef });
|
|
8103
7980
|
});
|
|
8104
7981
|
DropdownMenuSubTrigger.displayName = SUB_TRIGGER_NAME2;
|
|
8105
7982
|
var SUB_CONTENT_NAME2 = "DropdownMenuSubContent";
|
|
8106
|
-
var DropdownMenuSubContent =
|
|
7983
|
+
var DropdownMenuSubContent = React31.forwardRef((props, forwardedRef) => {
|
|
8107
7984
|
const { __scopeDropdownMenu, ...subContentProps } = props;
|
|
8108
7985
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
8109
|
-
return /* @__PURE__ */ (0,
|
|
7986
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
8110
7987
|
SubContent,
|
|
8111
7988
|
{
|
|
8112
7989
|
...menuScope,
|
|
@@ -8144,15 +8021,15 @@ var SubTrigger2 = DropdownMenuSubTrigger;
|
|
|
8144
8021
|
var SubContent2 = DropdownMenuSubContent;
|
|
8145
8022
|
|
|
8146
8023
|
// src/components/DropDownMenu/index.tsx
|
|
8147
|
-
var
|
|
8148
|
-
var
|
|
8024
|
+
var React32 = __toESM(require("react"));
|
|
8025
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
8149
8026
|
var DropdownMenu2 = Root22;
|
|
8150
8027
|
var DropdownMenuTrigger2 = Trigger;
|
|
8151
8028
|
var DropdownMenuGroup2 = Group2;
|
|
8152
8029
|
var DropdownMenuPortal2 = Portal22;
|
|
8153
8030
|
var DropdownMenuSub2 = Sub2;
|
|
8154
8031
|
var DropdownMenuRadioGroup2 = RadioGroup2;
|
|
8155
|
-
var DropdownMenuSubTrigger2 =
|
|
8032
|
+
var DropdownMenuSubTrigger2 = React32.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
8156
8033
|
SubTrigger2,
|
|
8157
8034
|
{
|
|
8158
8035
|
ref,
|
|
@@ -8164,12 +8041,12 @@ var DropdownMenuSubTrigger2 = React35.forwardRef(({ className, inset, children,
|
|
|
8164
8041
|
...props,
|
|
8165
8042
|
children: [
|
|
8166
8043
|
children,
|
|
8167
|
-
/* @__PURE__ */ (0,
|
|
8044
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChevronRight, { className: "cnc-ml-auto cnc-h-4 cnc-w-4" })
|
|
8168
8045
|
]
|
|
8169
8046
|
}
|
|
8170
8047
|
));
|
|
8171
8048
|
DropdownMenuSubTrigger2.displayName = SubTrigger2.displayName;
|
|
8172
|
-
var DropdownMenuSubContent2 =
|
|
8049
|
+
var DropdownMenuSubContent2 = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
8173
8050
|
SubContent2,
|
|
8174
8051
|
{
|
|
8175
8052
|
ref,
|
|
@@ -8181,7 +8058,7 @@ var DropdownMenuSubContent2 = React35.forwardRef(({ className, ...props }, ref)
|
|
|
8181
8058
|
}
|
|
8182
8059
|
));
|
|
8183
8060
|
DropdownMenuSubContent2.displayName = SubContent2.displayName;
|
|
8184
|
-
var DropdownMenuContent2 =
|
|
8061
|
+
var DropdownMenuContent2 = React32.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Portal22, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
8185
8062
|
Content22,
|
|
8186
8063
|
{
|
|
8187
8064
|
ref,
|
|
@@ -8194,7 +8071,7 @@ var DropdownMenuContent2 = React35.forwardRef(({ className, sideOffset = 4, ...p
|
|
|
8194
8071
|
}
|
|
8195
8072
|
) }));
|
|
8196
8073
|
DropdownMenuContent2.displayName = Content22.displayName;
|
|
8197
|
-
var DropdownMenuItem2 =
|
|
8074
|
+
var DropdownMenuItem2 = React32.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
8198
8075
|
Item22,
|
|
8199
8076
|
{
|
|
8200
8077
|
ref,
|
|
@@ -8207,7 +8084,7 @@ var DropdownMenuItem2 = React35.forwardRef(({ className, inset, ...props }, ref)
|
|
|
8207
8084
|
}
|
|
8208
8085
|
));
|
|
8209
8086
|
DropdownMenuItem2.displayName = Item22.displayName;
|
|
8210
|
-
var DropdownMenuCheckboxItem2 =
|
|
8087
|
+
var DropdownMenuCheckboxItem2 = React32.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
8211
8088
|
CheckboxItem2,
|
|
8212
8089
|
{
|
|
8213
8090
|
ref,
|
|
@@ -8218,13 +8095,13 @@ var DropdownMenuCheckboxItem2 = React35.forwardRef(({ className, children, check
|
|
|
8218
8095
|
checked,
|
|
8219
8096
|
...props,
|
|
8220
8097
|
children: [
|
|
8221
|
-
/* @__PURE__ */ (0,
|
|
8098
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)(ItemIndicator2, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Check, { className: "h-4 w-4" }) }) }),
|
|
8222
8099
|
children
|
|
8223
8100
|
]
|
|
8224
8101
|
}
|
|
8225
8102
|
));
|
|
8226
8103
|
DropdownMenuCheckboxItem2.displayName = CheckboxItem2.displayName;
|
|
8227
|
-
var DropdownMenuRadioItem2 =
|
|
8104
|
+
var DropdownMenuRadioItem2 = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
8228
8105
|
RadioItem2,
|
|
8229
8106
|
{
|
|
8230
8107
|
ref,
|
|
@@ -8234,13 +8111,13 @@ var DropdownMenuRadioItem2 = React35.forwardRef(({ className, children, ...props
|
|
|
8234
8111
|
),
|
|
8235
8112
|
...props,
|
|
8236
8113
|
children: [
|
|
8237
|
-
/* @__PURE__ */ (0,
|
|
8114
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)(ItemIndicator2, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Circle, { className: "h-2 w-2 fill-current" }) }) }),
|
|
8238
8115
|
children
|
|
8239
8116
|
]
|
|
8240
8117
|
}
|
|
8241
8118
|
));
|
|
8242
8119
|
DropdownMenuRadioItem2.displayName = RadioItem2.displayName;
|
|
8243
|
-
var DropdownMenuLabel2 =
|
|
8120
|
+
var DropdownMenuLabel2 = React32.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
8244
8121
|
Label2,
|
|
8245
8122
|
{
|
|
8246
8123
|
ref,
|
|
@@ -8253,7 +8130,7 @@ var DropdownMenuLabel2 = React35.forwardRef(({ className, inset, ...props }, ref
|
|
|
8253
8130
|
}
|
|
8254
8131
|
));
|
|
8255
8132
|
DropdownMenuLabel2.displayName = Label2.displayName;
|
|
8256
|
-
var DropdownMenuSeparator2 =
|
|
8133
|
+
var DropdownMenuSeparator2 = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
8257
8134
|
Separator2,
|
|
8258
8135
|
{
|
|
8259
8136
|
ref,
|
|
@@ -8266,7 +8143,7 @@ var DropdownMenuShortcut = ({
|
|
|
8266
8143
|
className,
|
|
8267
8144
|
...props
|
|
8268
8145
|
}) => {
|
|
8269
|
-
return /* @__PURE__ */ (0,
|
|
8146
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
8270
8147
|
"span",
|
|
8271
8148
|
{
|
|
8272
8149
|
className: cn(
|
|
@@ -8280,7 +8157,7 @@ var DropdownMenuShortcut = ({
|
|
|
8280
8157
|
DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
|
|
8281
8158
|
|
|
8282
8159
|
// src/components/Header/index.tsx
|
|
8283
|
-
var
|
|
8160
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
8284
8161
|
function getInitials(fullName) {
|
|
8285
8162
|
if (!fullName) {
|
|
8286
8163
|
return "";
|
|
@@ -8294,7 +8171,7 @@ function getInitials(fullName) {
|
|
|
8294
8171
|
return `${firstNameInitial}${lastNameInitial}`;
|
|
8295
8172
|
}
|
|
8296
8173
|
function Header({ variant = "default", className, ...props }) {
|
|
8297
|
-
return /* @__PURE__ */ (0,
|
|
8174
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
8298
8175
|
"header",
|
|
8299
8176
|
{
|
|
8300
8177
|
"data-header-type": variant,
|
|
@@ -8320,11 +8197,11 @@ var HeaderContainer = ({
|
|
|
8320
8197
|
}) => {
|
|
8321
8198
|
const renderLogo = () => {
|
|
8322
8199
|
if (!hasSidebar && logo) {
|
|
8323
|
-
return logoLink ? /* @__PURE__ */ (0,
|
|
8200
|
+
return logoLink ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("a", { href: logoLink, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("img", { src: logo, alt: "Logotipo", className: "cnc-h-8" }) }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("img", { src: logo, alt: "Logotipo", className: "cnc-h-8" });
|
|
8324
8201
|
}
|
|
8325
8202
|
return null;
|
|
8326
8203
|
};
|
|
8327
|
-
return /* @__PURE__ */ (0,
|
|
8204
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
8328
8205
|
"div",
|
|
8329
8206
|
{
|
|
8330
8207
|
className: cn(
|
|
@@ -8334,8 +8211,8 @@ var HeaderContainer = ({
|
|
|
8334
8211
|
),
|
|
8335
8212
|
...props,
|
|
8336
8213
|
children: [
|
|
8337
|
-
/* @__PURE__ */ (0,
|
|
8338
|
-
/* @__PURE__ */ (0,
|
|
8214
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "cnc-flex cnc-items-center", children: onOpenMenu && !isOpen && hasSidebar ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { onClick: onOpenMenu, className: "hover:cnc-brightness-75 cnc-sidebar-child-hidden cnc-cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsx)("path", { fill: "none", strokeLinecap: "round", strokeMiterlimit: "10", strokeWidth: "48", d: "M88 152h336M88 256h336M88 360h336" }) }) }) : !hasSidebar && renderLogo() }),
|
|
8215
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "cnc-flex", children })
|
|
8339
8216
|
]
|
|
8340
8217
|
}
|
|
8341
8218
|
);
|
|
@@ -8346,22 +8223,22 @@ var HeaderProfileHeader = ({
|
|
|
8346
8223
|
}) => {
|
|
8347
8224
|
const { userName, entityName } = user;
|
|
8348
8225
|
const initials = getInitials(userName);
|
|
8349
|
-
return /* @__PURE__ */ (0,
|
|
8350
|
-
/* @__PURE__ */ (0,
|
|
8226
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenu2, { children: [
|
|
8227
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
8351
8228
|
"div",
|
|
8352
8229
|
{
|
|
8353
8230
|
id: "cnc-border-lateral",
|
|
8354
8231
|
className: "cnc-border-solid cnc-border-l-2 cnc-border-brand-blue-60 cnc-header-item",
|
|
8355
|
-
children: /* @__PURE__ */ (0,
|
|
8356
|
-
/* @__PURE__ */ (0,
|
|
8357
|
-
/* @__PURE__ */ (0,
|
|
8358
|
-
/* @__PURE__ */ (0,
|
|
8232
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("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: [
|
|
8233
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "cnc-flex cnc-flex-col cnc-justify-end cnc-text-end", children: [
|
|
8234
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "cnc-text-xs cnc-font-extrabold cnc-text-brand-blue-900 cnc-header-item", children: entityName }),
|
|
8235
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "cnc-text-xs cnc-font-normal cnc-text-brand-gray-700 cnc-header-item/50", children: userName })
|
|
8359
8236
|
] }),
|
|
8360
|
-
/* @__PURE__ */ (0,
|
|
8237
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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 }) })
|
|
8361
8238
|
] })
|
|
8362
8239
|
}
|
|
8363
8240
|
) }),
|
|
8364
|
-
/* @__PURE__ */ (0,
|
|
8241
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuContent2, { children })
|
|
8365
8242
|
] });
|
|
8366
8243
|
};
|
|
8367
8244
|
var HeaderProfileItem = ({
|
|
@@ -8369,14 +8246,14 @@ var HeaderProfileItem = ({
|
|
|
8369
8246
|
icon,
|
|
8370
8247
|
children
|
|
8371
8248
|
}) => {
|
|
8372
|
-
return /* @__PURE__ */ (0,
|
|
8249
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenuItem2, { onClick, children: [
|
|
8373
8250
|
icon,
|
|
8374
8251
|
children
|
|
8375
8252
|
] });
|
|
8376
8253
|
};
|
|
8377
8254
|
var AplicationsHeader = ({ children }) => {
|
|
8378
|
-
return /* @__PURE__ */ (0,
|
|
8379
|
-
/* @__PURE__ */ (0,
|
|
8255
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenu2, { children: [
|
|
8256
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsx)(
|
|
8380
8257
|
"svg",
|
|
8381
8258
|
{
|
|
8382
8259
|
width: "18",
|
|
@@ -8384,7 +8261,7 @@ var AplicationsHeader = ({ children }) => {
|
|
|
8384
8261
|
viewBox: "0 0 16 16",
|
|
8385
8262
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8386
8263
|
className: "cnc-header-item",
|
|
8387
|
-
children: /* @__PURE__ */ (0,
|
|
8264
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
8388
8265
|
"path",
|
|
8389
8266
|
{
|
|
8390
8267
|
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"
|
|
@@ -8392,14 +8269,14 @@ var AplicationsHeader = ({ children }) => {
|
|
|
8392
8269
|
)
|
|
8393
8270
|
}
|
|
8394
8271
|
) }) }),
|
|
8395
|
-
/* @__PURE__ */ (0,
|
|
8272
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuContent2, { className: "flex", children })
|
|
8396
8273
|
] }) });
|
|
8397
8274
|
};
|
|
8398
8275
|
|
|
8399
8276
|
// ../../node_modules/@radix-ui/react-dialog/dist/index.mjs
|
|
8400
|
-
var
|
|
8277
|
+
var React33 = __toESM(require("react"), 1);
|
|
8401
8278
|
var import_react_slot5 = require("@radix-ui/react-slot");
|
|
8402
|
-
var
|
|
8279
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
8403
8280
|
var DIALOG_NAME = "Dialog";
|
|
8404
8281
|
var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
|
|
8405
8282
|
var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
|
|
@@ -8412,14 +8289,14 @@ var Dialog = (props) => {
|
|
|
8412
8289
|
onOpenChange,
|
|
8413
8290
|
modal = true
|
|
8414
8291
|
} = props;
|
|
8415
|
-
const triggerRef =
|
|
8416
|
-
const contentRef =
|
|
8292
|
+
const triggerRef = React33.useRef(null);
|
|
8293
|
+
const contentRef = React33.useRef(null);
|
|
8417
8294
|
const [open = false, setOpen] = useControllableState({
|
|
8418
8295
|
prop: openProp,
|
|
8419
8296
|
defaultProp: defaultOpen,
|
|
8420
8297
|
onChange: onOpenChange
|
|
8421
8298
|
});
|
|
8422
|
-
return /* @__PURE__ */ (0,
|
|
8299
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
8423
8300
|
DialogProvider,
|
|
8424
8301
|
{
|
|
8425
8302
|
scope: __scopeDialog,
|
|
@@ -8430,7 +8307,7 @@ var Dialog = (props) => {
|
|
|
8430
8307
|
descriptionId: useId(),
|
|
8431
8308
|
open,
|
|
8432
8309
|
onOpenChange: setOpen,
|
|
8433
|
-
onOpenToggle:
|
|
8310
|
+
onOpenToggle: React33.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
|
|
8434
8311
|
modal,
|
|
8435
8312
|
children
|
|
8436
8313
|
}
|
|
@@ -8438,12 +8315,12 @@ var Dialog = (props) => {
|
|
|
8438
8315
|
};
|
|
8439
8316
|
Dialog.displayName = DIALOG_NAME;
|
|
8440
8317
|
var TRIGGER_NAME2 = "DialogTrigger";
|
|
8441
|
-
var DialogTrigger =
|
|
8318
|
+
var DialogTrigger = React33.forwardRef(
|
|
8442
8319
|
(props, forwardedRef) => {
|
|
8443
8320
|
const { __scopeDialog, ...triggerProps } = props;
|
|
8444
8321
|
const context = useDialogContext(TRIGGER_NAME2, __scopeDialog);
|
|
8445
8322
|
const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
|
|
8446
|
-
return /* @__PURE__ */ (0,
|
|
8323
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
8447
8324
|
Primitive.button,
|
|
8448
8325
|
{
|
|
8449
8326
|
type: "button",
|
|
@@ -8466,27 +8343,27 @@ var [PortalProvider2, usePortalContext2] = createDialogContext(PORTAL_NAME4, {
|
|
|
8466
8343
|
var DialogPortal = (props) => {
|
|
8467
8344
|
const { __scopeDialog, forceMount, children, container } = props;
|
|
8468
8345
|
const context = useDialogContext(PORTAL_NAME4, __scopeDialog);
|
|
8469
|
-
return /* @__PURE__ */ (0,
|
|
8346
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PortalProvider2, { scope: __scopeDialog, forceMount, children: React33.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Portal, { asChild: true, container, children: child }) })) });
|
|
8470
8347
|
};
|
|
8471
8348
|
DialogPortal.displayName = PORTAL_NAME4;
|
|
8472
8349
|
var OVERLAY_NAME = "DialogOverlay";
|
|
8473
|
-
var DialogOverlay =
|
|
8350
|
+
var DialogOverlay = React33.forwardRef(
|
|
8474
8351
|
(props, forwardedRef) => {
|
|
8475
8352
|
const portalContext = usePortalContext2(OVERLAY_NAME, props.__scopeDialog);
|
|
8476
8353
|
const { forceMount = portalContext.forceMount, ...overlayProps } = props;
|
|
8477
8354
|
const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);
|
|
8478
|
-
return context.modal ? /* @__PURE__ */ (0,
|
|
8355
|
+
return context.modal ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
|
|
8479
8356
|
}
|
|
8480
8357
|
);
|
|
8481
8358
|
DialogOverlay.displayName = OVERLAY_NAME;
|
|
8482
|
-
var DialogOverlayImpl =
|
|
8359
|
+
var DialogOverlayImpl = React33.forwardRef(
|
|
8483
8360
|
(props, forwardedRef) => {
|
|
8484
8361
|
const { __scopeDialog, ...overlayProps } = props;
|
|
8485
8362
|
const context = useDialogContext(OVERLAY_NAME, __scopeDialog);
|
|
8486
8363
|
return (
|
|
8487
8364
|
// Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
|
|
8488
8365
|
// ie. when `Overlay` and `Content` are siblings
|
|
8489
|
-
/* @__PURE__ */ (0,
|
|
8366
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Combination_default, { as: import_react_slot5.Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
8490
8367
|
Primitive.div,
|
|
8491
8368
|
{
|
|
8492
8369
|
"data-state": getState(context.open),
|
|
@@ -8499,25 +8376,25 @@ var DialogOverlayImpl = React36.forwardRef(
|
|
|
8499
8376
|
}
|
|
8500
8377
|
);
|
|
8501
8378
|
var CONTENT_NAME4 = "DialogContent";
|
|
8502
|
-
var DialogContent =
|
|
8379
|
+
var DialogContent = React33.forwardRef(
|
|
8503
8380
|
(props, forwardedRef) => {
|
|
8504
8381
|
const portalContext = usePortalContext2(CONTENT_NAME4, props.__scopeDialog);
|
|
8505
8382
|
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
8506
8383
|
const context = useDialogContext(CONTENT_NAME4, props.__scopeDialog);
|
|
8507
|
-
return /* @__PURE__ */ (0,
|
|
8384
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
|
|
8508
8385
|
}
|
|
8509
8386
|
);
|
|
8510
8387
|
DialogContent.displayName = CONTENT_NAME4;
|
|
8511
|
-
var DialogContentModal =
|
|
8388
|
+
var DialogContentModal = React33.forwardRef(
|
|
8512
8389
|
(props, forwardedRef) => {
|
|
8513
8390
|
const context = useDialogContext(CONTENT_NAME4, props.__scopeDialog);
|
|
8514
|
-
const contentRef =
|
|
8391
|
+
const contentRef = React33.useRef(null);
|
|
8515
8392
|
const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
|
|
8516
|
-
|
|
8393
|
+
React33.useEffect(() => {
|
|
8517
8394
|
const content = contentRef.current;
|
|
8518
8395
|
if (content) return hideOthers(content);
|
|
8519
8396
|
}, []);
|
|
8520
|
-
return /* @__PURE__ */ (0,
|
|
8397
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
8521
8398
|
DialogContentImpl,
|
|
8522
8399
|
{
|
|
8523
8400
|
...props,
|
|
@@ -8542,12 +8419,12 @@ var DialogContentModal = React36.forwardRef(
|
|
|
8542
8419
|
);
|
|
8543
8420
|
}
|
|
8544
8421
|
);
|
|
8545
|
-
var DialogContentNonModal =
|
|
8422
|
+
var DialogContentNonModal = React33.forwardRef(
|
|
8546
8423
|
(props, forwardedRef) => {
|
|
8547
8424
|
const context = useDialogContext(CONTENT_NAME4, props.__scopeDialog);
|
|
8548
|
-
const hasInteractedOutsideRef =
|
|
8549
|
-
const hasPointerDownOutsideRef =
|
|
8550
|
-
return /* @__PURE__ */ (0,
|
|
8425
|
+
const hasInteractedOutsideRef = React33.useRef(false);
|
|
8426
|
+
const hasPointerDownOutsideRef = React33.useRef(false);
|
|
8427
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
8551
8428
|
DialogContentImpl,
|
|
8552
8429
|
{
|
|
8553
8430
|
...props,
|
|
@@ -8582,15 +8459,15 @@ var DialogContentNonModal = React36.forwardRef(
|
|
|
8582
8459
|
);
|
|
8583
8460
|
}
|
|
8584
8461
|
);
|
|
8585
|
-
var DialogContentImpl =
|
|
8462
|
+
var DialogContentImpl = React33.forwardRef(
|
|
8586
8463
|
(props, forwardedRef) => {
|
|
8587
8464
|
const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;
|
|
8588
8465
|
const context = useDialogContext(CONTENT_NAME4, __scopeDialog);
|
|
8589
|
-
const contentRef =
|
|
8466
|
+
const contentRef = React33.useRef(null);
|
|
8590
8467
|
const composedRefs = useComposedRefs(forwardedRef, contentRef);
|
|
8591
8468
|
useFocusGuards();
|
|
8592
|
-
return /* @__PURE__ */ (0,
|
|
8593
|
-
/* @__PURE__ */ (0,
|
|
8469
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
|
|
8470
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
8594
8471
|
FocusScope,
|
|
8595
8472
|
{
|
|
8596
8473
|
asChild: true,
|
|
@@ -8598,7 +8475,7 @@ var DialogContentImpl = React36.forwardRef(
|
|
|
8598
8475
|
trapped: trapFocus,
|
|
8599
8476
|
onMountAutoFocus: onOpenAutoFocus,
|
|
8600
8477
|
onUnmountAutoFocus: onCloseAutoFocus,
|
|
8601
|
-
children: /* @__PURE__ */ (0,
|
|
8478
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
8602
8479
|
DismissableLayer,
|
|
8603
8480
|
{
|
|
8604
8481
|
role: "dialog",
|
|
@@ -8613,37 +8490,37 @@ var DialogContentImpl = React36.forwardRef(
|
|
|
8613
8490
|
)
|
|
8614
8491
|
}
|
|
8615
8492
|
),
|
|
8616
|
-
/* @__PURE__ */ (0,
|
|
8617
|
-
/* @__PURE__ */ (0,
|
|
8618
|
-
/* @__PURE__ */ (0,
|
|
8493
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
|
|
8494
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TitleWarning, { titleId: context.titleId }),
|
|
8495
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
|
|
8619
8496
|
] })
|
|
8620
8497
|
] });
|
|
8621
8498
|
}
|
|
8622
8499
|
);
|
|
8623
8500
|
var TITLE_NAME = "DialogTitle";
|
|
8624
|
-
var DialogTitle =
|
|
8501
|
+
var DialogTitle = React33.forwardRef(
|
|
8625
8502
|
(props, forwardedRef) => {
|
|
8626
8503
|
const { __scopeDialog, ...titleProps } = props;
|
|
8627
8504
|
const context = useDialogContext(TITLE_NAME, __scopeDialog);
|
|
8628
|
-
return /* @__PURE__ */ (0,
|
|
8505
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
|
|
8629
8506
|
}
|
|
8630
8507
|
);
|
|
8631
8508
|
DialogTitle.displayName = TITLE_NAME;
|
|
8632
8509
|
var DESCRIPTION_NAME = "DialogDescription";
|
|
8633
|
-
var DialogDescription =
|
|
8510
|
+
var DialogDescription = React33.forwardRef(
|
|
8634
8511
|
(props, forwardedRef) => {
|
|
8635
8512
|
const { __scopeDialog, ...descriptionProps } = props;
|
|
8636
8513
|
const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
|
|
8637
|
-
return /* @__PURE__ */ (0,
|
|
8514
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
|
|
8638
8515
|
}
|
|
8639
8516
|
);
|
|
8640
8517
|
DialogDescription.displayName = DESCRIPTION_NAME;
|
|
8641
8518
|
var CLOSE_NAME = "DialogClose";
|
|
8642
|
-
var DialogClose =
|
|
8519
|
+
var DialogClose = React33.forwardRef(
|
|
8643
8520
|
(props, forwardedRef) => {
|
|
8644
8521
|
const { __scopeDialog, ...closeProps } = props;
|
|
8645
8522
|
const context = useDialogContext(CLOSE_NAME, __scopeDialog);
|
|
8646
|
-
return /* @__PURE__ */ (0,
|
|
8523
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
8647
8524
|
Primitive.button,
|
|
8648
8525
|
{
|
|
8649
8526
|
type: "button",
|
|
@@ -8671,7 +8548,7 @@ var TitleWarning = ({ titleId }) => {
|
|
|
8671
8548
|
If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.
|
|
8672
8549
|
|
|
8673
8550
|
For more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;
|
|
8674
|
-
|
|
8551
|
+
React33.useEffect(() => {
|
|
8675
8552
|
if (titleId) {
|
|
8676
8553
|
const hasTitle = document.getElementById(titleId);
|
|
8677
8554
|
if (!hasTitle) console.error(MESSAGE);
|
|
@@ -8683,7 +8560,7 @@ var DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning";
|
|
|
8683
8560
|
var DescriptionWarning = ({ contentRef, descriptionId }) => {
|
|
8684
8561
|
const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);
|
|
8685
8562
|
const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
|
|
8686
|
-
|
|
8563
|
+
React33.useEffect(() => {
|
|
8687
8564
|
const describedById = contentRef.current?.getAttribute("aria-describedby");
|
|
8688
8565
|
if (descriptionId && describedById) {
|
|
8689
8566
|
const hasDescription = document.getElementById(descriptionId);
|
|
@@ -8702,13 +8579,13 @@ var Description = DialogDescription;
|
|
|
8702
8579
|
var Close = DialogClose;
|
|
8703
8580
|
|
|
8704
8581
|
// src/components/Dialog/index.tsx
|
|
8705
|
-
var
|
|
8706
|
-
var
|
|
8582
|
+
var React34 = __toESM(require("react"));
|
|
8583
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
8707
8584
|
var Dialog2 = Root4;
|
|
8708
8585
|
var DialogTrigger2 = Trigger2;
|
|
8709
8586
|
var DialogPortal2 = Portal3;
|
|
8710
8587
|
var DialogClose2 = Close;
|
|
8711
|
-
var DialogOverlay2 =
|
|
8588
|
+
var DialogOverlay2 = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
8712
8589
|
Overlay,
|
|
8713
8590
|
{
|
|
8714
8591
|
ref,
|
|
@@ -8720,9 +8597,9 @@ var DialogOverlay2 = React37.forwardRef(({ className, ...props }, ref) => /* @__
|
|
|
8720
8597
|
}
|
|
8721
8598
|
));
|
|
8722
8599
|
DialogOverlay2.displayName = Overlay.displayName;
|
|
8723
|
-
var DialogContent2 =
|
|
8724
|
-
/* @__PURE__ */ (0,
|
|
8725
|
-
/* @__PURE__ */ (0,
|
|
8600
|
+
var DialogContent2 = React34.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DialogPortal2, { children: [
|
|
8601
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DialogOverlay2, {}),
|
|
8602
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
|
|
8726
8603
|
Content3,
|
|
8727
8604
|
{
|
|
8728
8605
|
ref,
|
|
@@ -8733,9 +8610,9 @@ var DialogContent2 = React37.forwardRef(({ className, children, ...props }, ref)
|
|
|
8733
8610
|
...props,
|
|
8734
8611
|
children: [
|
|
8735
8612
|
children,
|
|
8736
|
-
/* @__PURE__ */ (0,
|
|
8737
|
-
/* @__PURE__ */ (0,
|
|
8738
|
-
/* @__PURE__ */ (0,
|
|
8613
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(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: [
|
|
8614
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(X, { className: "cnc-h-4 cnc-w-4" }),
|
|
8615
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "cnc-sr-only", children: "Close" })
|
|
8739
8616
|
] })
|
|
8740
8617
|
]
|
|
8741
8618
|
}
|
|
@@ -8745,7 +8622,7 @@ DialogContent2.displayName = Content3.displayName;
|
|
|
8745
8622
|
var DialogHeader = ({
|
|
8746
8623
|
className,
|
|
8747
8624
|
...props
|
|
8748
|
-
}) => /* @__PURE__ */ (0,
|
|
8625
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
8749
8626
|
"div",
|
|
8750
8627
|
{
|
|
8751
8628
|
className: cn(
|
|
@@ -8759,7 +8636,7 @@ DialogHeader.displayName = "DialogHeader";
|
|
|
8759
8636
|
var DialogFooter = ({
|
|
8760
8637
|
className,
|
|
8761
8638
|
...props
|
|
8762
|
-
}) => /* @__PURE__ */ (0,
|
|
8639
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
8763
8640
|
"div",
|
|
8764
8641
|
{
|
|
8765
8642
|
className: cn(
|
|
@@ -8770,7 +8647,7 @@ var DialogFooter = ({
|
|
|
8770
8647
|
}
|
|
8771
8648
|
);
|
|
8772
8649
|
DialogFooter.displayName = "DialogFooter";
|
|
8773
|
-
var DialogTitle2 =
|
|
8650
|
+
var DialogTitle2 = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
8774
8651
|
Title,
|
|
8775
8652
|
{
|
|
8776
8653
|
ref,
|
|
@@ -8782,7 +8659,7 @@ var DialogTitle2 = React37.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
8782
8659
|
}
|
|
8783
8660
|
));
|
|
8784
8661
|
DialogTitle2.displayName = Title.displayName;
|
|
8785
|
-
var DialogDescription2 =
|
|
8662
|
+
var DialogDescription2 = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
8786
8663
|
Description,
|
|
8787
8664
|
{
|
|
8788
8665
|
ref,
|
|
@@ -8793,24 +8670,42 @@ var DialogDescription2 = React37.forwardRef(({ className, ...props }, ref) => /*
|
|
|
8793
8670
|
DialogDescription2.displayName = Description.displayName;
|
|
8794
8671
|
|
|
8795
8672
|
// src/components/Modal/index.tsx
|
|
8796
|
-
var
|
|
8673
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
8797
8674
|
var Modal = ({
|
|
8798
8675
|
title,
|
|
8799
8676
|
content,
|
|
8800
8677
|
visibleModal,
|
|
8801
8678
|
onClose
|
|
8802
8679
|
}) => {
|
|
8803
|
-
return /* @__PURE__ */ (0,
|
|
8804
|
-
/* @__PURE__ */ (0,
|
|
8805
|
-
/* @__PURE__ */ (0,
|
|
8806
|
-
title && /* @__PURE__ */ (0,
|
|
8807
|
-
/* @__PURE__ */ (0,
|
|
8680
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Dialog2, { open: visibleModal, onOpenChange: onClose, children: [
|
|
8681
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DialogOverlay2, { className: "cnc-inset-0 cnc-bg-blackA6= data-[state=open]:cnc-animate-overlayShow" }),
|
|
8682
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(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: [
|
|
8683
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DialogHeader, { className: "cnc-text-sm cnc-h-14 cnc-text-black cnc-font- cnc-border-b cnc-w-full cnc-leading-10", children: title }),
|
|
8684
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "cnc-flex cnc-flex-col cnc-mb-16 cnc-mx-20 cnc-align-middle cnc-items-left cnc-justify-center", children: content })
|
|
8808
8685
|
] })
|
|
8809
8686
|
] });
|
|
8810
8687
|
};
|
|
8811
8688
|
|
|
8812
8689
|
// src/components/Modal/ModalMudancaEntidade/index.tsx
|
|
8813
|
-
var
|
|
8690
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
8691
|
+
function ModalEntidade({ isOpen, onOpenChange, title = "Selecionar a entidade", children, className }) {
|
|
8692
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Dialog2, { open: isOpen, onOpenChange, children: [
|
|
8693
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(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" }),
|
|
8694
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(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: [
|
|
8695
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DialogTitle2, { className: "cnc-font-normal cnc-text-base", children: title }) }),
|
|
8696
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
8697
|
+
"div",
|
|
8698
|
+
{
|
|
8699
|
+
className: cn(
|
|
8700
|
+
"cnc-flex cnc-flex-col cnc-w-full cnc-max-w-[513px] cnc-mx-auto cnc-py-6",
|
|
8701
|
+
className
|
|
8702
|
+
),
|
|
8703
|
+
children
|
|
8704
|
+
}
|
|
8705
|
+
)
|
|
8706
|
+
] })
|
|
8707
|
+
] });
|
|
8708
|
+
}
|
|
8814
8709
|
var ModalMudancaEntidade = ({
|
|
8815
8710
|
title,
|
|
8816
8711
|
onClose,
|
|
@@ -8818,17 +8713,17 @@ var ModalMudancaEntidade = ({
|
|
|
8818
8713
|
SelectComponent,
|
|
8819
8714
|
buttonAction
|
|
8820
8715
|
}) => {
|
|
8821
|
-
return /* @__PURE__ */ (0,
|
|
8716
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
8822
8717
|
Modal,
|
|
8823
8718
|
{
|
|
8824
8719
|
title,
|
|
8825
8720
|
onClose,
|
|
8826
8721
|
visibleModal,
|
|
8827
|
-
content: /* @__PURE__ */ (0,
|
|
8828
|
-
/* @__PURE__ */ (0,
|
|
8829
|
-
/* @__PURE__ */ (0,
|
|
8830
|
-
/* @__PURE__ */ (0,
|
|
8831
|
-
/* @__PURE__ */ (0,
|
|
8722
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
|
|
8723
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DialogTitle2, { className: "cnc-DialogTitle cnc-mt-10 cnc-mb-4 ", children: "Selecionar a entidade" }),
|
|
8724
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "cnc-flex cnc-mb-5 ", children: [
|
|
8725
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SelectComponent, {}),
|
|
8726
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { className: "cnc-text-white cnc-ml-5", onClick: buttonAction, children: "Trocar entidade" })
|
|
8832
8727
|
] })
|
|
8833
8728
|
] })
|
|
8834
8729
|
}
|
|
@@ -8841,9 +8736,9 @@ var import_react_slot6 = require("@radix-ui/react-slot");
|
|
|
8841
8736
|
var import_react7 = require("react");
|
|
8842
8737
|
|
|
8843
8738
|
// src/components/assets/logotipo-default.tsx
|
|
8844
|
-
var
|
|
8739
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
8845
8740
|
function LogotipoDefault() {
|
|
8846
|
-
return /* @__PURE__ */ (0,
|
|
8741
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
|
|
8847
8742
|
"svg",
|
|
8848
8743
|
{
|
|
8849
8744
|
width: "209",
|
|
@@ -8852,14 +8747,14 @@ function LogotipoDefault() {
|
|
|
8852
8747
|
fill: "none",
|
|
8853
8748
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8854
8749
|
children: [
|
|
8855
|
-
/* @__PURE__ */ (0,
|
|
8750
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
8856
8751
|
"path",
|
|
8857
8752
|
{
|
|
8858
8753
|
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",
|
|
8859
8754
|
fill: "#C89633"
|
|
8860
8755
|
}
|
|
8861
8756
|
),
|
|
8862
|
-
/* @__PURE__ */ (0,
|
|
8757
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
8863
8758
|
"path",
|
|
8864
8759
|
{
|
|
8865
8760
|
fillRule: "evenodd",
|
|
@@ -8868,133 +8763,133 @@ function LogotipoDefault() {
|
|
|
8868
8763
|
fill: "#C89633"
|
|
8869
8764
|
}
|
|
8870
8765
|
),
|
|
8871
|
-
/* @__PURE__ */ (0,
|
|
8766
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
8872
8767
|
"path",
|
|
8873
8768
|
{
|
|
8874
8769
|
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",
|
|
8875
8770
|
fill: "white"
|
|
8876
8771
|
}
|
|
8877
8772
|
),
|
|
8878
|
-
/* @__PURE__ */ (0,
|
|
8773
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
8879
8774
|
"path",
|
|
8880
8775
|
{
|
|
8881
8776
|
d: "M60.457 3.08307V4.09961H61.9417H63.4264V3.08307V2.06652H61.9417H60.457V3.08307Z",
|
|
8882
8777
|
fill: "white"
|
|
8883
8778
|
}
|
|
8884
8779
|
),
|
|
8885
|
-
/* @__PURE__ */ (0,
|
|
8780
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
8886
8781
|
"path",
|
|
8887
8782
|
{
|
|
8888
8783
|
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",
|
|
8889
8784
|
fill: "white"
|
|
8890
8785
|
}
|
|
8891
8786
|
),
|
|
8892
|
-
/* @__PURE__ */ (0,
|
|
8787
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
8893
8788
|
"path",
|
|
8894
8789
|
{
|
|
8895
8790
|
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",
|
|
8896
8791
|
fill: "white"
|
|
8897
8792
|
}
|
|
8898
8793
|
),
|
|
8899
|
-
/* @__PURE__ */ (0,
|
|
8794
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
8900
8795
|
"path",
|
|
8901
8796
|
{
|
|
8902
8797
|
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",
|
|
8903
8798
|
fill: "white"
|
|
8904
8799
|
}
|
|
8905
8800
|
),
|
|
8906
|
-
/* @__PURE__ */ (0,
|
|
8801
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
8907
8802
|
"path",
|
|
8908
8803
|
{
|
|
8909
8804
|
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",
|
|
8910
8805
|
fill: "white"
|
|
8911
8806
|
}
|
|
8912
8807
|
),
|
|
8913
|
-
/* @__PURE__ */ (0,
|
|
8808
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
8914
8809
|
"path",
|
|
8915
8810
|
{
|
|
8916
8811
|
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",
|
|
8917
8812
|
fill: "white"
|
|
8918
8813
|
}
|
|
8919
8814
|
),
|
|
8920
|
-
/* @__PURE__ */ (0,
|
|
8815
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
8921
8816
|
"path",
|
|
8922
8817
|
{
|
|
8923
8818
|
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",
|
|
8924
8819
|
fill: "white"
|
|
8925
8820
|
}
|
|
8926
8821
|
),
|
|
8927
|
-
/* @__PURE__ */ (0,
|
|
8822
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
8928
8823
|
"path",
|
|
8929
8824
|
{
|
|
8930
8825
|
d: "M60.457 10.1169V14.7051H61.9417H63.4264V10.1169V5.52872H61.9417H60.457V10.1169Z",
|
|
8931
8826
|
fill: "white"
|
|
8932
8827
|
}
|
|
8933
8828
|
),
|
|
8934
|
-
/* @__PURE__ */ (0,
|
|
8829
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
8935
8830
|
"path",
|
|
8936
8831
|
{
|
|
8937
8832
|
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",
|
|
8938
8833
|
fill: "white"
|
|
8939
8834
|
}
|
|
8940
8835
|
),
|
|
8941
|
-
/* @__PURE__ */ (0,
|
|
8836
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
8942
8837
|
"path",
|
|
8943
8838
|
{
|
|
8944
8839
|
d: "M194.074 2.97369V3.99023H195.559H197.044L197.033 2.98468L197.016 1.98462L195.548 1.96814L194.074 1.95715V2.97369Z",
|
|
8945
8840
|
fill: "white"
|
|
8946
8841
|
}
|
|
8947
8842
|
),
|
|
8948
|
-
/* @__PURE__ */ (0,
|
|
8843
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
8949
8844
|
"path",
|
|
8950
8845
|
{
|
|
8951
8846
|
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",
|
|
8952
8847
|
fill: "white"
|
|
8953
8848
|
}
|
|
8954
8849
|
),
|
|
8955
|
-
/* @__PURE__ */ (0,
|
|
8850
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
8956
8851
|
"path",
|
|
8957
8852
|
{
|
|
8958
8853
|
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",
|
|
8959
8854
|
fill: "white"
|
|
8960
8855
|
}
|
|
8961
8856
|
),
|
|
8962
|
-
/* @__PURE__ */ (0,
|
|
8857
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
8963
8858
|
"path",
|
|
8964
8859
|
{
|
|
8965
8860
|
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",
|
|
8966
8861
|
fill: "white"
|
|
8967
8862
|
}
|
|
8968
8863
|
),
|
|
8969
|
-
/* @__PURE__ */ (0,
|
|
8864
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
8970
8865
|
"path",
|
|
8971
8866
|
{
|
|
8972
8867
|
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",
|
|
8973
8868
|
fill: "white"
|
|
8974
8869
|
}
|
|
8975
8870
|
),
|
|
8976
|
-
/* @__PURE__ */ (0,
|
|
8871
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
8977
8872
|
"path",
|
|
8978
8873
|
{
|
|
8979
8874
|
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",
|
|
8980
8875
|
fill: "white"
|
|
8981
8876
|
}
|
|
8982
8877
|
),
|
|
8983
|
-
/* @__PURE__ */ (0,
|
|
8878
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
8984
8879
|
"path",
|
|
8985
8880
|
{
|
|
8986
8881
|
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",
|
|
8987
8882
|
fill: "white"
|
|
8988
8883
|
}
|
|
8989
8884
|
),
|
|
8990
|
-
/* @__PURE__ */ (0,
|
|
8885
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
8991
8886
|
"path",
|
|
8992
8887
|
{
|
|
8993
8888
|
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",
|
|
8994
8889
|
fill: "white"
|
|
8995
8890
|
}
|
|
8996
8891
|
),
|
|
8997
|
-
/* @__PURE__ */ (0,
|
|
8892
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
8998
8893
|
"path",
|
|
8999
8894
|
{
|
|
9000
8895
|
d: "M194.074 10.0075V14.5957H195.559H197.044V10.0075V5.41934H195.559H194.074V10.0075Z",
|
|
@@ -9007,12 +8902,12 @@ function LogotipoDefault() {
|
|
|
9007
8902
|
}
|
|
9008
8903
|
|
|
9009
8904
|
// src/components/Sidebar/index.tsx
|
|
9010
|
-
var
|
|
8905
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
9011
8906
|
function SidebarContainer({
|
|
9012
8907
|
isOpen = true,
|
|
9013
8908
|
...rest
|
|
9014
8909
|
}) {
|
|
9015
|
-
return /* @__PURE__ */ (0,
|
|
8910
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
9016
8911
|
"div",
|
|
9017
8912
|
{
|
|
9018
8913
|
"data-is-open": isOpen,
|
|
@@ -9028,21 +8923,21 @@ function SidebarImageBrand({
|
|
|
9028
8923
|
img,
|
|
9029
8924
|
children
|
|
9030
8925
|
}) {
|
|
9031
|
-
return /* @__PURE__ */ (0,
|
|
9032
|
-
/* @__PURE__ */ (0,
|
|
8926
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("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: [
|
|
8927
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "cnc-sidebar-child-hidden", children: asChild && !img ? children : img && img.src ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
9033
8928
|
"img",
|
|
9034
8929
|
{
|
|
9035
8930
|
src: img.src,
|
|
9036
8931
|
alt: img?.alt,
|
|
9037
8932
|
className: "cnc-w-[159px] cnc-h-[28px] cnc-object-contain"
|
|
9038
8933
|
}
|
|
9039
|
-
) : /* @__PURE__ */ (0,
|
|
9040
|
-
onChangeToggle && /* @__PURE__ */ (0,
|
|
8934
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(LogotipoDefault, {}) }),
|
|
8935
|
+
onChangeToggle && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
9041
8936
|
"button",
|
|
9042
8937
|
{
|
|
9043
8938
|
onClick: onChangeToggle,
|
|
9044
8939
|
className: "hover:cnc-brightness-75 cnc-sidebar-child-hidden",
|
|
9045
|
-
children: /* @__PURE__ */ (0,
|
|
8940
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
9046
8941
|
"svg",
|
|
9047
8942
|
{
|
|
9048
8943
|
stroke: "currentColor",
|
|
@@ -9053,7 +8948,7 @@ function SidebarImageBrand({
|
|
|
9053
8948
|
height: "1em",
|
|
9054
8949
|
width: "1em",
|
|
9055
8950
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9056
|
-
children: /* @__PURE__ */ (0,
|
|
8951
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
9057
8952
|
"path",
|
|
9058
8953
|
{
|
|
9059
8954
|
fill: "none",
|
|
@@ -9070,7 +8965,7 @@ function SidebarImageBrand({
|
|
|
9070
8965
|
] });
|
|
9071
8966
|
}
|
|
9072
8967
|
function Sidebar({ children, ...rest }) {
|
|
9073
|
-
return /* @__PURE__ */ (0,
|
|
8968
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Accordion.Root, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
9074
8969
|
"div",
|
|
9075
8970
|
{
|
|
9076
8971
|
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",
|
|
@@ -9084,7 +8979,7 @@ function SidebarNavLink({
|
|
|
9084
8979
|
...rest
|
|
9085
8980
|
}) {
|
|
9086
8981
|
const Component = asChild ? import_react_slot6.Slot : "a";
|
|
9087
|
-
return /* @__PURE__ */ (0,
|
|
8982
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
9088
8983
|
Component,
|
|
9089
8984
|
{
|
|
9090
8985
|
"data-type": type,
|
|
@@ -9099,13 +8994,13 @@ function SidebarNavCollapse({
|
|
|
9099
8994
|
icon,
|
|
9100
8995
|
...rest
|
|
9101
8996
|
}) {
|
|
9102
|
-
return /* @__PURE__ */ (0,
|
|
9103
|
-
/* @__PURE__ */ (0,
|
|
9104
|
-
/* @__PURE__ */ (0,
|
|
8997
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Accordion.Item, { ...rest, className: "cnc-sidebar-item", children: [
|
|
8998
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Accordion.Trigger, { className: "group cnc-w-full cnc-py-4 cnc-text-base cnc-text-white cnc-flex cnc-gap-2 cnc-items-center cnc-justify-between hover:cnc-text-blue-600 cnc-sidebar-child-hidden", children: [
|
|
8999
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "cnc-flex cnc-items-center cnc-gap-2", children: [
|
|
9105
9000
|
icon && renderIconItem(icon),
|
|
9106
9001
|
title
|
|
9107
9002
|
] }),
|
|
9108
|
-
/* @__PURE__ */ (0,
|
|
9003
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "cnc-w-4 cnc-h-4", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
9109
9004
|
"svg",
|
|
9110
9005
|
{
|
|
9111
9006
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -9118,11 +9013,11 @@ function SidebarNavCollapse({
|
|
|
9118
9013
|
strokeLinecap: "round",
|
|
9119
9014
|
strokeLinejoin: "round",
|
|
9120
9015
|
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",
|
|
9121
|
-
children: /* @__PURE__ */ (0,
|
|
9016
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { d: "m9 18 6-6-6-6" })
|
|
9122
9017
|
}
|
|
9123
9018
|
) })
|
|
9124
9019
|
] }),
|
|
9125
|
-
/* @__PURE__ */ (0,
|
|
9020
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Accordion.Content, { className: "cnc-overflow-hidden data-[state=closed]:cnc-animate-slideUp data-[state=open]:cnc-animate-slideDown cnc-py-2", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "cnc-bg-white/10 cnc-rounded-md cnc-font-normal cnc-px-5 cnc-py-3", children }) })
|
|
9126
9021
|
] });
|
|
9127
9022
|
}
|
|
9128
9023
|
function renderIconItem(icon) {
|
|
@@ -9135,15 +9030,15 @@ function renderIconItem(icon) {
|
|
|
9135
9030
|
});
|
|
9136
9031
|
}
|
|
9137
9032
|
if ((0, import_react7.isValidElement)(icon)) {
|
|
9138
|
-
return /* @__PURE__ */ (0,
|
|
9033
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "cnc-w-5 cnc-h-5 cnc-overflow-hidden", children: icon });
|
|
9139
9034
|
}
|
|
9140
|
-
return /* @__PURE__ */ (0,
|
|
9035
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "cnc-w-5 cnc-h-5 cnc-overflow-hidden", children: icon });
|
|
9141
9036
|
}
|
|
9142
9037
|
|
|
9143
9038
|
// ../../node_modules/@radix-ui/react-popover/dist/index.mjs
|
|
9144
|
-
var
|
|
9039
|
+
var React36 = __toESM(require("react"), 1);
|
|
9145
9040
|
var import_react_slot7 = require("@radix-ui/react-slot");
|
|
9146
|
-
var
|
|
9041
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
9147
9042
|
var POPOVER_NAME = "Popover";
|
|
9148
9043
|
var [createPopoverContext, createPopoverScope] = createContextScope(POPOVER_NAME, [
|
|
9149
9044
|
createPopperScope
|
|
@@ -9160,14 +9055,14 @@ var Popover = (props) => {
|
|
|
9160
9055
|
modal = false
|
|
9161
9056
|
} = props;
|
|
9162
9057
|
const popperScope = usePopperScope2(__scopePopover);
|
|
9163
|
-
const triggerRef =
|
|
9164
|
-
const [hasCustomAnchor, setHasCustomAnchor] =
|
|
9058
|
+
const triggerRef = React36.useRef(null);
|
|
9059
|
+
const [hasCustomAnchor, setHasCustomAnchor] = React36.useState(false);
|
|
9165
9060
|
const [open = false, setOpen] = useControllableState({
|
|
9166
9061
|
prop: openProp,
|
|
9167
9062
|
defaultProp: defaultOpen,
|
|
9168
9063
|
onChange: onOpenChange
|
|
9169
9064
|
});
|
|
9170
|
-
return /* @__PURE__ */ (0,
|
|
9065
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Root2, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
9171
9066
|
PopoverProvider,
|
|
9172
9067
|
{
|
|
9173
9068
|
scope: __scopePopover,
|
|
@@ -9175,10 +9070,10 @@ var Popover = (props) => {
|
|
|
9175
9070
|
triggerRef,
|
|
9176
9071
|
open,
|
|
9177
9072
|
onOpenChange: setOpen,
|
|
9178
|
-
onOpenToggle:
|
|
9073
|
+
onOpenToggle: React36.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
|
|
9179
9074
|
hasCustomAnchor,
|
|
9180
|
-
onCustomAnchorAdd:
|
|
9181
|
-
onCustomAnchorRemove:
|
|
9075
|
+
onCustomAnchorAdd: React36.useCallback(() => setHasCustomAnchor(true), []),
|
|
9076
|
+
onCustomAnchorRemove: React36.useCallback(() => setHasCustomAnchor(false), []),
|
|
9182
9077
|
modal,
|
|
9183
9078
|
children
|
|
9184
9079
|
}
|
|
@@ -9186,28 +9081,28 @@ var Popover = (props) => {
|
|
|
9186
9081
|
};
|
|
9187
9082
|
Popover.displayName = POPOVER_NAME;
|
|
9188
9083
|
var ANCHOR_NAME3 = "PopoverAnchor";
|
|
9189
|
-
var PopoverAnchor =
|
|
9084
|
+
var PopoverAnchor = React36.forwardRef(
|
|
9190
9085
|
(props, forwardedRef) => {
|
|
9191
9086
|
const { __scopePopover, ...anchorProps } = props;
|
|
9192
9087
|
const context = usePopoverContext(ANCHOR_NAME3, __scopePopover);
|
|
9193
9088
|
const popperScope = usePopperScope2(__scopePopover);
|
|
9194
9089
|
const { onCustomAnchorAdd, onCustomAnchorRemove } = context;
|
|
9195
|
-
|
|
9090
|
+
React36.useEffect(() => {
|
|
9196
9091
|
onCustomAnchorAdd();
|
|
9197
9092
|
return () => onCustomAnchorRemove();
|
|
9198
9093
|
}, [onCustomAnchorAdd, onCustomAnchorRemove]);
|
|
9199
|
-
return /* @__PURE__ */ (0,
|
|
9094
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
|
|
9200
9095
|
}
|
|
9201
9096
|
);
|
|
9202
9097
|
PopoverAnchor.displayName = ANCHOR_NAME3;
|
|
9203
9098
|
var TRIGGER_NAME3 = "PopoverTrigger";
|
|
9204
|
-
var PopoverTrigger =
|
|
9099
|
+
var PopoverTrigger = React36.forwardRef(
|
|
9205
9100
|
(props, forwardedRef) => {
|
|
9206
9101
|
const { __scopePopover, ...triggerProps } = props;
|
|
9207
9102
|
const context = usePopoverContext(TRIGGER_NAME3, __scopePopover);
|
|
9208
9103
|
const popperScope = usePopperScope2(__scopePopover);
|
|
9209
9104
|
const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
|
|
9210
|
-
const trigger = /* @__PURE__ */ (0,
|
|
9105
|
+
const trigger = /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
9211
9106
|
Primitive.button,
|
|
9212
9107
|
{
|
|
9213
9108
|
type: "button",
|
|
@@ -9220,7 +9115,7 @@ var PopoverTrigger = React39.forwardRef(
|
|
|
9220
9115
|
onClick: composeEventHandlers(props.onClick, context.onOpenToggle)
|
|
9221
9116
|
}
|
|
9222
9117
|
);
|
|
9223
|
-
return context.hasCustomAnchor ? trigger : /* @__PURE__ */ (0,
|
|
9118
|
+
return context.hasCustomAnchor ? trigger : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Anchor, { asChild: true, ...popperScope, children: trigger });
|
|
9224
9119
|
}
|
|
9225
9120
|
);
|
|
9226
9121
|
PopoverTrigger.displayName = TRIGGER_NAME3;
|
|
@@ -9231,30 +9126,30 @@ var [PortalProvider3, usePortalContext3] = createPopoverContext(PORTAL_NAME5, {
|
|
|
9231
9126
|
var PopoverPortal = (props) => {
|
|
9232
9127
|
const { __scopePopover, forceMount, children, container } = props;
|
|
9233
9128
|
const context = usePopoverContext(PORTAL_NAME5, __scopePopover);
|
|
9234
|
-
return /* @__PURE__ */ (0,
|
|
9129
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PortalProvider3, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Portal, { asChild: true, container, children }) }) });
|
|
9235
9130
|
};
|
|
9236
9131
|
PopoverPortal.displayName = PORTAL_NAME5;
|
|
9237
9132
|
var CONTENT_NAME5 = "PopoverContent";
|
|
9238
|
-
var PopoverContent =
|
|
9133
|
+
var PopoverContent = React36.forwardRef(
|
|
9239
9134
|
(props, forwardedRef) => {
|
|
9240
9135
|
const portalContext = usePortalContext3(CONTENT_NAME5, props.__scopePopover);
|
|
9241
9136
|
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
9242
9137
|
const context = usePopoverContext(CONTENT_NAME5, props.__scopePopover);
|
|
9243
|
-
return /* @__PURE__ */ (0,
|
|
9138
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
|
|
9244
9139
|
}
|
|
9245
9140
|
);
|
|
9246
9141
|
PopoverContent.displayName = CONTENT_NAME5;
|
|
9247
|
-
var PopoverContentModal =
|
|
9142
|
+
var PopoverContentModal = React36.forwardRef(
|
|
9248
9143
|
(props, forwardedRef) => {
|
|
9249
9144
|
const context = usePopoverContext(CONTENT_NAME5, props.__scopePopover);
|
|
9250
|
-
const contentRef =
|
|
9145
|
+
const contentRef = React36.useRef(null);
|
|
9251
9146
|
const composedRefs = useComposedRefs(forwardedRef, contentRef);
|
|
9252
|
-
const isRightClickOutsideRef =
|
|
9253
|
-
|
|
9147
|
+
const isRightClickOutsideRef = React36.useRef(false);
|
|
9148
|
+
React36.useEffect(() => {
|
|
9254
9149
|
const content = contentRef.current;
|
|
9255
9150
|
if (content) return hideOthers(content);
|
|
9256
9151
|
}, []);
|
|
9257
|
-
return /* @__PURE__ */ (0,
|
|
9152
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Combination_default, { as: import_react_slot7.Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
9258
9153
|
PopoverContentImpl,
|
|
9259
9154
|
{
|
|
9260
9155
|
...props,
|
|
@@ -9284,12 +9179,12 @@ var PopoverContentModal = React39.forwardRef(
|
|
|
9284
9179
|
) });
|
|
9285
9180
|
}
|
|
9286
9181
|
);
|
|
9287
|
-
var PopoverContentNonModal =
|
|
9182
|
+
var PopoverContentNonModal = React36.forwardRef(
|
|
9288
9183
|
(props, forwardedRef) => {
|
|
9289
9184
|
const context = usePopoverContext(CONTENT_NAME5, props.__scopePopover);
|
|
9290
|
-
const hasInteractedOutsideRef =
|
|
9291
|
-
const hasPointerDownOutsideRef =
|
|
9292
|
-
return /* @__PURE__ */ (0,
|
|
9185
|
+
const hasInteractedOutsideRef = React36.useRef(false);
|
|
9186
|
+
const hasPointerDownOutsideRef = React36.useRef(false);
|
|
9187
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
9293
9188
|
PopoverContentImpl,
|
|
9294
9189
|
{
|
|
9295
9190
|
...props,
|
|
@@ -9324,7 +9219,7 @@ var PopoverContentNonModal = React39.forwardRef(
|
|
|
9324
9219
|
);
|
|
9325
9220
|
}
|
|
9326
9221
|
);
|
|
9327
|
-
var PopoverContentImpl =
|
|
9222
|
+
var PopoverContentImpl = React36.forwardRef(
|
|
9328
9223
|
(props, forwardedRef) => {
|
|
9329
9224
|
const {
|
|
9330
9225
|
__scopePopover,
|
|
@@ -9341,7 +9236,7 @@ var PopoverContentImpl = React39.forwardRef(
|
|
|
9341
9236
|
const context = usePopoverContext(CONTENT_NAME5, __scopePopover);
|
|
9342
9237
|
const popperScope = usePopperScope2(__scopePopover);
|
|
9343
9238
|
useFocusGuards();
|
|
9344
|
-
return /* @__PURE__ */ (0,
|
|
9239
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
9345
9240
|
FocusScope,
|
|
9346
9241
|
{
|
|
9347
9242
|
asChild: true,
|
|
@@ -9349,7 +9244,7 @@ var PopoverContentImpl = React39.forwardRef(
|
|
|
9349
9244
|
trapped: trapFocus,
|
|
9350
9245
|
onMountAutoFocus: onOpenAutoFocus,
|
|
9351
9246
|
onUnmountAutoFocus: onCloseAutoFocus,
|
|
9352
|
-
children: /* @__PURE__ */ (0,
|
|
9247
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
9353
9248
|
DismissableLayer,
|
|
9354
9249
|
{
|
|
9355
9250
|
asChild: true,
|
|
@@ -9359,7 +9254,7 @@ var PopoverContentImpl = React39.forwardRef(
|
|
|
9359
9254
|
onPointerDownOutside,
|
|
9360
9255
|
onFocusOutside,
|
|
9361
9256
|
onDismiss: () => context.onOpenChange(false),
|
|
9362
|
-
children: /* @__PURE__ */ (0,
|
|
9257
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
9363
9258
|
Content,
|
|
9364
9259
|
{
|
|
9365
9260
|
"data-state": getState2(context.open),
|
|
@@ -9388,11 +9283,11 @@ var PopoverContentImpl = React39.forwardRef(
|
|
|
9388
9283
|
}
|
|
9389
9284
|
);
|
|
9390
9285
|
var CLOSE_NAME2 = "PopoverClose";
|
|
9391
|
-
var PopoverClose =
|
|
9286
|
+
var PopoverClose = React36.forwardRef(
|
|
9392
9287
|
(props, forwardedRef) => {
|
|
9393
9288
|
const { __scopePopover, ...closeProps } = props;
|
|
9394
9289
|
const context = usePopoverContext(CLOSE_NAME2, __scopePopover);
|
|
9395
|
-
return /* @__PURE__ */ (0,
|
|
9290
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
9396
9291
|
Primitive.button,
|
|
9397
9292
|
{
|
|
9398
9293
|
type: "button",
|
|
@@ -9405,11 +9300,11 @@ var PopoverClose = React39.forwardRef(
|
|
|
9405
9300
|
);
|
|
9406
9301
|
PopoverClose.displayName = CLOSE_NAME2;
|
|
9407
9302
|
var ARROW_NAME4 = "PopoverArrow";
|
|
9408
|
-
var PopoverArrow =
|
|
9303
|
+
var PopoverArrow = React36.forwardRef(
|
|
9409
9304
|
(props, forwardedRef) => {
|
|
9410
9305
|
const { __scopePopover, ...arrowProps } = props;
|
|
9411
9306
|
const popperScope = usePopperScope2(__scopePopover);
|
|
9412
|
-
return /* @__PURE__ */ (0,
|
|
9307
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef });
|
|
9413
9308
|
}
|
|
9414
9309
|
);
|
|
9415
9310
|
PopoverArrow.displayName = ARROW_NAME4;
|
|
@@ -9422,11 +9317,11 @@ var Portal4 = PopoverPortal;
|
|
|
9422
9317
|
var Content23 = PopoverContent;
|
|
9423
9318
|
|
|
9424
9319
|
// src/components/Popover/index.tsx
|
|
9425
|
-
var
|
|
9426
|
-
var
|
|
9320
|
+
var React37 = __toESM(require("react"));
|
|
9321
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
9427
9322
|
var Popover2 = Root23;
|
|
9428
9323
|
var PopoverTrigger2 = Trigger4;
|
|
9429
|
-
var PopoverContent2 =
|
|
9324
|
+
var PopoverContent2 = React37.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Portal4, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
9430
9325
|
Content23,
|
|
9431
9326
|
{
|
|
9432
9327
|
ref,
|
|
@@ -9440,10 +9335,343 @@ var PopoverContent2 = React40.forwardRef(({ className, align = "center", sideOff
|
|
|
9440
9335
|
}
|
|
9441
9336
|
) }));
|
|
9442
9337
|
PopoverContent2.displayName = Content23.displayName;
|
|
9338
|
+
|
|
9339
|
+
// src/components/Select/index.tsx
|
|
9340
|
+
var React38 = __toESM(require("react"));
|
|
9341
|
+
var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
|
|
9342
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
9343
|
+
var Select = SelectPrimitive.Root;
|
|
9344
|
+
var SelectGroup = SelectPrimitive.Group;
|
|
9345
|
+
var SelectValue = SelectPrimitive.Value;
|
|
9346
|
+
var SelectPortal = SelectPrimitive.Portal;
|
|
9347
|
+
var SelectViewport = SelectPrimitive.Viewport;
|
|
9348
|
+
var SelectTrigger = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
|
|
9349
|
+
SelectPrimitive.Trigger,
|
|
9350
|
+
{
|
|
9351
|
+
ref,
|
|
9352
|
+
className: cn(
|
|
9353
|
+
"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",
|
|
9354
|
+
className
|
|
9355
|
+
),
|
|
9356
|
+
...props,
|
|
9357
|
+
children: [
|
|
9358
|
+
children,
|
|
9359
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
|
|
9360
|
+
]
|
|
9361
|
+
}
|
|
9362
|
+
));
|
|
9363
|
+
SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
|
|
9364
|
+
var SelectScrollUpButton = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
9365
|
+
SelectPrimitive.ScrollUpButton,
|
|
9366
|
+
{
|
|
9367
|
+
ref,
|
|
9368
|
+
className: cn(
|
|
9369
|
+
"cnc-flex cnc-cursor-default cnc-items-center cnc-justify-center cnc-py-1",
|
|
9370
|
+
className
|
|
9371
|
+
),
|
|
9372
|
+
...props,
|
|
9373
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ChevronUp, { className: "cnc-h-4 cnc-w-4" })
|
|
9374
|
+
}
|
|
9375
|
+
));
|
|
9376
|
+
SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
|
|
9377
|
+
var SelectScrollDownButton = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
9378
|
+
SelectPrimitive.ScrollDownButton,
|
|
9379
|
+
{
|
|
9380
|
+
ref,
|
|
9381
|
+
className: cn(
|
|
9382
|
+
"cnc-flex cnc-cursor-default cnc-items-center cnc-justify-center cnc-py-1",
|
|
9383
|
+
className
|
|
9384
|
+
),
|
|
9385
|
+
...props,
|
|
9386
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ChevronDown, { className: "cnc-h-4 cnc-w-4" })
|
|
9387
|
+
}
|
|
9388
|
+
));
|
|
9389
|
+
SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
|
|
9390
|
+
var SelectContent = React38.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
|
|
9391
|
+
SelectPrimitive.Content,
|
|
9392
|
+
{
|
|
9393
|
+
ref,
|
|
9394
|
+
className: cn(
|
|
9395
|
+
"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",
|
|
9396
|
+
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",
|
|
9397
|
+
className
|
|
9398
|
+
),
|
|
9399
|
+
position,
|
|
9400
|
+
...props,
|
|
9401
|
+
children: [
|
|
9402
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectScrollUpButton, {}),
|
|
9403
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
9404
|
+
SelectPrimitive.Viewport,
|
|
9405
|
+
{
|
|
9406
|
+
className: cn(
|
|
9407
|
+
"cnc-p-1",
|
|
9408
|
+
position === "popper" && "cnc-h-[var(--radix-select-trigger-height)] cnc-w-full cnc-min-w-[var(--radix-select-trigger-width)]"
|
|
9409
|
+
),
|
|
9410
|
+
children
|
|
9411
|
+
}
|
|
9412
|
+
),
|
|
9413
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectScrollDownButton, {})
|
|
9414
|
+
]
|
|
9415
|
+
}
|
|
9416
|
+
) }));
|
|
9417
|
+
SelectContent.displayName = SelectPrimitive.Content.displayName;
|
|
9418
|
+
var SelectLabel = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
9419
|
+
SelectPrimitive.Label,
|
|
9420
|
+
{
|
|
9421
|
+
ref,
|
|
9422
|
+
className: cn(
|
|
9423
|
+
"cnc-py-1.5 cnc-pl-8 cnc-pr-2 cnc-text-sm cnc-font-semibold",
|
|
9424
|
+
className
|
|
9425
|
+
),
|
|
9426
|
+
...props
|
|
9427
|
+
}
|
|
9428
|
+
));
|
|
9429
|
+
SelectLabel.displayName = SelectPrimitive.Label.displayName;
|
|
9430
|
+
var SelectItem = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
|
|
9431
|
+
SelectPrimitive.Item,
|
|
9432
|
+
{
|
|
9433
|
+
ref,
|
|
9434
|
+
className: cn(
|
|
9435
|
+
"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",
|
|
9436
|
+
className
|
|
9437
|
+
),
|
|
9438
|
+
...props,
|
|
9439
|
+
children: [
|
|
9440
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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__ */ (0, import_jsx_runtime24.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Check, { className: "cnc-h-4 cnc-w-4" }) }) }),
|
|
9441
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectPrimitive.ItemText, { children })
|
|
9442
|
+
]
|
|
9443
|
+
}
|
|
9444
|
+
));
|
|
9445
|
+
SelectItem.displayName = SelectPrimitive.Item.displayName;
|
|
9446
|
+
var SelectSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
9447
|
+
SelectPrimitive.Separator,
|
|
9448
|
+
{
|
|
9449
|
+
ref,
|
|
9450
|
+
className: cn("-cnc-mx-1 cnc-my-1 cnc-h-px cnc-bg-muted", className),
|
|
9451
|
+
...props
|
|
9452
|
+
}
|
|
9453
|
+
));
|
|
9454
|
+
SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
|
|
9455
|
+
|
|
9456
|
+
// src/components/atoms/forms/input.tsx
|
|
9457
|
+
var React39 = __toESM(require("react"));
|
|
9458
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
9459
|
+
var Input = React39.forwardRef(
|
|
9460
|
+
({ className, type, id, label, ...props }, ref) => {
|
|
9461
|
+
const idGenerate = id ? id : label && `field-${Date.now()}-${Math.random() * 1e5}`;
|
|
9462
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "cnc-w-full", children: [
|
|
9463
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
9464
|
+
"label",
|
|
9465
|
+
{
|
|
9466
|
+
htmlFor: idGenerate,
|
|
9467
|
+
className: "cnc-block cnc-text-sm cnc-mb-1 cnc-font-medium cnc-text-brand-gray-600",
|
|
9468
|
+
children: label
|
|
9469
|
+
}
|
|
9470
|
+
),
|
|
9471
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
9472
|
+
"input",
|
|
9473
|
+
{
|
|
9474
|
+
type,
|
|
9475
|
+
id: idGenerate,
|
|
9476
|
+
className: cn(
|
|
9477
|
+
"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",
|
|
9478
|
+
" 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",
|
|
9479
|
+
"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 ",
|
|
9480
|
+
"not-disabled:hover:cnc-border-brand-gray-500",
|
|
9481
|
+
className
|
|
9482
|
+
),
|
|
9483
|
+
ref,
|
|
9484
|
+
...props
|
|
9485
|
+
}
|
|
9486
|
+
)
|
|
9487
|
+
] });
|
|
9488
|
+
}
|
|
9489
|
+
);
|
|
9490
|
+
Input.displayName = "Input";
|
|
9491
|
+
|
|
9492
|
+
// src/components/atoms/display/badge.tsx
|
|
9493
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
9494
|
+
var Badge = ({
|
|
9495
|
+
variant = "default",
|
|
9496
|
+
rounded = true,
|
|
9497
|
+
size: size4 = "md",
|
|
9498
|
+
className,
|
|
9499
|
+
...rest
|
|
9500
|
+
}) => {
|
|
9501
|
+
const baseStyle = "cnc-inline-flex cnc-items-center cnc-font-semibold cnc-transition-colors";
|
|
9502
|
+
const variants = {
|
|
9503
|
+
default: "cnc-bg-brand-gray-20 cnc-text-brand-gray-600",
|
|
9504
|
+
primary: "cnc-bg-brand-blue-100 cnc-text-white",
|
|
9505
|
+
success: "cnc-bg-brand-green-200 cnc-text-white",
|
|
9506
|
+
warning: "cnc-bg-brand-gold-400 cnc-text-white",
|
|
9507
|
+
danger: "cnc-bg-brand-red-500 cnc-text-white",
|
|
9508
|
+
info: "cnc-bg-brand-blue-60 cnc-text-brand-blue-900"
|
|
9509
|
+
};
|
|
9510
|
+
const sizes = {
|
|
9511
|
+
sm: "cnc-text-xs cnc-px-2 cnc-py-0.5",
|
|
9512
|
+
md: "cnc-text-sm cnc-px-3 cnc-py-1",
|
|
9513
|
+
lg: "cnc-text-base cnc-px-4 cnc-py-2"
|
|
9514
|
+
};
|
|
9515
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
9516
|
+
"span",
|
|
9517
|
+
{
|
|
9518
|
+
className: cn(
|
|
9519
|
+
baseStyle,
|
|
9520
|
+
variants[variant],
|
|
9521
|
+
sizes[size4],
|
|
9522
|
+
rounded ? "cnc-rounded-full" : "",
|
|
9523
|
+
className
|
|
9524
|
+
),
|
|
9525
|
+
...rest
|
|
9526
|
+
}
|
|
9527
|
+
);
|
|
9528
|
+
};
|
|
9529
|
+
|
|
9530
|
+
// src/components/molecules/card.tsx
|
|
9531
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
9532
|
+
function Card({
|
|
9533
|
+
className,
|
|
9534
|
+
...rest
|
|
9535
|
+
}) {
|
|
9536
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
9537
|
+
"div",
|
|
9538
|
+
{
|
|
9539
|
+
className: cn(
|
|
9540
|
+
"cnc-w-full cnc-flex cnc-flex-col cnc-border-2 cnc-border-brand-gray-50 cnc-rounded-md cnc-shadow",
|
|
9541
|
+
className
|
|
9542
|
+
),
|
|
9543
|
+
...rest
|
|
9544
|
+
}
|
|
9545
|
+
);
|
|
9546
|
+
}
|
|
9547
|
+
function CardHeader({
|
|
9548
|
+
className,
|
|
9549
|
+
...rest
|
|
9550
|
+
}) {
|
|
9551
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "cnc-px-6 cnc-pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
9552
|
+
"div",
|
|
9553
|
+
{
|
|
9554
|
+
className: cn(
|
|
9555
|
+
"cnc-flex cnc-items-center cnc-justify-between cnc-w-full cnc-border-b-2 cnc-border-brand-gray-50 cnc-pb-4",
|
|
9556
|
+
className
|
|
9557
|
+
),
|
|
9558
|
+
...rest
|
|
9559
|
+
}
|
|
9560
|
+
) });
|
|
9561
|
+
}
|
|
9562
|
+
function CardContent({
|
|
9563
|
+
className,
|
|
9564
|
+
...rest
|
|
9565
|
+
}) {
|
|
9566
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("cnc-px-6 cnc-py-2", className), ...rest });
|
|
9567
|
+
}
|
|
9568
|
+
function CardFooter({
|
|
9569
|
+
className,
|
|
9570
|
+
...rest
|
|
9571
|
+
}) {
|
|
9572
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
9573
|
+
"div",
|
|
9574
|
+
{
|
|
9575
|
+
className: cn(
|
|
9576
|
+
"cnc-mt-4 cnc-flex cnc-border-t-2 cnc-border-brand-gray-50",
|
|
9577
|
+
className
|
|
9578
|
+
),
|
|
9579
|
+
...rest
|
|
9580
|
+
}
|
|
9581
|
+
);
|
|
9582
|
+
}
|
|
9583
|
+
function CardFooterItem({
|
|
9584
|
+
className,
|
|
9585
|
+
...rest
|
|
9586
|
+
}) {
|
|
9587
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
9588
|
+
"div",
|
|
9589
|
+
{
|
|
9590
|
+
className: cn(
|
|
9591
|
+
"cnc-molecule-card-item cnc-flex cnc-flex-1 cnc-items-center cnc-justify-center cnc-py-3 cnc-px-8",
|
|
9592
|
+
className
|
|
9593
|
+
),
|
|
9594
|
+
...rest
|
|
9595
|
+
}
|
|
9596
|
+
);
|
|
9597
|
+
}
|
|
9598
|
+
|
|
9599
|
+
// src/components/molecules/collapsible.tsx
|
|
9600
|
+
var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
|
|
9601
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
9602
|
+
var Collapsible = CollapsiblePrimitive.Root;
|
|
9603
|
+
var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
|
|
9604
|
+
var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
|
|
9605
|
+
var AnimatedCollapsibleContent = ({
|
|
9606
|
+
className,
|
|
9607
|
+
...rest
|
|
9608
|
+
}) => {
|
|
9609
|
+
const state = rest["data-state"];
|
|
9610
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(CollapsibleContent2, { className: "cnc-collapsible-content", ...rest });
|
|
9611
|
+
};
|
|
9612
|
+
|
|
9613
|
+
// src/components/molecules/display/page-header.tsx
|
|
9614
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
9615
|
+
function PageHeader({
|
|
9616
|
+
title,
|
|
9617
|
+
description,
|
|
9618
|
+
actions,
|
|
9619
|
+
titleAs = "h1",
|
|
9620
|
+
showGoBack = false
|
|
9621
|
+
}) {
|
|
9622
|
+
const ComponentTitle = titleAs;
|
|
9623
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: title && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("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: [
|
|
9624
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "cnc-flex cnc-flex-col cnc-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "cnc-flex cnc-items-start cnc-gap-2", children: [
|
|
9625
|
+
showGoBack && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
9626
|
+
"button",
|
|
9627
|
+
{
|
|
9628
|
+
className: "cnc-mt-1 hover:cnc-opacity-60",
|
|
9629
|
+
onClick: () => window.history.back(),
|
|
9630
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
9631
|
+
"svg",
|
|
9632
|
+
{
|
|
9633
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9634
|
+
className: "cnc-w-6 cnc-h-6 cnc-text-[#1F2C4D]",
|
|
9635
|
+
fill: "none",
|
|
9636
|
+
viewBox: "0 0 24 24",
|
|
9637
|
+
strokeWidth: 1.5,
|
|
9638
|
+
stroke: "currentColor",
|
|
9639
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
9640
|
+
"path",
|
|
9641
|
+
{
|
|
9642
|
+
strokeLinecap: "round",
|
|
9643
|
+
strokeLinejoin: "round",
|
|
9644
|
+
d: "M15.75 19.5 8.25 12l7.5-7.5"
|
|
9645
|
+
}
|
|
9646
|
+
)
|
|
9647
|
+
}
|
|
9648
|
+
)
|
|
9649
|
+
}
|
|
9650
|
+
),
|
|
9651
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
|
|
9652
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ComponentTitle, { className: "cnc-text-2xl cnc-leading-8 cnc-font-semibold cnc-text-brand-blue-600", children: title }),
|
|
9653
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "cnc-text-brand-gray-500 cnc-leading-4", children: description })
|
|
9654
|
+
] })
|
|
9655
|
+
] }) }),
|
|
9656
|
+
actions && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "cnc-flex cnc-gap-4", children: actions })
|
|
9657
|
+
] }) });
|
|
9658
|
+
}
|
|
9659
|
+
function Title2({ title, as: Component = "h1" }) {
|
|
9660
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Component, { className: "cnc-text-[28px] cnc-text-[#1F2C4D] cnc-font-bold cnc-mt-[10px] cnc-mb-5", children: title });
|
|
9661
|
+
}
|
|
9443
9662
|
// Annotate the CommonJS export names for ESM import in node:
|
|
9444
9663
|
0 && (module.exports = {
|
|
9445
9664
|
AplicationsHeader,
|
|
9665
|
+
Badge,
|
|
9446
9666
|
Button,
|
|
9667
|
+
Card,
|
|
9668
|
+
CardContent,
|
|
9669
|
+
CardFooter,
|
|
9670
|
+
CardFooterItem,
|
|
9671
|
+
CardHeader,
|
|
9672
|
+
Collapsible,
|
|
9673
|
+
CollapsibleContent,
|
|
9674
|
+
CollapsibleTrigger,
|
|
9447
9675
|
Dialog,
|
|
9448
9676
|
DialogClose,
|
|
9449
9677
|
DialogContent,
|
|
@@ -9473,16 +9701,32 @@ PopoverContent2.displayName = Content23.displayName;
|
|
|
9473
9701
|
HeaderContainer,
|
|
9474
9702
|
HeaderProfileHeader,
|
|
9475
9703
|
HeaderProfileItem,
|
|
9704
|
+
Input,
|
|
9476
9705
|
Modal,
|
|
9706
|
+
ModalEntidade,
|
|
9477
9707
|
ModalMudancaEntidade,
|
|
9708
|
+
PageHeader,
|
|
9478
9709
|
Popover,
|
|
9479
9710
|
PopoverContent,
|
|
9480
9711
|
PopoverTrigger,
|
|
9712
|
+
Select,
|
|
9713
|
+
SelectContent,
|
|
9714
|
+
SelectGroup,
|
|
9715
|
+
SelectItem,
|
|
9716
|
+
SelectLabel,
|
|
9717
|
+
SelectPortal,
|
|
9718
|
+
SelectScrollDownButton,
|
|
9719
|
+
SelectScrollUpButton,
|
|
9720
|
+
SelectSeparator,
|
|
9721
|
+
SelectTrigger,
|
|
9722
|
+
SelectValue,
|
|
9723
|
+
SelectViewport,
|
|
9481
9724
|
Sidebar,
|
|
9482
9725
|
SidebarContainer,
|
|
9483
9726
|
SidebarImageBrand,
|
|
9484
9727
|
SidebarNavCollapse,
|
|
9485
9728
|
SidebarNavLink,
|
|
9729
|
+
Title,
|
|
9486
9730
|
buttonVariants
|
|
9487
9731
|
});
|
|
9488
9732
|
/*! Bundled license information:
|
|
@@ -9527,6 +9771,14 @@ lucide-react/dist/esm/icons/check.js:
|
|
|
9527
9771
|
* See the LICENSE file in the root directory of this source tree.
|
|
9528
9772
|
*)
|
|
9529
9773
|
|
|
9774
|
+
lucide-react/dist/esm/icons/chevron-down.js:
|
|
9775
|
+
(**
|
|
9776
|
+
* @license lucide-react v0.453.0 - ISC
|
|
9777
|
+
*
|
|
9778
|
+
* This source code is licensed under the ISC license.
|
|
9779
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
9780
|
+
*)
|
|
9781
|
+
|
|
9530
9782
|
lucide-react/dist/esm/icons/chevron-right.js:
|
|
9531
9783
|
(**
|
|
9532
9784
|
* @license lucide-react v0.453.0 - ISC
|
|
@@ -9535,6 +9787,14 @@ lucide-react/dist/esm/icons/chevron-right.js:
|
|
|
9535
9787
|
* See the LICENSE file in the root directory of this source tree.
|
|
9536
9788
|
*)
|
|
9537
9789
|
|
|
9790
|
+
lucide-react/dist/esm/icons/chevron-up.js:
|
|
9791
|
+
(**
|
|
9792
|
+
* @license lucide-react v0.453.0 - ISC
|
|
9793
|
+
*
|
|
9794
|
+
* This source code is licensed under the ISC license.
|
|
9795
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
9796
|
+
*)
|
|
9797
|
+
|
|
9538
9798
|
lucide-react/dist/esm/icons/circle.js:
|
|
9539
9799
|
(**
|
|
9540
9800
|
* @license lucide-react v0.453.0 - ISC
|