@cnc-ti/layout-basic 8.3.18 → 8.3.20
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 +35 -2
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +15 -9
- package/dist/index.d.ts +15 -9
- package/dist/index.js +780 -2189
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +781 -2194
- package/dist/index.mjs.map +1 -1
- package/package.json +4 -2
package/dist/index.js
CHANGED
|
@@ -57,16 +57,16 @@ __export(src_exports, {
|
|
|
57
57
|
CommandList: () => CommandList,
|
|
58
58
|
CommandSeparator: () => CommandSeparator,
|
|
59
59
|
CommandShortcut: () => CommandShortcut,
|
|
60
|
-
Dialog: () =>
|
|
61
|
-
DialogClose: () =>
|
|
62
|
-
DialogContent: () =>
|
|
63
|
-
DialogDescription: () =>
|
|
60
|
+
Dialog: () => Dialog,
|
|
61
|
+
DialogClose: () => DialogClose,
|
|
62
|
+
DialogContent: () => DialogContent,
|
|
63
|
+
DialogDescription: () => DialogDescription,
|
|
64
64
|
DialogFooter: () => DialogFooter,
|
|
65
65
|
DialogHeader: () => DialogHeader,
|
|
66
|
-
DialogOverlay: () =>
|
|
67
|
-
DialogPortal: () =>
|
|
68
|
-
DialogTitle: () =>
|
|
69
|
-
DialogTrigger: () =>
|
|
66
|
+
DialogOverlay: () => DialogOverlay,
|
|
67
|
+
DialogPortal: () => DialogPortal,
|
|
68
|
+
DialogTitle: () => DialogTitle,
|
|
69
|
+
DialogTrigger: () => DialogTrigger,
|
|
70
70
|
DropdownMenu: () => DropdownMenu2,
|
|
71
71
|
DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem2,
|
|
72
72
|
DropdownMenuContent: () => DropdownMenuContent2,
|
|
@@ -114,6 +114,10 @@ __export(src_exports, {
|
|
|
114
114
|
SidebarImageBrand: () => SidebarImageBrand,
|
|
115
115
|
SidebarNavCollapse: () => SidebarNavCollapse,
|
|
116
116
|
SidebarNavLink: () => SidebarNavLink,
|
|
117
|
+
Tabs: () => Tabs,
|
|
118
|
+
TabsContent: () => TabsContent,
|
|
119
|
+
TabsList: () => TabsList,
|
|
120
|
+
TabsTrigger: () => TabsTrigger,
|
|
117
121
|
Title: () => Title2,
|
|
118
122
|
buttonVariants: () => buttonVariants
|
|
119
123
|
});
|
|
@@ -8181,7 +8185,11 @@ function getInitials(fullName) {
|
|
|
8181
8185
|
const lastNameInitial = nameParts[nameParts.length - 1][0].toUpperCase();
|
|
8182
8186
|
return `${firstNameInitial}${lastNameInitial}`;
|
|
8183
8187
|
}
|
|
8184
|
-
function Header({
|
|
8188
|
+
function Header({
|
|
8189
|
+
variant = "default",
|
|
8190
|
+
className,
|
|
8191
|
+
...props
|
|
8192
|
+
}) {
|
|
8185
8193
|
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
8186
8194
|
"header",
|
|
8187
8195
|
{
|
|
@@ -8222,1578 +8230,107 @@ var HeaderContainer = ({
|
|
|
8222
8230
|
),
|
|
8223
8231
|
...props,
|
|
8224
8232
|
children: [
|
|
8225
|
-
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "cnc-flex cnc-items-center", children: onOpenMenu && !isOpen && hasSidebar ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
8226
|
-
|
|
8227
|
-
]
|
|
8228
|
-
}
|
|
8229
|
-
);
|
|
8230
|
-
};
|
|
8231
|
-
var HeaderProfileHeader = ({
|
|
8232
|
-
user,
|
|
8233
|
-
children
|
|
8234
|
-
}) => {
|
|
8235
|
-
const { userName, entityName } = user;
|
|
8236
|
-
const initials = getInitials(userName);
|
|
8237
|
-
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenu2, { children: [
|
|
8238
|
-
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
8239
|
-
"div",
|
|
8240
|
-
{
|
|
8241
|
-
id: "cnc-border-lateral",
|
|
8242
|
-
className: "cnc-border-solid cnc-border-l-2 cnc-border-brand-blue-60 cnc-header-item",
|
|
8243
|
-
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: [
|
|
8244
|
-
/* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "cnc-flex cnc-flex-col cnc-justify-end cnc-text-end", children: [
|
|
8245
|
-
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "cnc-text-xs cnc-font-extrabold cnc-text-brand-blue-900 cnc-header-item", children: entityName }),
|
|
8246
|
-
/* @__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 })
|
|
8247
|
-
] }),
|
|
8248
|
-
/* @__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 }) })
|
|
8249
|
-
] })
|
|
8250
|
-
}
|
|
8251
|
-
) }),
|
|
8252
|
-
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuContent2, { children })
|
|
8253
|
-
] });
|
|
8254
|
-
};
|
|
8255
|
-
var HeaderProfileItem = ({
|
|
8256
|
-
onClick,
|
|
8257
|
-
icon,
|
|
8258
|
-
children
|
|
8259
|
-
}) => {
|
|
8260
|
-
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenuItem2, { onClick, children: [
|
|
8261
|
-
icon,
|
|
8262
|
-
children
|
|
8263
|
-
] });
|
|
8264
|
-
};
|
|
8265
|
-
var AplicationsHeader = ({ children }) => {
|
|
8266
|
-
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenu2, { children: [
|
|
8267
|
-
/* @__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)(
|
|
8268
|
-
"svg",
|
|
8269
|
-
{
|
|
8270
|
-
width: "18",
|
|
8271
|
-
height: "18",
|
|
8272
|
-
viewBox: "0 0 16 16",
|
|
8273
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
8274
|
-
className: "cnc-header-item",
|
|
8275
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
8276
|
-
"path",
|
|
8233
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "cnc-flex cnc-items-center", children: onOpenMenu && !isOpen && hasSidebar ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
8234
|
+
"button",
|
|
8277
8235
|
{
|
|
8278
|
-
|
|
8279
|
-
|
|
8280
|
-
|
|
8281
|
-
|
|
8282
|
-
|
|
8283
|
-
|
|
8284
|
-
|
|
8285
|
-
|
|
8286
|
-
|
|
8287
|
-
|
|
8288
|
-
|
|
8289
|
-
|
|
8290
|
-
|
|
8291
|
-
|
|
8292
|
-
|
|
8293
|
-
|
|
8294
|
-
|
|
8295
|
-
|
|
8296
|
-
|
|
8297
|
-
|
|
8298
|
-
|
|
8299
|
-
|
|
8300
|
-
|
|
8301
|
-
|
|
8302
|
-
|
|
8303
|
-
if (typeof ref === "function") {
|
|
8304
|
-
return ref(value);
|
|
8305
|
-
} else if (ref !== null && ref !== void 0) {
|
|
8306
|
-
ref.current = value;
|
|
8307
|
-
}
|
|
8308
|
-
}
|
|
8309
|
-
function composeRefs2(...refs) {
|
|
8310
|
-
return (node) => {
|
|
8311
|
-
let hasCleanup = false;
|
|
8312
|
-
const cleanups = refs.map((ref) => {
|
|
8313
|
-
const cleanup = setRef2(ref, node);
|
|
8314
|
-
if (!hasCleanup && typeof cleanup == "function") {
|
|
8315
|
-
hasCleanup = true;
|
|
8316
|
-
}
|
|
8317
|
-
return cleanup;
|
|
8318
|
-
});
|
|
8319
|
-
if (hasCleanup) {
|
|
8320
|
-
return () => {
|
|
8321
|
-
for (let i = 0; i < cleanups.length; i++) {
|
|
8322
|
-
const cleanup = cleanups[i];
|
|
8323
|
-
if (typeof cleanup == "function") {
|
|
8324
|
-
cleanup();
|
|
8325
|
-
} else {
|
|
8326
|
-
setRef2(refs[i], null);
|
|
8236
|
+
onClick: onOpenMenu,
|
|
8237
|
+
className: "hover:cnc-brightness-75 cnc-sidebar-child-hidden cnc-cursor-pointer",
|
|
8238
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
8239
|
+
"svg",
|
|
8240
|
+
{
|
|
8241
|
+
stroke: "currentColor",
|
|
8242
|
+
fill: "currentColor",
|
|
8243
|
+
strokeWidth: "0",
|
|
8244
|
+
viewBox: "0 0 512 512",
|
|
8245
|
+
className: "cnc-size-6 cnc-text-brand-blue-900 cnc-header-item",
|
|
8246
|
+
height: "1em",
|
|
8247
|
+
width: "1em",
|
|
8248
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8249
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
8250
|
+
"path",
|
|
8251
|
+
{
|
|
8252
|
+
fill: "none",
|
|
8253
|
+
strokeLinecap: "round",
|
|
8254
|
+
strokeMiterlimit: "10",
|
|
8255
|
+
strokeWidth: "48",
|
|
8256
|
+
d: "M88 152h336M88 256h336M88 360h336"
|
|
8257
|
+
}
|
|
8258
|
+
)
|
|
8259
|
+
}
|
|
8260
|
+
)
|
|
8327
8261
|
}
|
|
8328
|
-
}
|
|
8329
|
-
|
|
8330
|
-
|
|
8331
|
-
};
|
|
8332
|
-
}
|
|
8333
|
-
function useComposedRefs2(...refs) {
|
|
8334
|
-
return React33.useCallback(composeRefs2(...refs), refs);
|
|
8335
|
-
}
|
|
8336
|
-
|
|
8337
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-context/dist/index.mjs
|
|
8338
|
-
var React34 = __toESM(require("react"), 1);
|
|
8339
|
-
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
8340
|
-
function createContext22(rootComponentName, defaultContext) {
|
|
8341
|
-
const Context = React34.createContext(defaultContext);
|
|
8342
|
-
const Provider = (props) => {
|
|
8343
|
-
const { children, ...context } = props;
|
|
8344
|
-
const value = React34.useMemo(() => context, Object.values(context));
|
|
8345
|
-
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Context.Provider, { value, children });
|
|
8346
|
-
};
|
|
8347
|
-
Provider.displayName = rootComponentName + "Provider";
|
|
8348
|
-
function useContext22(consumerName) {
|
|
8349
|
-
const context = React34.useContext(Context);
|
|
8350
|
-
if (context) return context;
|
|
8351
|
-
if (defaultContext !== void 0) return defaultContext;
|
|
8352
|
-
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
|
8353
|
-
}
|
|
8354
|
-
return [Provider, useContext22];
|
|
8355
|
-
}
|
|
8356
|
-
function createContextScope2(scopeName, createContextScopeDeps = []) {
|
|
8357
|
-
let defaultContexts = [];
|
|
8358
|
-
function createContext32(rootComponentName, defaultContext) {
|
|
8359
|
-
const BaseContext = React34.createContext(defaultContext);
|
|
8360
|
-
const index2 = defaultContexts.length;
|
|
8361
|
-
defaultContexts = [...defaultContexts, defaultContext];
|
|
8362
|
-
const Provider = (props) => {
|
|
8363
|
-
const { scope, children, ...context } = props;
|
|
8364
|
-
const Context = scope?.[scopeName]?.[index2] || BaseContext;
|
|
8365
|
-
const value = React34.useMemo(() => context, Object.values(context));
|
|
8366
|
-
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Context.Provider, { value, children });
|
|
8367
|
-
};
|
|
8368
|
-
Provider.displayName = rootComponentName + "Provider";
|
|
8369
|
-
function useContext22(consumerName, scope) {
|
|
8370
|
-
const Context = scope?.[scopeName]?.[index2] || BaseContext;
|
|
8371
|
-
const context = React34.useContext(Context);
|
|
8372
|
-
if (context) return context;
|
|
8373
|
-
if (defaultContext !== void 0) return defaultContext;
|
|
8374
|
-
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
|
8262
|
+
) : !hasSidebar && renderLogo() }),
|
|
8263
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "cnc-flex", children })
|
|
8264
|
+
]
|
|
8375
8265
|
}
|
|
8376
|
-
return [Provider, useContext22];
|
|
8377
|
-
}
|
|
8378
|
-
const createScope = () => {
|
|
8379
|
-
const scopeContexts = defaultContexts.map((defaultContext) => {
|
|
8380
|
-
return React34.createContext(defaultContext);
|
|
8381
|
-
});
|
|
8382
|
-
return function useScope(scope) {
|
|
8383
|
-
const contexts = scope?.[scopeName] || scopeContexts;
|
|
8384
|
-
return React34.useMemo(
|
|
8385
|
-
() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
|
|
8386
|
-
[scope, contexts]
|
|
8387
|
-
);
|
|
8388
|
-
};
|
|
8389
|
-
};
|
|
8390
|
-
createScope.scopeName = scopeName;
|
|
8391
|
-
return [createContext32, composeContextScopes2(createScope, ...createContextScopeDeps)];
|
|
8392
|
-
}
|
|
8393
|
-
function composeContextScopes2(...scopes) {
|
|
8394
|
-
const baseScope = scopes[0];
|
|
8395
|
-
if (scopes.length === 1) return baseScope;
|
|
8396
|
-
const createScope = () => {
|
|
8397
|
-
const scopeHooks = scopes.map((createScope2) => ({
|
|
8398
|
-
useScope: createScope2(),
|
|
8399
|
-
scopeName: createScope2.scopeName
|
|
8400
|
-
}));
|
|
8401
|
-
return function useComposedScopes(overrideScopes) {
|
|
8402
|
-
const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
|
|
8403
|
-
const scopeProps = useScope(overrideScopes);
|
|
8404
|
-
const currentScope = scopeProps[`__scope${scopeName}`];
|
|
8405
|
-
return { ...nextScopes2, ...currentScope };
|
|
8406
|
-
}, {});
|
|
8407
|
-
return React34.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
|
|
8408
|
-
};
|
|
8409
|
-
};
|
|
8410
|
-
createScope.scopeName = baseScope.scopeName;
|
|
8411
|
-
return createScope;
|
|
8412
|
-
}
|
|
8413
|
-
|
|
8414
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-id/dist/index.mjs
|
|
8415
|
-
var React36 = __toESM(require("react"), 1);
|
|
8416
|
-
|
|
8417
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
|
|
8418
|
-
var React35 = __toESM(require("react"), 1);
|
|
8419
|
-
var useLayoutEffect22 = globalThis?.document ? React35.useLayoutEffect : () => {
|
|
8420
|
-
};
|
|
8421
|
-
|
|
8422
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-id/dist/index.mjs
|
|
8423
|
-
var useReactId2 = React36[" useId ".trim().toString()] || (() => void 0);
|
|
8424
|
-
var count3 = 0;
|
|
8425
|
-
function useId2(deterministicId) {
|
|
8426
|
-
const [id, setId] = React36.useState(useReactId2());
|
|
8427
|
-
useLayoutEffect22(() => {
|
|
8428
|
-
if (!deterministicId) setId((reactId) => reactId ?? String(count3++));
|
|
8429
|
-
}, [deterministicId]);
|
|
8430
|
-
return deterministicId || (id ? `radix-${id}` : "");
|
|
8431
|
-
}
|
|
8432
|
-
|
|
8433
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
|
|
8434
|
-
var React37 = __toESM(require("react"), 1);
|
|
8435
|
-
var React210 = __toESM(require("react"), 1);
|
|
8436
|
-
var useInsertionEffect = React37[" useInsertionEffect ".trim().toString()] || useLayoutEffect22;
|
|
8437
|
-
function useControllableState2({
|
|
8438
|
-
prop,
|
|
8439
|
-
defaultProp,
|
|
8440
|
-
onChange = () => {
|
|
8441
|
-
},
|
|
8442
|
-
caller
|
|
8443
|
-
}) {
|
|
8444
|
-
const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState2({
|
|
8445
|
-
defaultProp,
|
|
8446
|
-
onChange
|
|
8447
|
-
});
|
|
8448
|
-
const isControlled = prop !== void 0;
|
|
8449
|
-
const value = isControlled ? prop : uncontrolledProp;
|
|
8450
|
-
if (true) {
|
|
8451
|
-
const isControlledRef = React37.useRef(prop !== void 0);
|
|
8452
|
-
React37.useEffect(() => {
|
|
8453
|
-
const wasControlled = isControlledRef.current;
|
|
8454
|
-
if (wasControlled !== isControlled) {
|
|
8455
|
-
const from = wasControlled ? "controlled" : "uncontrolled";
|
|
8456
|
-
const to = isControlled ? "controlled" : "uncontrolled";
|
|
8457
|
-
console.warn(
|
|
8458
|
-
`${caller} is changing from ${from} to ${to}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
|
|
8459
|
-
);
|
|
8460
|
-
}
|
|
8461
|
-
isControlledRef.current = isControlled;
|
|
8462
|
-
}, [isControlled, caller]);
|
|
8463
|
-
}
|
|
8464
|
-
const setValue = React37.useCallback(
|
|
8465
|
-
(nextValue) => {
|
|
8466
|
-
if (isControlled) {
|
|
8467
|
-
const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
|
|
8468
|
-
if (value2 !== prop) {
|
|
8469
|
-
onChangeRef.current?.(value2);
|
|
8470
|
-
}
|
|
8471
|
-
} else {
|
|
8472
|
-
setUncontrolledProp(nextValue);
|
|
8473
|
-
}
|
|
8474
|
-
},
|
|
8475
|
-
[isControlled, prop, setUncontrolledProp, onChangeRef]
|
|
8476
8266
|
);
|
|
8477
|
-
return [value, setValue];
|
|
8478
|
-
}
|
|
8479
|
-
function useUncontrolledState2({
|
|
8480
|
-
defaultProp,
|
|
8481
|
-
onChange
|
|
8482
|
-
}) {
|
|
8483
|
-
const [value, setValue] = React37.useState(defaultProp);
|
|
8484
|
-
const prevValueRef = React37.useRef(value);
|
|
8485
|
-
const onChangeRef = React37.useRef(onChange);
|
|
8486
|
-
useInsertionEffect(() => {
|
|
8487
|
-
onChangeRef.current = onChange;
|
|
8488
|
-
}, [onChange]);
|
|
8489
|
-
React37.useEffect(() => {
|
|
8490
|
-
if (prevValueRef.current !== value) {
|
|
8491
|
-
onChangeRef.current?.(value);
|
|
8492
|
-
prevValueRef.current = value;
|
|
8493
|
-
}
|
|
8494
|
-
}, [value, prevValueRef]);
|
|
8495
|
-
return [value, setValue, onChangeRef];
|
|
8496
|
-
}
|
|
8497
|
-
function isFunction(value) {
|
|
8498
|
-
return typeof value === "function";
|
|
8499
|
-
}
|
|
8500
|
-
var SYNC_STATE = Symbol("RADIX:SYNC_STATE");
|
|
8501
|
-
|
|
8502
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
|
|
8503
|
-
var React41 = __toESM(require("react"), 1);
|
|
8504
|
-
|
|
8505
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-primitive/dist/index.mjs
|
|
8506
|
-
var React38 = __toESM(require("react"), 1);
|
|
8507
|
-
var ReactDOM4 = __toESM(require("react-dom"), 1);
|
|
8508
|
-
var import_react_slot5 = require("@radix-ui/react-slot");
|
|
8509
|
-
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
8510
|
-
var NODES2 = [
|
|
8511
|
-
"a",
|
|
8512
|
-
"button",
|
|
8513
|
-
"div",
|
|
8514
|
-
"form",
|
|
8515
|
-
"h2",
|
|
8516
|
-
"h3",
|
|
8517
|
-
"img",
|
|
8518
|
-
"input",
|
|
8519
|
-
"label",
|
|
8520
|
-
"li",
|
|
8521
|
-
"nav",
|
|
8522
|
-
"ol",
|
|
8523
|
-
"p",
|
|
8524
|
-
"select",
|
|
8525
|
-
"span",
|
|
8526
|
-
"svg",
|
|
8527
|
-
"ul"
|
|
8528
|
-
];
|
|
8529
|
-
var Primitive2 = NODES2.reduce((primitive, node) => {
|
|
8530
|
-
const Slot8 = (0, import_react_slot5.createSlot)(`Primitive.${node}`);
|
|
8531
|
-
const Node2 = React38.forwardRef((props, forwardedRef) => {
|
|
8532
|
-
const { asChild, ...primitiveProps } = props;
|
|
8533
|
-
const Comp = asChild ? Slot8 : node;
|
|
8534
|
-
if (typeof window !== "undefined") {
|
|
8535
|
-
window[Symbol.for("radix-ui")] = true;
|
|
8536
|
-
}
|
|
8537
|
-
return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
|
|
8538
|
-
});
|
|
8539
|
-
Node2.displayName = `Primitive.${node}`;
|
|
8540
|
-
return { ...primitive, [node]: Node2 };
|
|
8541
|
-
}, {});
|
|
8542
|
-
function dispatchDiscreteCustomEvent2(target, event) {
|
|
8543
|
-
if (target) ReactDOM4.flushSync(() => target.dispatchEvent(event));
|
|
8544
|
-
}
|
|
8545
|
-
|
|
8546
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
|
|
8547
|
-
var React39 = __toESM(require("react"), 1);
|
|
8548
|
-
function useCallbackRef3(callback) {
|
|
8549
|
-
const callbackRef = React39.useRef(callback);
|
|
8550
|
-
React39.useEffect(() => {
|
|
8551
|
-
callbackRef.current = callback;
|
|
8552
|
-
});
|
|
8553
|
-
return React39.useMemo(() => (...args) => callbackRef.current?.(...args), []);
|
|
8554
|
-
}
|
|
8555
|
-
|
|
8556
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs
|
|
8557
|
-
var React40 = __toESM(require("react"), 1);
|
|
8558
|
-
function useEscapeKeydown2(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
|
|
8559
|
-
const onEscapeKeyDown = useCallbackRef3(onEscapeKeyDownProp);
|
|
8560
|
-
React40.useEffect(() => {
|
|
8561
|
-
const handleKeyDown = (event) => {
|
|
8562
|
-
if (event.key === "Escape") {
|
|
8563
|
-
onEscapeKeyDown(event);
|
|
8564
|
-
}
|
|
8565
|
-
};
|
|
8566
|
-
ownerDocument.addEventListener("keydown", handleKeyDown, { capture: true });
|
|
8567
|
-
return () => ownerDocument.removeEventListener("keydown", handleKeyDown, { capture: true });
|
|
8568
|
-
}, [onEscapeKeyDown, ownerDocument]);
|
|
8569
|
-
}
|
|
8570
|
-
|
|
8571
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
|
|
8572
|
-
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
8573
|
-
var DISMISSABLE_LAYER_NAME2 = "DismissableLayer";
|
|
8574
|
-
var CONTEXT_UPDATE2 = "dismissableLayer.update";
|
|
8575
|
-
var POINTER_DOWN_OUTSIDE2 = "dismissableLayer.pointerDownOutside";
|
|
8576
|
-
var FOCUS_OUTSIDE2 = "dismissableLayer.focusOutside";
|
|
8577
|
-
var originalBodyPointerEvents2;
|
|
8578
|
-
var DismissableLayerContext2 = React41.createContext({
|
|
8579
|
-
layers: /* @__PURE__ */ new Set(),
|
|
8580
|
-
layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
|
|
8581
|
-
branches: /* @__PURE__ */ new Set()
|
|
8582
|
-
});
|
|
8583
|
-
var DismissableLayer2 = React41.forwardRef(
|
|
8584
|
-
(props, forwardedRef) => {
|
|
8585
|
-
const {
|
|
8586
|
-
disableOutsidePointerEvents = false,
|
|
8587
|
-
onEscapeKeyDown,
|
|
8588
|
-
onPointerDownOutside,
|
|
8589
|
-
onFocusOutside,
|
|
8590
|
-
onInteractOutside,
|
|
8591
|
-
onDismiss,
|
|
8592
|
-
...layerProps
|
|
8593
|
-
} = props;
|
|
8594
|
-
const context = React41.useContext(DismissableLayerContext2);
|
|
8595
|
-
const [node, setNode] = React41.useState(null);
|
|
8596
|
-
const ownerDocument = node?.ownerDocument ?? globalThis?.document;
|
|
8597
|
-
const [, force] = React41.useState({});
|
|
8598
|
-
const composedRefs = useComposedRefs2(forwardedRef, (node2) => setNode(node2));
|
|
8599
|
-
const layers = Array.from(context.layers);
|
|
8600
|
-
const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
|
|
8601
|
-
const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);
|
|
8602
|
-
const index2 = node ? layers.indexOf(node) : -1;
|
|
8603
|
-
const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;
|
|
8604
|
-
const isPointerEventsEnabled = index2 >= highestLayerWithOutsidePointerEventsDisabledIndex;
|
|
8605
|
-
const pointerDownOutside = usePointerDownOutside2((event) => {
|
|
8606
|
-
const target = event.target;
|
|
8607
|
-
const isPointerDownOnBranch = [...context.branches].some((branch) => branch.contains(target));
|
|
8608
|
-
if (!isPointerEventsEnabled || isPointerDownOnBranch) return;
|
|
8609
|
-
onPointerDownOutside?.(event);
|
|
8610
|
-
onInteractOutside?.(event);
|
|
8611
|
-
if (!event.defaultPrevented) onDismiss?.();
|
|
8612
|
-
}, ownerDocument);
|
|
8613
|
-
const focusOutside = useFocusOutside2((event) => {
|
|
8614
|
-
const target = event.target;
|
|
8615
|
-
const isFocusInBranch = [...context.branches].some((branch) => branch.contains(target));
|
|
8616
|
-
if (isFocusInBranch) return;
|
|
8617
|
-
onFocusOutside?.(event);
|
|
8618
|
-
onInteractOutside?.(event);
|
|
8619
|
-
if (!event.defaultPrevented) onDismiss?.();
|
|
8620
|
-
}, ownerDocument);
|
|
8621
|
-
useEscapeKeydown2((event) => {
|
|
8622
|
-
const isHighestLayer = index2 === context.layers.size - 1;
|
|
8623
|
-
if (!isHighestLayer) return;
|
|
8624
|
-
onEscapeKeyDown?.(event);
|
|
8625
|
-
if (!event.defaultPrevented && onDismiss) {
|
|
8626
|
-
event.preventDefault();
|
|
8627
|
-
onDismiss();
|
|
8628
|
-
}
|
|
8629
|
-
}, ownerDocument);
|
|
8630
|
-
React41.useEffect(() => {
|
|
8631
|
-
if (!node) return;
|
|
8632
|
-
if (disableOutsidePointerEvents) {
|
|
8633
|
-
if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
|
|
8634
|
-
originalBodyPointerEvents2 = ownerDocument.body.style.pointerEvents;
|
|
8635
|
-
ownerDocument.body.style.pointerEvents = "none";
|
|
8636
|
-
}
|
|
8637
|
-
context.layersWithOutsidePointerEventsDisabled.add(node);
|
|
8638
|
-
}
|
|
8639
|
-
context.layers.add(node);
|
|
8640
|
-
dispatchUpdate2();
|
|
8641
|
-
return () => {
|
|
8642
|
-
if (disableOutsidePointerEvents && context.layersWithOutsidePointerEventsDisabled.size === 1) {
|
|
8643
|
-
ownerDocument.body.style.pointerEvents = originalBodyPointerEvents2;
|
|
8644
|
-
}
|
|
8645
|
-
};
|
|
8646
|
-
}, [node, ownerDocument, disableOutsidePointerEvents, context]);
|
|
8647
|
-
React41.useEffect(() => {
|
|
8648
|
-
return () => {
|
|
8649
|
-
if (!node) return;
|
|
8650
|
-
context.layers.delete(node);
|
|
8651
|
-
context.layersWithOutsidePointerEventsDisabled.delete(node);
|
|
8652
|
-
dispatchUpdate2();
|
|
8653
|
-
};
|
|
8654
|
-
}, [node, context]);
|
|
8655
|
-
React41.useEffect(() => {
|
|
8656
|
-
const handleUpdate = () => force({});
|
|
8657
|
-
document.addEventListener(CONTEXT_UPDATE2, handleUpdate);
|
|
8658
|
-
return () => document.removeEventListener(CONTEXT_UPDATE2, handleUpdate);
|
|
8659
|
-
}, []);
|
|
8660
|
-
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
8661
|
-
Primitive2.div,
|
|
8662
|
-
{
|
|
8663
|
-
...layerProps,
|
|
8664
|
-
ref: composedRefs,
|
|
8665
|
-
style: {
|
|
8666
|
-
pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0,
|
|
8667
|
-
...props.style
|
|
8668
|
-
},
|
|
8669
|
-
onFocusCapture: composeEventHandlers2(props.onFocusCapture, focusOutside.onFocusCapture),
|
|
8670
|
-
onBlurCapture: composeEventHandlers2(props.onBlurCapture, focusOutside.onBlurCapture),
|
|
8671
|
-
onPointerDownCapture: composeEventHandlers2(
|
|
8672
|
-
props.onPointerDownCapture,
|
|
8673
|
-
pointerDownOutside.onPointerDownCapture
|
|
8674
|
-
)
|
|
8675
|
-
}
|
|
8676
|
-
);
|
|
8677
|
-
}
|
|
8678
|
-
);
|
|
8679
|
-
DismissableLayer2.displayName = DISMISSABLE_LAYER_NAME2;
|
|
8680
|
-
var BRANCH_NAME2 = "DismissableLayerBranch";
|
|
8681
|
-
var DismissableLayerBranch2 = React41.forwardRef((props, forwardedRef) => {
|
|
8682
|
-
const context = React41.useContext(DismissableLayerContext2);
|
|
8683
|
-
const ref = React41.useRef(null);
|
|
8684
|
-
const composedRefs = useComposedRefs2(forwardedRef, ref);
|
|
8685
|
-
React41.useEffect(() => {
|
|
8686
|
-
const node = ref.current;
|
|
8687
|
-
if (node) {
|
|
8688
|
-
context.branches.add(node);
|
|
8689
|
-
return () => {
|
|
8690
|
-
context.branches.delete(node);
|
|
8691
|
-
};
|
|
8692
|
-
}
|
|
8693
|
-
}, [context.branches]);
|
|
8694
|
-
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Primitive2.div, { ...props, ref: composedRefs });
|
|
8695
|
-
});
|
|
8696
|
-
DismissableLayerBranch2.displayName = BRANCH_NAME2;
|
|
8697
|
-
function usePointerDownOutside2(onPointerDownOutside, ownerDocument = globalThis?.document) {
|
|
8698
|
-
const handlePointerDownOutside = useCallbackRef3(onPointerDownOutside);
|
|
8699
|
-
const isPointerInsideReactTreeRef = React41.useRef(false);
|
|
8700
|
-
const handleClickRef = React41.useRef(() => {
|
|
8701
|
-
});
|
|
8702
|
-
React41.useEffect(() => {
|
|
8703
|
-
const handlePointerDown = (event) => {
|
|
8704
|
-
if (event.target && !isPointerInsideReactTreeRef.current) {
|
|
8705
|
-
let handleAndDispatchPointerDownOutsideEvent2 = function() {
|
|
8706
|
-
handleAndDispatchCustomEvent2(
|
|
8707
|
-
POINTER_DOWN_OUTSIDE2,
|
|
8708
|
-
handlePointerDownOutside,
|
|
8709
|
-
eventDetail,
|
|
8710
|
-
{ discrete: true }
|
|
8711
|
-
);
|
|
8712
|
-
};
|
|
8713
|
-
var handleAndDispatchPointerDownOutsideEvent = handleAndDispatchPointerDownOutsideEvent2;
|
|
8714
|
-
const eventDetail = { originalEvent: event };
|
|
8715
|
-
if (event.pointerType === "touch") {
|
|
8716
|
-
ownerDocument.removeEventListener("click", handleClickRef.current);
|
|
8717
|
-
handleClickRef.current = handleAndDispatchPointerDownOutsideEvent2;
|
|
8718
|
-
ownerDocument.addEventListener("click", handleClickRef.current, { once: true });
|
|
8719
|
-
} else {
|
|
8720
|
-
handleAndDispatchPointerDownOutsideEvent2();
|
|
8721
|
-
}
|
|
8722
|
-
} else {
|
|
8723
|
-
ownerDocument.removeEventListener("click", handleClickRef.current);
|
|
8724
|
-
}
|
|
8725
|
-
isPointerInsideReactTreeRef.current = false;
|
|
8726
|
-
};
|
|
8727
|
-
const timerId = window.setTimeout(() => {
|
|
8728
|
-
ownerDocument.addEventListener("pointerdown", handlePointerDown);
|
|
8729
|
-
}, 0);
|
|
8730
|
-
return () => {
|
|
8731
|
-
window.clearTimeout(timerId);
|
|
8732
|
-
ownerDocument.removeEventListener("pointerdown", handlePointerDown);
|
|
8733
|
-
ownerDocument.removeEventListener("click", handleClickRef.current);
|
|
8734
|
-
};
|
|
8735
|
-
}, [ownerDocument, handlePointerDownOutside]);
|
|
8736
|
-
return {
|
|
8737
|
-
// ensures we check React component tree (not just DOM tree)
|
|
8738
|
-
onPointerDownCapture: () => isPointerInsideReactTreeRef.current = true
|
|
8739
|
-
};
|
|
8740
|
-
}
|
|
8741
|
-
function useFocusOutside2(onFocusOutside, ownerDocument = globalThis?.document) {
|
|
8742
|
-
const handleFocusOutside = useCallbackRef3(onFocusOutside);
|
|
8743
|
-
const isFocusInsideReactTreeRef = React41.useRef(false);
|
|
8744
|
-
React41.useEffect(() => {
|
|
8745
|
-
const handleFocus = (event) => {
|
|
8746
|
-
if (event.target && !isFocusInsideReactTreeRef.current) {
|
|
8747
|
-
const eventDetail = { originalEvent: event };
|
|
8748
|
-
handleAndDispatchCustomEvent2(FOCUS_OUTSIDE2, handleFocusOutside, eventDetail, {
|
|
8749
|
-
discrete: false
|
|
8750
|
-
});
|
|
8751
|
-
}
|
|
8752
|
-
};
|
|
8753
|
-
ownerDocument.addEventListener("focusin", handleFocus);
|
|
8754
|
-
return () => ownerDocument.removeEventListener("focusin", handleFocus);
|
|
8755
|
-
}, [ownerDocument, handleFocusOutside]);
|
|
8756
|
-
return {
|
|
8757
|
-
onFocusCapture: () => isFocusInsideReactTreeRef.current = true,
|
|
8758
|
-
onBlurCapture: () => isFocusInsideReactTreeRef.current = false
|
|
8759
|
-
};
|
|
8760
|
-
}
|
|
8761
|
-
function dispatchUpdate2() {
|
|
8762
|
-
const event = new CustomEvent(CONTEXT_UPDATE2);
|
|
8763
|
-
document.dispatchEvent(event);
|
|
8764
|
-
}
|
|
8765
|
-
function handleAndDispatchCustomEvent2(name, handler, detail, { discrete }) {
|
|
8766
|
-
const target = detail.originalEvent.target;
|
|
8767
|
-
const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail });
|
|
8768
|
-
if (handler) target.addEventListener(name, handler, { once: true });
|
|
8769
|
-
if (discrete) {
|
|
8770
|
-
dispatchDiscreteCustomEvent2(target, event);
|
|
8771
|
-
} else {
|
|
8772
|
-
target.dispatchEvent(event);
|
|
8773
|
-
}
|
|
8774
|
-
}
|
|
8775
|
-
|
|
8776
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-focus-scope/dist/index.mjs
|
|
8777
|
-
var React42 = __toESM(require("react"), 1);
|
|
8778
|
-
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
8779
|
-
var AUTOFOCUS_ON_MOUNT2 = "focusScope.autoFocusOnMount";
|
|
8780
|
-
var AUTOFOCUS_ON_UNMOUNT2 = "focusScope.autoFocusOnUnmount";
|
|
8781
|
-
var EVENT_OPTIONS3 = { bubbles: false, cancelable: true };
|
|
8782
|
-
var FOCUS_SCOPE_NAME2 = "FocusScope";
|
|
8783
|
-
var FocusScope2 = React42.forwardRef((props, forwardedRef) => {
|
|
8784
|
-
const {
|
|
8785
|
-
loop = false,
|
|
8786
|
-
trapped = false,
|
|
8787
|
-
onMountAutoFocus: onMountAutoFocusProp,
|
|
8788
|
-
onUnmountAutoFocus: onUnmountAutoFocusProp,
|
|
8789
|
-
...scopeProps
|
|
8790
|
-
} = props;
|
|
8791
|
-
const [container, setContainer] = React42.useState(null);
|
|
8792
|
-
const onMountAutoFocus = useCallbackRef3(onMountAutoFocusProp);
|
|
8793
|
-
const onUnmountAutoFocus = useCallbackRef3(onUnmountAutoFocusProp);
|
|
8794
|
-
const lastFocusedElementRef = React42.useRef(null);
|
|
8795
|
-
const composedRefs = useComposedRefs2(forwardedRef, (node) => setContainer(node));
|
|
8796
|
-
const focusScope = React42.useRef({
|
|
8797
|
-
paused: false,
|
|
8798
|
-
pause() {
|
|
8799
|
-
this.paused = true;
|
|
8800
|
-
},
|
|
8801
|
-
resume() {
|
|
8802
|
-
this.paused = false;
|
|
8803
|
-
}
|
|
8804
|
-
}).current;
|
|
8805
|
-
React42.useEffect(() => {
|
|
8806
|
-
if (trapped) {
|
|
8807
|
-
let handleFocusIn2 = function(event) {
|
|
8808
|
-
if (focusScope.paused || !container) return;
|
|
8809
|
-
const target = event.target;
|
|
8810
|
-
if (container.contains(target)) {
|
|
8811
|
-
lastFocusedElementRef.current = target;
|
|
8812
|
-
} else {
|
|
8813
|
-
focus2(lastFocusedElementRef.current, { select: true });
|
|
8814
|
-
}
|
|
8815
|
-
}, handleFocusOut2 = function(event) {
|
|
8816
|
-
if (focusScope.paused || !container) return;
|
|
8817
|
-
const relatedTarget = event.relatedTarget;
|
|
8818
|
-
if (relatedTarget === null) return;
|
|
8819
|
-
if (!container.contains(relatedTarget)) {
|
|
8820
|
-
focus2(lastFocusedElementRef.current, { select: true });
|
|
8821
|
-
}
|
|
8822
|
-
}, handleMutations2 = function(mutations) {
|
|
8823
|
-
const focusedElement = document.activeElement;
|
|
8824
|
-
if (focusedElement !== document.body) return;
|
|
8825
|
-
for (const mutation of mutations) {
|
|
8826
|
-
if (mutation.removedNodes.length > 0) focus2(container);
|
|
8827
|
-
}
|
|
8828
|
-
};
|
|
8829
|
-
var handleFocusIn = handleFocusIn2, handleFocusOut = handleFocusOut2, handleMutations = handleMutations2;
|
|
8830
|
-
document.addEventListener("focusin", handleFocusIn2);
|
|
8831
|
-
document.addEventListener("focusout", handleFocusOut2);
|
|
8832
|
-
const mutationObserver = new MutationObserver(handleMutations2);
|
|
8833
|
-
if (container) mutationObserver.observe(container, { childList: true, subtree: true });
|
|
8834
|
-
return () => {
|
|
8835
|
-
document.removeEventListener("focusin", handleFocusIn2);
|
|
8836
|
-
document.removeEventListener("focusout", handleFocusOut2);
|
|
8837
|
-
mutationObserver.disconnect();
|
|
8838
|
-
};
|
|
8839
|
-
}
|
|
8840
|
-
}, [trapped, container, focusScope.paused]);
|
|
8841
|
-
React42.useEffect(() => {
|
|
8842
|
-
if (container) {
|
|
8843
|
-
focusScopesStack2.add(focusScope);
|
|
8844
|
-
const previouslyFocusedElement = document.activeElement;
|
|
8845
|
-
const hasFocusedCandidate = container.contains(previouslyFocusedElement);
|
|
8846
|
-
if (!hasFocusedCandidate) {
|
|
8847
|
-
const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT2, EVENT_OPTIONS3);
|
|
8848
|
-
container.addEventListener(AUTOFOCUS_ON_MOUNT2, onMountAutoFocus);
|
|
8849
|
-
container.dispatchEvent(mountEvent);
|
|
8850
|
-
if (!mountEvent.defaultPrevented) {
|
|
8851
|
-
focusFirst4(removeLinks2(getTabbableCandidates2(container)), { select: true });
|
|
8852
|
-
if (document.activeElement === previouslyFocusedElement) {
|
|
8853
|
-
focus2(container);
|
|
8854
|
-
}
|
|
8855
|
-
}
|
|
8856
|
-
}
|
|
8857
|
-
return () => {
|
|
8858
|
-
container.removeEventListener(AUTOFOCUS_ON_MOUNT2, onMountAutoFocus);
|
|
8859
|
-
setTimeout(() => {
|
|
8860
|
-
const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT2, EVENT_OPTIONS3);
|
|
8861
|
-
container.addEventListener(AUTOFOCUS_ON_UNMOUNT2, onUnmountAutoFocus);
|
|
8862
|
-
container.dispatchEvent(unmountEvent);
|
|
8863
|
-
if (!unmountEvent.defaultPrevented) {
|
|
8864
|
-
focus2(previouslyFocusedElement ?? document.body, { select: true });
|
|
8865
|
-
}
|
|
8866
|
-
container.removeEventListener(AUTOFOCUS_ON_UNMOUNT2, onUnmountAutoFocus);
|
|
8867
|
-
focusScopesStack2.remove(focusScope);
|
|
8868
|
-
}, 0);
|
|
8869
|
-
};
|
|
8870
|
-
}
|
|
8871
|
-
}, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
|
|
8872
|
-
const handleKeyDown = React42.useCallback(
|
|
8873
|
-
(event) => {
|
|
8874
|
-
if (!loop && !trapped) return;
|
|
8875
|
-
if (focusScope.paused) return;
|
|
8876
|
-
const isTabKey = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
|
|
8877
|
-
const focusedElement = document.activeElement;
|
|
8878
|
-
if (isTabKey && focusedElement) {
|
|
8879
|
-
const container2 = event.currentTarget;
|
|
8880
|
-
const [first, last] = getTabbableEdges2(container2);
|
|
8881
|
-
const hasTabbableElementsInside = first && last;
|
|
8882
|
-
if (!hasTabbableElementsInside) {
|
|
8883
|
-
if (focusedElement === container2) event.preventDefault();
|
|
8884
|
-
} else {
|
|
8885
|
-
if (!event.shiftKey && focusedElement === last) {
|
|
8886
|
-
event.preventDefault();
|
|
8887
|
-
if (loop) focus2(first, { select: true });
|
|
8888
|
-
} else if (event.shiftKey && focusedElement === first) {
|
|
8889
|
-
event.preventDefault();
|
|
8890
|
-
if (loop) focus2(last, { select: true });
|
|
8891
|
-
}
|
|
8892
|
-
}
|
|
8893
|
-
}
|
|
8894
|
-
},
|
|
8895
|
-
[loop, trapped, focusScope.paused]
|
|
8896
|
-
);
|
|
8897
|
-
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Primitive2.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
|
|
8898
|
-
});
|
|
8899
|
-
FocusScope2.displayName = FOCUS_SCOPE_NAME2;
|
|
8900
|
-
function focusFirst4(candidates, { select = false } = {}) {
|
|
8901
|
-
const previouslyFocusedElement = document.activeElement;
|
|
8902
|
-
for (const candidate of candidates) {
|
|
8903
|
-
focus2(candidate, { select });
|
|
8904
|
-
if (document.activeElement !== previouslyFocusedElement) return;
|
|
8905
|
-
}
|
|
8906
|
-
}
|
|
8907
|
-
function getTabbableEdges2(container) {
|
|
8908
|
-
const candidates = getTabbableCandidates2(container);
|
|
8909
|
-
const first = findVisible2(candidates, container);
|
|
8910
|
-
const last = findVisible2(candidates.reverse(), container);
|
|
8911
|
-
return [first, last];
|
|
8912
|
-
}
|
|
8913
|
-
function getTabbableCandidates2(container) {
|
|
8914
|
-
const nodes = [];
|
|
8915
|
-
const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
|
|
8916
|
-
acceptNode: (node) => {
|
|
8917
|
-
const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
|
|
8918
|
-
if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
|
|
8919
|
-
return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
|
|
8920
|
-
}
|
|
8921
|
-
});
|
|
8922
|
-
while (walker.nextNode()) nodes.push(walker.currentNode);
|
|
8923
|
-
return nodes;
|
|
8924
|
-
}
|
|
8925
|
-
function findVisible2(elements, container) {
|
|
8926
|
-
for (const element of elements) {
|
|
8927
|
-
if (!isHidden2(element, { upTo: container })) return element;
|
|
8928
|
-
}
|
|
8929
|
-
}
|
|
8930
|
-
function isHidden2(node, { upTo }) {
|
|
8931
|
-
if (getComputedStyle(node).visibility === "hidden") return true;
|
|
8932
|
-
while (node) {
|
|
8933
|
-
if (upTo !== void 0 && node === upTo) return false;
|
|
8934
|
-
if (getComputedStyle(node).display === "none") return true;
|
|
8935
|
-
node = node.parentElement;
|
|
8936
|
-
}
|
|
8937
|
-
return false;
|
|
8938
|
-
}
|
|
8939
|
-
function isSelectableInput2(element) {
|
|
8940
|
-
return element instanceof HTMLInputElement && "select" in element;
|
|
8941
|
-
}
|
|
8942
|
-
function focus2(element, { select = false } = {}) {
|
|
8943
|
-
if (element && element.focus) {
|
|
8944
|
-
const previouslyFocusedElement = document.activeElement;
|
|
8945
|
-
element.focus({ preventScroll: true });
|
|
8946
|
-
if (element !== previouslyFocusedElement && isSelectableInput2(element) && select)
|
|
8947
|
-
element.select();
|
|
8948
|
-
}
|
|
8949
|
-
}
|
|
8950
|
-
var focusScopesStack2 = createFocusScopesStack2();
|
|
8951
|
-
function createFocusScopesStack2() {
|
|
8952
|
-
let stack = [];
|
|
8953
|
-
return {
|
|
8954
|
-
add(focusScope) {
|
|
8955
|
-
const activeFocusScope = stack[0];
|
|
8956
|
-
if (focusScope !== activeFocusScope) {
|
|
8957
|
-
activeFocusScope?.pause();
|
|
8958
|
-
}
|
|
8959
|
-
stack = arrayRemove2(stack, focusScope);
|
|
8960
|
-
stack.unshift(focusScope);
|
|
8961
|
-
},
|
|
8962
|
-
remove(focusScope) {
|
|
8963
|
-
stack = arrayRemove2(stack, focusScope);
|
|
8964
|
-
stack[0]?.resume();
|
|
8965
|
-
}
|
|
8966
|
-
};
|
|
8967
|
-
}
|
|
8968
|
-
function arrayRemove2(array, item) {
|
|
8969
|
-
const updatedArray = [...array];
|
|
8970
|
-
const index2 = updatedArray.indexOf(item);
|
|
8971
|
-
if (index2 !== -1) {
|
|
8972
|
-
updatedArray.splice(index2, 1);
|
|
8973
|
-
}
|
|
8974
|
-
return updatedArray;
|
|
8975
|
-
}
|
|
8976
|
-
function removeLinks2(items) {
|
|
8977
|
-
return items.filter((item) => item.tagName !== "A");
|
|
8978
|
-
}
|
|
8979
|
-
|
|
8980
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-portal/dist/index.mjs
|
|
8981
|
-
var React43 = __toESM(require("react"), 1);
|
|
8982
|
-
var import_react_dom3 = __toESM(require("react-dom"), 1);
|
|
8983
|
-
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
8984
|
-
var PORTAL_NAME4 = "Portal";
|
|
8985
|
-
var Portal3 = React43.forwardRef((props, forwardedRef) => {
|
|
8986
|
-
const { container: containerProp, ...portalProps } = props;
|
|
8987
|
-
const [mounted, setMounted] = React43.useState(false);
|
|
8988
|
-
useLayoutEffect22(() => setMounted(true), []);
|
|
8989
|
-
const container = containerProp || mounted && globalThis?.document?.body;
|
|
8990
|
-
return container ? import_react_dom3.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Primitive2.div, { ...portalProps, ref: forwardedRef }), container) : null;
|
|
8991
|
-
});
|
|
8992
|
-
Portal3.displayName = PORTAL_NAME4;
|
|
8993
|
-
|
|
8994
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-presence/dist/index.mjs
|
|
8995
|
-
var React211 = __toESM(require("react"), 1);
|
|
8996
|
-
var React44 = __toESM(require("react"), 1);
|
|
8997
|
-
function useStateMachine2(initialState, machine) {
|
|
8998
|
-
return React44.useReducer((state, event) => {
|
|
8999
|
-
const nextState = machine[state][event];
|
|
9000
|
-
return nextState ?? state;
|
|
9001
|
-
}, initialState);
|
|
9002
|
-
}
|
|
9003
|
-
var Presence2 = (props) => {
|
|
9004
|
-
const { present, children } = props;
|
|
9005
|
-
const presence = usePresence2(present);
|
|
9006
|
-
const child = typeof children === "function" ? children({ present: presence.isPresent }) : React211.Children.only(children);
|
|
9007
|
-
const ref = useComposedRefs2(presence.ref, getElementRef2(child));
|
|
9008
|
-
const forceMount = typeof children === "function";
|
|
9009
|
-
return forceMount || presence.isPresent ? React211.cloneElement(child, { ref }) : null;
|
|
9010
|
-
};
|
|
9011
|
-
Presence2.displayName = "Presence";
|
|
9012
|
-
function usePresence2(present) {
|
|
9013
|
-
const [node, setNode] = React211.useState();
|
|
9014
|
-
const stylesRef = React211.useRef(null);
|
|
9015
|
-
const prevPresentRef = React211.useRef(present);
|
|
9016
|
-
const prevAnimationNameRef = React211.useRef("none");
|
|
9017
|
-
const initialState = present ? "mounted" : "unmounted";
|
|
9018
|
-
const [state, send] = useStateMachine2(initialState, {
|
|
9019
|
-
mounted: {
|
|
9020
|
-
UNMOUNT: "unmounted",
|
|
9021
|
-
ANIMATION_OUT: "unmountSuspended"
|
|
9022
|
-
},
|
|
9023
|
-
unmountSuspended: {
|
|
9024
|
-
MOUNT: "mounted",
|
|
9025
|
-
ANIMATION_END: "unmounted"
|
|
9026
|
-
},
|
|
9027
|
-
unmounted: {
|
|
9028
|
-
MOUNT: "mounted"
|
|
9029
|
-
}
|
|
9030
|
-
});
|
|
9031
|
-
React211.useEffect(() => {
|
|
9032
|
-
const currentAnimationName = getAnimationName2(stylesRef.current);
|
|
9033
|
-
prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
|
|
9034
|
-
}, [state]);
|
|
9035
|
-
useLayoutEffect22(() => {
|
|
9036
|
-
const styles = stylesRef.current;
|
|
9037
|
-
const wasPresent = prevPresentRef.current;
|
|
9038
|
-
const hasPresentChanged = wasPresent !== present;
|
|
9039
|
-
if (hasPresentChanged) {
|
|
9040
|
-
const prevAnimationName = prevAnimationNameRef.current;
|
|
9041
|
-
const currentAnimationName = getAnimationName2(styles);
|
|
9042
|
-
if (present) {
|
|
9043
|
-
send("MOUNT");
|
|
9044
|
-
} else if (currentAnimationName === "none" || styles?.display === "none") {
|
|
9045
|
-
send("UNMOUNT");
|
|
9046
|
-
} else {
|
|
9047
|
-
const isAnimating = prevAnimationName !== currentAnimationName;
|
|
9048
|
-
if (wasPresent && isAnimating) {
|
|
9049
|
-
send("ANIMATION_OUT");
|
|
9050
|
-
} else {
|
|
9051
|
-
send("UNMOUNT");
|
|
9052
|
-
}
|
|
9053
|
-
}
|
|
9054
|
-
prevPresentRef.current = present;
|
|
9055
|
-
}
|
|
9056
|
-
}, [present, send]);
|
|
9057
|
-
useLayoutEffect22(() => {
|
|
9058
|
-
if (node) {
|
|
9059
|
-
let timeoutId;
|
|
9060
|
-
const ownerWindow = node.ownerDocument.defaultView ?? window;
|
|
9061
|
-
const handleAnimationEnd = (event) => {
|
|
9062
|
-
const currentAnimationName = getAnimationName2(stylesRef.current);
|
|
9063
|
-
const isCurrentAnimation = currentAnimationName.includes(event.animationName);
|
|
9064
|
-
if (event.target === node && isCurrentAnimation) {
|
|
9065
|
-
send("ANIMATION_END");
|
|
9066
|
-
if (!prevPresentRef.current) {
|
|
9067
|
-
const currentFillMode = node.style.animationFillMode;
|
|
9068
|
-
node.style.animationFillMode = "forwards";
|
|
9069
|
-
timeoutId = ownerWindow.setTimeout(() => {
|
|
9070
|
-
if (node.style.animationFillMode === "forwards") {
|
|
9071
|
-
node.style.animationFillMode = currentFillMode;
|
|
9072
|
-
}
|
|
9073
|
-
});
|
|
9074
|
-
}
|
|
9075
|
-
}
|
|
9076
|
-
};
|
|
9077
|
-
const handleAnimationStart = (event) => {
|
|
9078
|
-
if (event.target === node) {
|
|
9079
|
-
prevAnimationNameRef.current = getAnimationName2(stylesRef.current);
|
|
9080
|
-
}
|
|
9081
|
-
};
|
|
9082
|
-
node.addEventListener("animationstart", handleAnimationStart);
|
|
9083
|
-
node.addEventListener("animationcancel", handleAnimationEnd);
|
|
9084
|
-
node.addEventListener("animationend", handleAnimationEnd);
|
|
9085
|
-
return () => {
|
|
9086
|
-
ownerWindow.clearTimeout(timeoutId);
|
|
9087
|
-
node.removeEventListener("animationstart", handleAnimationStart);
|
|
9088
|
-
node.removeEventListener("animationcancel", handleAnimationEnd);
|
|
9089
|
-
node.removeEventListener("animationend", handleAnimationEnd);
|
|
9090
|
-
};
|
|
9091
|
-
} else {
|
|
9092
|
-
send("ANIMATION_END");
|
|
9093
|
-
}
|
|
9094
|
-
}, [node, send]);
|
|
9095
|
-
return {
|
|
9096
|
-
isPresent: ["mounted", "unmountSuspended"].includes(state),
|
|
9097
|
-
ref: React211.useCallback((node2) => {
|
|
9098
|
-
stylesRef.current = node2 ? getComputedStyle(node2) : null;
|
|
9099
|
-
setNode(node2);
|
|
9100
|
-
}, [])
|
|
9101
|
-
};
|
|
9102
|
-
}
|
|
9103
|
-
function getAnimationName2(styles) {
|
|
9104
|
-
return styles?.animationName || "none";
|
|
9105
|
-
}
|
|
9106
|
-
function getElementRef2(element) {
|
|
9107
|
-
let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
|
|
9108
|
-
let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
|
|
9109
|
-
if (mayWarn) {
|
|
9110
|
-
return element.ref;
|
|
9111
|
-
}
|
|
9112
|
-
getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
|
|
9113
|
-
mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
|
|
9114
|
-
if (mayWarn) {
|
|
9115
|
-
return element.props.ref;
|
|
9116
|
-
}
|
|
9117
|
-
return element.props.ref || element.ref;
|
|
9118
|
-
}
|
|
9119
|
-
|
|
9120
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-focus-guards/dist/index.mjs
|
|
9121
|
-
var React45 = __toESM(require("react"), 1);
|
|
9122
|
-
var count4 = 0;
|
|
9123
|
-
function useFocusGuards2() {
|
|
9124
|
-
React45.useEffect(() => {
|
|
9125
|
-
const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
|
|
9126
|
-
document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard2());
|
|
9127
|
-
document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard2());
|
|
9128
|
-
count4++;
|
|
9129
|
-
return () => {
|
|
9130
|
-
if (count4 === 1) {
|
|
9131
|
-
document.querySelectorAll("[data-radix-focus-guard]").forEach((node) => node.remove());
|
|
9132
|
-
}
|
|
9133
|
-
count4--;
|
|
9134
|
-
};
|
|
9135
|
-
}, []);
|
|
9136
|
-
}
|
|
9137
|
-
function createFocusGuard2() {
|
|
9138
|
-
const element = document.createElement("span");
|
|
9139
|
-
element.setAttribute("data-radix-focus-guard", "");
|
|
9140
|
-
element.tabIndex = 0;
|
|
9141
|
-
element.style.outline = "none";
|
|
9142
|
-
element.style.opacity = "0";
|
|
9143
|
-
element.style.position = "fixed";
|
|
9144
|
-
element.style.pointerEvents = "none";
|
|
9145
|
-
return element;
|
|
9146
|
-
}
|
|
9147
|
-
|
|
9148
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/react-remove-scroll/dist/es2015/Combination.js
|
|
9149
|
-
var React48 = __toESM(require("react"));
|
|
9150
|
-
|
|
9151
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/react-remove-scroll/dist/es2015/UI.js
|
|
9152
|
-
var React46 = __toESM(require("react"));
|
|
9153
|
-
|
|
9154
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/react-remove-scroll/dist/es2015/medium.js
|
|
9155
|
-
var effectCar2 = createSidecarMedium();
|
|
9156
|
-
|
|
9157
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/react-remove-scroll/dist/es2015/UI.js
|
|
9158
|
-
var nothing2 = function() {
|
|
9159
|
-
return;
|
|
9160
|
-
};
|
|
9161
|
-
var RemoveScroll2 = React46.forwardRef(function(props, parentRef) {
|
|
9162
|
-
var ref = React46.useRef(null);
|
|
9163
|
-
var _a = React46.useState({
|
|
9164
|
-
onScrollCapture: nothing2,
|
|
9165
|
-
onWheelCapture: nothing2,
|
|
9166
|
-
onTouchMoveCapture: nothing2
|
|
9167
|
-
}), callbacks = _a[0], setCallbacks = _a[1];
|
|
9168
|
-
var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noRelative = props.noRelative, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? "div" : _b, gapMode = props.gapMode, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
|
|
9169
|
-
var SideCar2 = sideCar;
|
|
9170
|
-
var containerRef = useMergeRefs([ref, parentRef]);
|
|
9171
|
-
var containerProps = __assign(__assign({}, rest), callbacks);
|
|
9172
|
-
return React46.createElement(
|
|
9173
|
-
React46.Fragment,
|
|
9174
|
-
null,
|
|
9175
|
-
enabled && React46.createElement(SideCar2, { sideCar: effectCar2, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
|
|
9176
|
-
forwardProps ? React46.cloneElement(React46.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React46.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
|
|
9177
|
-
);
|
|
9178
|
-
});
|
|
9179
|
-
RemoveScroll2.defaultProps = {
|
|
9180
|
-
enabled: true,
|
|
9181
|
-
removeScrollBar: true,
|
|
9182
|
-
inert: false
|
|
9183
|
-
};
|
|
9184
|
-
RemoveScroll2.classNames = {
|
|
9185
|
-
fullWidth: fullWidthClassName,
|
|
9186
|
-
zeroRight: zeroRightClassName
|
|
9187
|
-
};
|
|
9188
|
-
|
|
9189
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/react-remove-scroll/dist/es2015/SideEffect.js
|
|
9190
|
-
var React47 = __toESM(require("react"));
|
|
9191
|
-
|
|
9192
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js
|
|
9193
|
-
var passiveSupported2 = false;
|
|
9194
|
-
if (typeof window !== "undefined") {
|
|
9195
|
-
try {
|
|
9196
|
-
options = Object.defineProperty({}, "passive", {
|
|
9197
|
-
get: function() {
|
|
9198
|
-
passiveSupported2 = true;
|
|
9199
|
-
return true;
|
|
9200
|
-
}
|
|
9201
|
-
});
|
|
9202
|
-
window.addEventListener("test", options, options);
|
|
9203
|
-
window.removeEventListener("test", options, options);
|
|
9204
|
-
} catch (err) {
|
|
9205
|
-
passiveSupported2 = false;
|
|
9206
|
-
}
|
|
9207
|
-
}
|
|
9208
|
-
var options;
|
|
9209
|
-
var nonPassive2 = passiveSupported2 ? { passive: false } : false;
|
|
9210
|
-
|
|
9211
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/react-remove-scroll/dist/es2015/handleScroll.js
|
|
9212
|
-
var alwaysContainsScroll2 = function(node) {
|
|
9213
|
-
return node.tagName === "TEXTAREA";
|
|
9214
|
-
};
|
|
9215
|
-
var elementCanBeScrolled2 = function(node, overflow) {
|
|
9216
|
-
if (!(node instanceof Element)) {
|
|
9217
|
-
return false;
|
|
9218
|
-
}
|
|
9219
|
-
var styles = window.getComputedStyle(node);
|
|
9220
|
-
return (
|
|
9221
|
-
// not-not-scrollable
|
|
9222
|
-
styles[overflow] !== "hidden" && // contains scroll inside self
|
|
9223
|
-
!(styles.overflowY === styles.overflowX && !alwaysContainsScroll2(node) && styles[overflow] === "visible")
|
|
9224
|
-
);
|
|
9225
|
-
};
|
|
9226
|
-
var elementCouldBeVScrolled2 = function(node) {
|
|
9227
|
-
return elementCanBeScrolled2(node, "overflowY");
|
|
9228
|
-
};
|
|
9229
|
-
var elementCouldBeHScrolled2 = function(node) {
|
|
9230
|
-
return elementCanBeScrolled2(node, "overflowX");
|
|
9231
|
-
};
|
|
9232
|
-
var locationCouldBeScrolled2 = function(axis, node) {
|
|
9233
|
-
var ownerDocument = node.ownerDocument;
|
|
9234
|
-
var current = node;
|
|
9235
|
-
do {
|
|
9236
|
-
if (typeof ShadowRoot !== "undefined" && current instanceof ShadowRoot) {
|
|
9237
|
-
current = current.host;
|
|
9238
|
-
}
|
|
9239
|
-
var isScrollable = elementCouldBeScrolled2(axis, current);
|
|
9240
|
-
if (isScrollable) {
|
|
9241
|
-
var _a = getScrollVariables2(axis, current), scrollHeight = _a[1], clientHeight = _a[2];
|
|
9242
|
-
if (scrollHeight > clientHeight) {
|
|
9243
|
-
return true;
|
|
9244
|
-
}
|
|
9245
|
-
}
|
|
9246
|
-
current = current.parentNode;
|
|
9247
|
-
} while (current && current !== ownerDocument.body);
|
|
9248
|
-
return false;
|
|
9249
|
-
};
|
|
9250
|
-
var getVScrollVariables2 = function(_a) {
|
|
9251
|
-
var scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
|
|
9252
|
-
return [
|
|
9253
|
-
scrollTop,
|
|
9254
|
-
scrollHeight,
|
|
9255
|
-
clientHeight
|
|
9256
|
-
];
|
|
9257
|
-
};
|
|
9258
|
-
var getHScrollVariables2 = function(_a) {
|
|
9259
|
-
var scrollLeft = _a.scrollLeft, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth;
|
|
9260
|
-
return [
|
|
9261
|
-
scrollLeft,
|
|
9262
|
-
scrollWidth,
|
|
9263
|
-
clientWidth
|
|
9264
|
-
];
|
|
9265
|
-
};
|
|
9266
|
-
var elementCouldBeScrolled2 = function(axis, node) {
|
|
9267
|
-
return axis === "v" ? elementCouldBeVScrolled2(node) : elementCouldBeHScrolled2(node);
|
|
9268
|
-
};
|
|
9269
|
-
var getScrollVariables2 = function(axis, node) {
|
|
9270
|
-
return axis === "v" ? getVScrollVariables2(node) : getHScrollVariables2(node);
|
|
9271
|
-
};
|
|
9272
|
-
var getDirectionFactor2 = function(axis, direction) {
|
|
9273
|
-
return axis === "h" && direction === "rtl" ? -1 : 1;
|
|
9274
|
-
};
|
|
9275
|
-
var handleScroll2 = function(axis, endTarget, event, sourceDelta, noOverscroll) {
|
|
9276
|
-
var directionFactor = getDirectionFactor2(axis, window.getComputedStyle(endTarget).direction);
|
|
9277
|
-
var delta = directionFactor * sourceDelta;
|
|
9278
|
-
var target = event.target;
|
|
9279
|
-
var targetInLock = endTarget.contains(target);
|
|
9280
|
-
var shouldCancelScroll = false;
|
|
9281
|
-
var isDeltaPositive = delta > 0;
|
|
9282
|
-
var availableScroll = 0;
|
|
9283
|
-
var availableScrollTop = 0;
|
|
9284
|
-
do {
|
|
9285
|
-
var _a = getScrollVariables2(axis, target), position = _a[0], scroll_1 = _a[1], capacity = _a[2];
|
|
9286
|
-
var elementScroll = scroll_1 - capacity - directionFactor * position;
|
|
9287
|
-
if (position || elementScroll) {
|
|
9288
|
-
if (elementCouldBeScrolled2(axis, target)) {
|
|
9289
|
-
availableScroll += elementScroll;
|
|
9290
|
-
availableScrollTop += position;
|
|
9291
|
-
}
|
|
9292
|
-
}
|
|
9293
|
-
target = target.parentNode.host || target.parentNode;
|
|
9294
|
-
} while (
|
|
9295
|
-
// portaled content
|
|
9296
|
-
!targetInLock && target !== document.body || // self content
|
|
9297
|
-
targetInLock && (endTarget.contains(target) || endTarget === target)
|
|
9298
|
-
);
|
|
9299
|
-
if (isDeltaPositive && (noOverscroll && Math.abs(availableScroll) < 1 || !noOverscroll && delta > availableScroll)) {
|
|
9300
|
-
shouldCancelScroll = true;
|
|
9301
|
-
} else if (!isDeltaPositive && (noOverscroll && Math.abs(availableScrollTop) < 1 || !noOverscroll && -delta > availableScrollTop)) {
|
|
9302
|
-
shouldCancelScroll = true;
|
|
9303
|
-
}
|
|
9304
|
-
return shouldCancelScroll;
|
|
9305
|
-
};
|
|
9306
|
-
|
|
9307
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/react-remove-scroll/dist/es2015/SideEffect.js
|
|
9308
|
-
var getTouchXY2 = function(event) {
|
|
9309
|
-
return "changedTouches" in event ? [event.changedTouches[0].clientX, event.changedTouches[0].clientY] : [0, 0];
|
|
9310
|
-
};
|
|
9311
|
-
var getDeltaXY2 = function(event) {
|
|
9312
|
-
return [event.deltaX, event.deltaY];
|
|
9313
|
-
};
|
|
9314
|
-
var extractRef2 = function(ref) {
|
|
9315
|
-
return ref && "current" in ref ? ref.current : ref;
|
|
9316
|
-
};
|
|
9317
|
-
var deltaCompare2 = function(x, y) {
|
|
9318
|
-
return x[0] === y[0] && x[1] === y[1];
|
|
9319
|
-
};
|
|
9320
|
-
var generateStyle2 = function(id) {
|
|
9321
|
-
return "\n .block-interactivity-".concat(id, " {pointer-events: none;}\n .allow-interactivity-").concat(id, " {pointer-events: all;}\n");
|
|
9322
|
-
};
|
|
9323
|
-
var idCounter2 = 0;
|
|
9324
|
-
var lockStack2 = [];
|
|
9325
|
-
function RemoveScrollSideCar2(props) {
|
|
9326
|
-
var shouldPreventQueue = React47.useRef([]);
|
|
9327
|
-
var touchStartRef = React47.useRef([0, 0]);
|
|
9328
|
-
var activeAxis = React47.useRef();
|
|
9329
|
-
var id = React47.useState(idCounter2++)[0];
|
|
9330
|
-
var Style2 = React47.useState(styleSingleton)[0];
|
|
9331
|
-
var lastProps = React47.useRef(props);
|
|
9332
|
-
React47.useEffect(function() {
|
|
9333
|
-
lastProps.current = props;
|
|
9334
|
-
}, [props]);
|
|
9335
|
-
React47.useEffect(function() {
|
|
9336
|
-
if (props.inert) {
|
|
9337
|
-
document.body.classList.add("block-interactivity-".concat(id));
|
|
9338
|
-
var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef2), true).filter(Boolean);
|
|
9339
|
-
allow_1.forEach(function(el) {
|
|
9340
|
-
return el.classList.add("allow-interactivity-".concat(id));
|
|
9341
|
-
});
|
|
9342
|
-
return function() {
|
|
9343
|
-
document.body.classList.remove("block-interactivity-".concat(id));
|
|
9344
|
-
allow_1.forEach(function(el) {
|
|
9345
|
-
return el.classList.remove("allow-interactivity-".concat(id));
|
|
9346
|
-
});
|
|
9347
|
-
};
|
|
9348
|
-
}
|
|
9349
|
-
return;
|
|
9350
|
-
}, [props.inert, props.lockRef.current, props.shards]);
|
|
9351
|
-
var shouldCancelEvent = React47.useCallback(function(event, parent) {
|
|
9352
|
-
if ("touches" in event && event.touches.length === 2 || event.type === "wheel" && event.ctrlKey) {
|
|
9353
|
-
return !lastProps.current.allowPinchZoom;
|
|
9354
|
-
}
|
|
9355
|
-
var touch = getTouchXY2(event);
|
|
9356
|
-
var touchStart = touchStartRef.current;
|
|
9357
|
-
var deltaX = "deltaX" in event ? event.deltaX : touchStart[0] - touch[0];
|
|
9358
|
-
var deltaY = "deltaY" in event ? event.deltaY : touchStart[1] - touch[1];
|
|
9359
|
-
var currentAxis;
|
|
9360
|
-
var target = event.target;
|
|
9361
|
-
var moveDirection = Math.abs(deltaX) > Math.abs(deltaY) ? "h" : "v";
|
|
9362
|
-
if ("touches" in event && moveDirection === "h" && target.type === "range") {
|
|
9363
|
-
return false;
|
|
9364
|
-
}
|
|
9365
|
-
var canBeScrolledInMainDirection = locationCouldBeScrolled2(moveDirection, target);
|
|
9366
|
-
if (!canBeScrolledInMainDirection) {
|
|
9367
|
-
return true;
|
|
9368
|
-
}
|
|
9369
|
-
if (canBeScrolledInMainDirection) {
|
|
9370
|
-
currentAxis = moveDirection;
|
|
9371
|
-
} else {
|
|
9372
|
-
currentAxis = moveDirection === "v" ? "h" : "v";
|
|
9373
|
-
canBeScrolledInMainDirection = locationCouldBeScrolled2(moveDirection, target);
|
|
9374
|
-
}
|
|
9375
|
-
if (!canBeScrolledInMainDirection) {
|
|
9376
|
-
return false;
|
|
9377
|
-
}
|
|
9378
|
-
if (!activeAxis.current && "changedTouches" in event && (deltaX || deltaY)) {
|
|
9379
|
-
activeAxis.current = currentAxis;
|
|
9380
|
-
}
|
|
9381
|
-
if (!currentAxis) {
|
|
9382
|
-
return true;
|
|
9383
|
-
}
|
|
9384
|
-
var cancelingAxis = activeAxis.current || currentAxis;
|
|
9385
|
-
return handleScroll2(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
|
|
9386
|
-
}, []);
|
|
9387
|
-
var shouldPrevent = React47.useCallback(function(_event) {
|
|
9388
|
-
var event = _event;
|
|
9389
|
-
if (!lockStack2.length || lockStack2[lockStack2.length - 1] !== Style2) {
|
|
9390
|
-
return;
|
|
9391
|
-
}
|
|
9392
|
-
var delta = "deltaY" in event ? getDeltaXY2(event) : getTouchXY2(event);
|
|
9393
|
-
var sourceEvent = shouldPreventQueue.current.filter(function(e) {
|
|
9394
|
-
return e.name === event.type && (e.target === event.target || event.target === e.shadowParent) && deltaCompare2(e.delta, delta);
|
|
9395
|
-
})[0];
|
|
9396
|
-
if (sourceEvent && sourceEvent.should) {
|
|
9397
|
-
if (event.cancelable) {
|
|
9398
|
-
event.preventDefault();
|
|
9399
|
-
}
|
|
9400
|
-
return;
|
|
9401
|
-
}
|
|
9402
|
-
if (!sourceEvent) {
|
|
9403
|
-
var shardNodes = (lastProps.current.shards || []).map(extractRef2).filter(Boolean).filter(function(node) {
|
|
9404
|
-
return node.contains(event.target);
|
|
9405
|
-
});
|
|
9406
|
-
var shouldStop = shardNodes.length > 0 ? shouldCancelEvent(event, shardNodes[0]) : !lastProps.current.noIsolation;
|
|
9407
|
-
if (shouldStop) {
|
|
9408
|
-
if (event.cancelable) {
|
|
9409
|
-
event.preventDefault();
|
|
9410
|
-
}
|
|
9411
|
-
}
|
|
9412
|
-
}
|
|
9413
|
-
}, []);
|
|
9414
|
-
var shouldCancel = React47.useCallback(function(name, delta, target, should) {
|
|
9415
|
-
var event = { name, delta, target, should, shadowParent: getOutermostShadowParent2(target) };
|
|
9416
|
-
shouldPreventQueue.current.push(event);
|
|
9417
|
-
setTimeout(function() {
|
|
9418
|
-
shouldPreventQueue.current = shouldPreventQueue.current.filter(function(e) {
|
|
9419
|
-
return e !== event;
|
|
9420
|
-
});
|
|
9421
|
-
}, 1);
|
|
9422
|
-
}, []);
|
|
9423
|
-
var scrollTouchStart = React47.useCallback(function(event) {
|
|
9424
|
-
touchStartRef.current = getTouchXY2(event);
|
|
9425
|
-
activeAxis.current = void 0;
|
|
9426
|
-
}, []);
|
|
9427
|
-
var scrollWheel = React47.useCallback(function(event) {
|
|
9428
|
-
shouldCancel(event.type, getDeltaXY2(event), event.target, shouldCancelEvent(event, props.lockRef.current));
|
|
9429
|
-
}, []);
|
|
9430
|
-
var scrollTouchMove = React47.useCallback(function(event) {
|
|
9431
|
-
shouldCancel(event.type, getTouchXY2(event), event.target, shouldCancelEvent(event, props.lockRef.current));
|
|
9432
|
-
}, []);
|
|
9433
|
-
React47.useEffect(function() {
|
|
9434
|
-
lockStack2.push(Style2);
|
|
9435
|
-
props.setCallbacks({
|
|
9436
|
-
onScrollCapture: scrollWheel,
|
|
9437
|
-
onWheelCapture: scrollWheel,
|
|
9438
|
-
onTouchMoveCapture: scrollTouchMove
|
|
9439
|
-
});
|
|
9440
|
-
document.addEventListener("wheel", shouldPrevent, nonPassive2);
|
|
9441
|
-
document.addEventListener("touchmove", shouldPrevent, nonPassive2);
|
|
9442
|
-
document.addEventListener("touchstart", scrollTouchStart, nonPassive2);
|
|
9443
|
-
return function() {
|
|
9444
|
-
lockStack2 = lockStack2.filter(function(inst) {
|
|
9445
|
-
return inst !== Style2;
|
|
9446
|
-
});
|
|
9447
|
-
document.removeEventListener("wheel", shouldPrevent, nonPassive2);
|
|
9448
|
-
document.removeEventListener("touchmove", shouldPrevent, nonPassive2);
|
|
9449
|
-
document.removeEventListener("touchstart", scrollTouchStart, nonPassive2);
|
|
9450
|
-
};
|
|
9451
|
-
}, []);
|
|
9452
|
-
var removeScrollBar = props.removeScrollBar, inert = props.inert;
|
|
9453
|
-
return React47.createElement(
|
|
9454
|
-
React47.Fragment,
|
|
9455
|
-
null,
|
|
9456
|
-
inert ? React47.createElement(Style2, { styles: generateStyle2(id) }) : null,
|
|
9457
|
-
removeScrollBar ? React47.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
|
|
9458
|
-
);
|
|
9459
|
-
}
|
|
9460
|
-
function getOutermostShadowParent2(node) {
|
|
9461
|
-
var shadowParent = null;
|
|
9462
|
-
while (node !== null) {
|
|
9463
|
-
if (node instanceof ShadowRoot) {
|
|
9464
|
-
shadowParent = node.host;
|
|
9465
|
-
node = node.host;
|
|
9466
|
-
}
|
|
9467
|
-
node = node.parentNode;
|
|
9468
|
-
}
|
|
9469
|
-
return shadowParent;
|
|
9470
|
-
}
|
|
9471
|
-
|
|
9472
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/react-remove-scroll/dist/es2015/sidecar.js
|
|
9473
|
-
var sidecar_default2 = exportSidecar(effectCar2, RemoveScrollSideCar2);
|
|
9474
|
-
|
|
9475
|
-
// ../../node_modules/@radix-ui/react-dialog/node_modules/react-remove-scroll/dist/es2015/Combination.js
|
|
9476
|
-
var ReactRemoveScroll2 = React48.forwardRef(function(props, ref) {
|
|
9477
|
-
return React48.createElement(RemoveScroll2, __assign({}, props, { ref, sideCar: sidecar_default2 }));
|
|
9478
|
-
});
|
|
9479
|
-
ReactRemoveScroll2.classNames = RemoveScroll2.classNames;
|
|
9480
|
-
var Combination_default2 = ReactRemoveScroll2;
|
|
9481
|
-
|
|
9482
|
-
// ../../node_modules/@radix-ui/react-dialog/dist/index.mjs
|
|
9483
|
-
var import_react_slot6 = require("@radix-ui/react-slot");
|
|
9484
|
-
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
9485
|
-
var DIALOG_NAME = "Dialog";
|
|
9486
|
-
var [createDialogContext, createDialogScope] = createContextScope2(DIALOG_NAME);
|
|
9487
|
-
var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
|
|
9488
|
-
var Dialog = (props) => {
|
|
9489
|
-
const {
|
|
9490
|
-
__scopeDialog,
|
|
9491
|
-
children,
|
|
9492
|
-
open: openProp,
|
|
9493
|
-
defaultOpen,
|
|
9494
|
-
onOpenChange,
|
|
9495
|
-
modal = true
|
|
9496
|
-
} = props;
|
|
9497
|
-
const triggerRef = React49.useRef(null);
|
|
9498
|
-
const contentRef = React49.useRef(null);
|
|
9499
|
-
const [open, setOpen] = useControllableState2({
|
|
9500
|
-
prop: openProp,
|
|
9501
|
-
defaultProp: defaultOpen ?? false,
|
|
9502
|
-
onChange: onOpenChange,
|
|
9503
|
-
caller: DIALOG_NAME
|
|
9504
|
-
});
|
|
9505
|
-
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
9506
|
-
DialogProvider,
|
|
9507
|
-
{
|
|
9508
|
-
scope: __scopeDialog,
|
|
9509
|
-
triggerRef,
|
|
9510
|
-
contentRef,
|
|
9511
|
-
contentId: useId2(),
|
|
9512
|
-
titleId: useId2(),
|
|
9513
|
-
descriptionId: useId2(),
|
|
9514
|
-
open,
|
|
9515
|
-
onOpenChange: setOpen,
|
|
9516
|
-
onOpenToggle: React49.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
|
|
9517
|
-
modal,
|
|
9518
|
-
children
|
|
9519
|
-
}
|
|
9520
|
-
);
|
|
9521
|
-
};
|
|
9522
|
-
Dialog.displayName = DIALOG_NAME;
|
|
9523
|
-
var TRIGGER_NAME2 = "DialogTrigger";
|
|
9524
|
-
var DialogTrigger = React49.forwardRef(
|
|
9525
|
-
(props, forwardedRef) => {
|
|
9526
|
-
const { __scopeDialog, ...triggerProps } = props;
|
|
9527
|
-
const context = useDialogContext(TRIGGER_NAME2, __scopeDialog);
|
|
9528
|
-
const composedTriggerRef = useComposedRefs2(forwardedRef, context.triggerRef);
|
|
9529
|
-
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
9530
|
-
Primitive2.button,
|
|
9531
|
-
{
|
|
9532
|
-
type: "button",
|
|
9533
|
-
"aria-haspopup": "dialog",
|
|
9534
|
-
"aria-expanded": context.open,
|
|
9535
|
-
"aria-controls": context.contentId,
|
|
9536
|
-
"data-state": getState(context.open),
|
|
9537
|
-
...triggerProps,
|
|
9538
|
-
ref: composedTriggerRef,
|
|
9539
|
-
onClick: composeEventHandlers2(props.onClick, context.onOpenToggle)
|
|
9540
|
-
}
|
|
9541
|
-
);
|
|
9542
|
-
}
|
|
9543
|
-
);
|
|
9544
|
-
DialogTrigger.displayName = TRIGGER_NAME2;
|
|
9545
|
-
var PORTAL_NAME5 = "DialogPortal";
|
|
9546
|
-
var [PortalProvider2, usePortalContext2] = createDialogContext(PORTAL_NAME5, {
|
|
9547
|
-
forceMount: void 0
|
|
9548
|
-
});
|
|
9549
|
-
var DialogPortal = (props) => {
|
|
9550
|
-
const { __scopeDialog, forceMount, children, container } = props;
|
|
9551
|
-
const context = useDialogContext(PORTAL_NAME5, __scopeDialog);
|
|
9552
|
-
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(PortalProvider2, { scope: __scopeDialog, forceMount, children: React49.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Presence2, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Portal3, { asChild: true, container, children: child }) })) });
|
|
9553
8267
|
};
|
|
9554
|
-
|
|
9555
|
-
|
|
9556
|
-
|
|
9557
|
-
|
|
9558
|
-
|
|
9559
|
-
|
|
9560
|
-
|
|
9561
|
-
|
|
9562
|
-
|
|
9563
|
-
);
|
|
9564
|
-
DialogOverlay.displayName = OVERLAY_NAME;
|
|
9565
|
-
var Slot5 = (0, import_react_slot6.createSlot)("DialogOverlay.RemoveScroll");
|
|
9566
|
-
var DialogOverlayImpl = React49.forwardRef(
|
|
9567
|
-
(props, forwardedRef) => {
|
|
9568
|
-
const { __scopeDialog, ...overlayProps } = props;
|
|
9569
|
-
const context = useDialogContext(OVERLAY_NAME, __scopeDialog);
|
|
9570
|
-
return (
|
|
9571
|
-
// Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
|
|
9572
|
-
// ie. when `Overlay` and `Content` are siblings
|
|
9573
|
-
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Combination_default2, { as: Slot5, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
9574
|
-
Primitive2.div,
|
|
9575
|
-
{
|
|
9576
|
-
"data-state": getState(context.open),
|
|
9577
|
-
...overlayProps,
|
|
9578
|
-
ref: forwardedRef,
|
|
9579
|
-
style: { pointerEvents: "auto", ...overlayProps.style }
|
|
9580
|
-
}
|
|
9581
|
-
) })
|
|
9582
|
-
);
|
|
9583
|
-
}
|
|
9584
|
-
);
|
|
9585
|
-
var CONTENT_NAME4 = "DialogContent";
|
|
9586
|
-
var DialogContent = React49.forwardRef(
|
|
9587
|
-
(props, forwardedRef) => {
|
|
9588
|
-
const portalContext = usePortalContext2(CONTENT_NAME4, props.__scopeDialog);
|
|
9589
|
-
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
9590
|
-
const context = useDialogContext(CONTENT_NAME4, props.__scopeDialog);
|
|
9591
|
-
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Presence2, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
|
|
9592
|
-
}
|
|
9593
|
-
);
|
|
9594
|
-
DialogContent.displayName = CONTENT_NAME4;
|
|
9595
|
-
var DialogContentModal = React49.forwardRef(
|
|
9596
|
-
(props, forwardedRef) => {
|
|
9597
|
-
const context = useDialogContext(CONTENT_NAME4, props.__scopeDialog);
|
|
9598
|
-
const contentRef = React49.useRef(null);
|
|
9599
|
-
const composedRefs = useComposedRefs2(forwardedRef, context.contentRef, contentRef);
|
|
9600
|
-
React49.useEffect(() => {
|
|
9601
|
-
const content = contentRef.current;
|
|
9602
|
-
if (content) return hideOthers(content);
|
|
9603
|
-
}, []);
|
|
9604
|
-
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
9605
|
-
DialogContentImpl,
|
|
8268
|
+
var HeaderProfileHeader = ({
|
|
8269
|
+
user,
|
|
8270
|
+
children
|
|
8271
|
+
}) => {
|
|
8272
|
+
const { userName, entityName } = user;
|
|
8273
|
+
const initials = getInitials(userName);
|
|
8274
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenu2, { modal: false, children: [
|
|
8275
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
8276
|
+
"div",
|
|
9606
8277
|
{
|
|
9607
|
-
|
|
9608
|
-
|
|
9609
|
-
|
|
9610
|
-
|
|
9611
|
-
|
|
9612
|
-
|
|
9613
|
-
|
|
9614
|
-
|
|
9615
|
-
|
|
9616
|
-
const originalEvent = event.detail.originalEvent;
|
|
9617
|
-
const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
|
|
9618
|
-
const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
|
|
9619
|
-
if (isRightClick) event.preventDefault();
|
|
9620
|
-
}),
|
|
9621
|
-
onFocusOutside: composeEventHandlers2(
|
|
9622
|
-
props.onFocusOutside,
|
|
9623
|
-
(event) => event.preventDefault()
|
|
9624
|
-
)
|
|
8278
|
+
id: "cnc-border-lateral",
|
|
8279
|
+
className: "cnc-border-solid cnc-border-l-2 cnc-border-brand-blue-60 cnc-header-item",
|
|
8280
|
+
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: [
|
|
8281
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "cnc-flex cnc-flex-col cnc-justify-end cnc-text-end", children: [
|
|
8282
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "cnc-text-xs cnc-font-extrabold cnc-text-brand-blue-900 cnc-header-item", children: entityName }),
|
|
8283
|
+
/* @__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 })
|
|
8284
|
+
] }),
|
|
8285
|
+
/* @__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 }) })
|
|
8286
|
+
] })
|
|
9625
8287
|
}
|
|
9626
|
-
)
|
|
9627
|
-
|
|
9628
|
-
);
|
|
9629
|
-
|
|
9630
|
-
|
|
9631
|
-
|
|
9632
|
-
|
|
9633
|
-
|
|
9634
|
-
|
|
9635
|
-
|
|
8288
|
+
) }),
|
|
8289
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuContent2, { children })
|
|
8290
|
+
] });
|
|
8291
|
+
};
|
|
8292
|
+
var HeaderProfileItem = ({
|
|
8293
|
+
onClick,
|
|
8294
|
+
icon,
|
|
8295
|
+
children
|
|
8296
|
+
}) => {
|
|
8297
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenuItem2, { onClick, children: [
|
|
8298
|
+
icon,
|
|
8299
|
+
children
|
|
8300
|
+
] });
|
|
8301
|
+
};
|
|
8302
|
+
var AplicationsHeader = ({ children }) => {
|
|
8303
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenu2, { children: [
|
|
8304
|
+
/* @__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)(
|
|
8305
|
+
"svg",
|
|
9636
8306
|
{
|
|
9637
|
-
|
|
9638
|
-
|
|
9639
|
-
|
|
9640
|
-
|
|
9641
|
-
|
|
9642
|
-
|
|
9643
|
-
|
|
9644
|
-
|
|
9645
|
-
|
|
9646
|
-
}
|
|
9647
|
-
hasInteractedOutsideRef.current = false;
|
|
9648
|
-
hasPointerDownOutsideRef.current = false;
|
|
9649
|
-
},
|
|
9650
|
-
onInteractOutside: (event) => {
|
|
9651
|
-
props.onInteractOutside?.(event);
|
|
9652
|
-
if (!event.defaultPrevented) {
|
|
9653
|
-
hasInteractedOutsideRef.current = true;
|
|
9654
|
-
if (event.detail.originalEvent.type === "pointerdown") {
|
|
9655
|
-
hasPointerDownOutsideRef.current = true;
|
|
9656
|
-
}
|
|
9657
|
-
}
|
|
9658
|
-
const target = event.target;
|
|
9659
|
-
const targetIsTrigger = context.triggerRef.current?.contains(target);
|
|
9660
|
-
if (targetIsTrigger) event.preventDefault();
|
|
9661
|
-
if (event.detail.originalEvent.type === "focusin" && hasPointerDownOutsideRef.current) {
|
|
9662
|
-
event.preventDefault();
|
|
8307
|
+
width: "18",
|
|
8308
|
+
height: "18",
|
|
8309
|
+
viewBox: "0 0 16 16",
|
|
8310
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8311
|
+
className: "cnc-header-item",
|
|
8312
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
8313
|
+
"path",
|
|
8314
|
+
{
|
|
8315
|
+
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"
|
|
9663
8316
|
}
|
|
9664
|
-
|
|
9665
|
-
}
|
|
9666
|
-
);
|
|
9667
|
-
}
|
|
9668
|
-
);
|
|
9669
|
-
var DialogContentImpl = React49.forwardRef(
|
|
9670
|
-
(props, forwardedRef) => {
|
|
9671
|
-
const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;
|
|
9672
|
-
const context = useDialogContext(CONTENT_NAME4, __scopeDialog);
|
|
9673
|
-
const contentRef = React49.useRef(null);
|
|
9674
|
-
const composedRefs = useComposedRefs2(forwardedRef, contentRef);
|
|
9675
|
-
useFocusGuards2();
|
|
9676
|
-
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
|
|
9677
|
-
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
9678
|
-
FocusScope2,
|
|
9679
|
-
{
|
|
9680
|
-
asChild: true,
|
|
9681
|
-
loop: true,
|
|
9682
|
-
trapped: trapFocus,
|
|
9683
|
-
onMountAutoFocus: onOpenAutoFocus,
|
|
9684
|
-
onUnmountAutoFocus: onCloseAutoFocus,
|
|
9685
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
9686
|
-
DismissableLayer2,
|
|
9687
|
-
{
|
|
9688
|
-
role: "dialog",
|
|
9689
|
-
id: context.contentId,
|
|
9690
|
-
"aria-describedby": context.descriptionId,
|
|
9691
|
-
"aria-labelledby": context.titleId,
|
|
9692
|
-
"data-state": getState(context.open),
|
|
9693
|
-
...contentProps,
|
|
9694
|
-
ref: composedRefs,
|
|
9695
|
-
onDismiss: () => context.onOpenChange(false)
|
|
9696
|
-
}
|
|
9697
|
-
)
|
|
9698
|
-
}
|
|
9699
|
-
),
|
|
9700
|
-
/* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
|
|
9701
|
-
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TitleWarning, { titleId: context.titleId }),
|
|
9702
|
-
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
|
|
9703
|
-
] })
|
|
9704
|
-
] });
|
|
9705
|
-
}
|
|
9706
|
-
);
|
|
9707
|
-
var TITLE_NAME = "DialogTitle";
|
|
9708
|
-
var DialogTitle = React49.forwardRef(
|
|
9709
|
-
(props, forwardedRef) => {
|
|
9710
|
-
const { __scopeDialog, ...titleProps } = props;
|
|
9711
|
-
const context = useDialogContext(TITLE_NAME, __scopeDialog);
|
|
9712
|
-
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Primitive2.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
|
|
9713
|
-
}
|
|
9714
|
-
);
|
|
9715
|
-
DialogTitle.displayName = TITLE_NAME;
|
|
9716
|
-
var DESCRIPTION_NAME = "DialogDescription";
|
|
9717
|
-
var DialogDescription = React49.forwardRef(
|
|
9718
|
-
(props, forwardedRef) => {
|
|
9719
|
-
const { __scopeDialog, ...descriptionProps } = props;
|
|
9720
|
-
const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
|
|
9721
|
-
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Primitive2.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
|
|
9722
|
-
}
|
|
9723
|
-
);
|
|
9724
|
-
DialogDescription.displayName = DESCRIPTION_NAME;
|
|
9725
|
-
var CLOSE_NAME = "DialogClose";
|
|
9726
|
-
var DialogClose = React49.forwardRef(
|
|
9727
|
-
(props, forwardedRef) => {
|
|
9728
|
-
const { __scopeDialog, ...closeProps } = props;
|
|
9729
|
-
const context = useDialogContext(CLOSE_NAME, __scopeDialog);
|
|
9730
|
-
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
9731
|
-
Primitive2.button,
|
|
9732
|
-
{
|
|
9733
|
-
type: "button",
|
|
9734
|
-
...closeProps,
|
|
9735
|
-
ref: forwardedRef,
|
|
9736
|
-
onClick: composeEventHandlers2(props.onClick, () => context.onOpenChange(false))
|
|
8317
|
+
)
|
|
9737
8318
|
}
|
|
9738
|
-
)
|
|
9739
|
-
|
|
9740
|
-
);
|
|
9741
|
-
DialogClose.displayName = CLOSE_NAME;
|
|
9742
|
-
function getState(open) {
|
|
9743
|
-
return open ? "open" : "closed";
|
|
9744
|
-
}
|
|
9745
|
-
var TITLE_WARNING_NAME = "DialogTitleWarning";
|
|
9746
|
-
var [WarningProvider, useWarningContext] = createContext22(TITLE_WARNING_NAME, {
|
|
9747
|
-
contentName: CONTENT_NAME4,
|
|
9748
|
-
titleName: TITLE_NAME,
|
|
9749
|
-
docsSlug: "dialog"
|
|
9750
|
-
});
|
|
9751
|
-
var TitleWarning = ({ titleId }) => {
|
|
9752
|
-
const titleWarningContext = useWarningContext(TITLE_WARNING_NAME);
|
|
9753
|
-
const MESSAGE = `\`${titleWarningContext.contentName}\` requires a \`${titleWarningContext.titleName}\` for the component to be accessible for screen reader users.
|
|
9754
|
-
|
|
9755
|
-
If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.
|
|
9756
|
-
|
|
9757
|
-
For more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;
|
|
9758
|
-
React49.useEffect(() => {
|
|
9759
|
-
if (titleId) {
|
|
9760
|
-
const hasTitle = document.getElementById(titleId);
|
|
9761
|
-
if (!hasTitle) console.error(MESSAGE);
|
|
9762
|
-
}
|
|
9763
|
-
}, [MESSAGE, titleId]);
|
|
9764
|
-
return null;
|
|
9765
|
-
};
|
|
9766
|
-
var DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning";
|
|
9767
|
-
var DescriptionWarning = ({ contentRef, descriptionId }) => {
|
|
9768
|
-
const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);
|
|
9769
|
-
const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
|
|
9770
|
-
React49.useEffect(() => {
|
|
9771
|
-
const describedById = contentRef.current?.getAttribute("aria-describedby");
|
|
9772
|
-
if (descriptionId && describedById) {
|
|
9773
|
-
const hasDescription = document.getElementById(descriptionId);
|
|
9774
|
-
if (!hasDescription) console.warn(MESSAGE);
|
|
9775
|
-
}
|
|
9776
|
-
}, [MESSAGE, contentRef, descriptionId]);
|
|
9777
|
-
return null;
|
|
8319
|
+
) }) }),
|
|
8320
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuContent2, { className: "flex", children })
|
|
8321
|
+
] }) });
|
|
9778
8322
|
};
|
|
9779
|
-
var Root4 = Dialog;
|
|
9780
|
-
var Trigger2 = DialogTrigger;
|
|
9781
|
-
var Portal4 = DialogPortal;
|
|
9782
|
-
var Overlay = DialogOverlay;
|
|
9783
|
-
var Content3 = DialogContent;
|
|
9784
|
-
var Title = DialogTitle;
|
|
9785
|
-
var Description = DialogDescription;
|
|
9786
|
-
var Close = DialogClose;
|
|
9787
8323
|
|
|
9788
8324
|
// src/components/Dialog/index.tsx
|
|
9789
|
-
var
|
|
9790
|
-
var
|
|
9791
|
-
var
|
|
9792
|
-
var
|
|
9793
|
-
var
|
|
9794
|
-
var
|
|
9795
|
-
var
|
|
9796
|
-
|
|
8325
|
+
var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
|
|
8326
|
+
var React33 = __toESM(require("react"));
|
|
8327
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
8328
|
+
var Dialog = DialogPrimitive.Root;
|
|
8329
|
+
var DialogTrigger = DialogPrimitive.Trigger;
|
|
8330
|
+
var DialogPortal = DialogPrimitive.Portal;
|
|
8331
|
+
var DialogClose = DialogPrimitive.Close;
|
|
8332
|
+
var DialogOverlay = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
8333
|
+
DialogPrimitive.Overlay,
|
|
9797
8334
|
{
|
|
9798
8335
|
ref,
|
|
9799
8336
|
className: cn(
|
|
@@ -9803,11 +8340,11 @@ var DialogOverlay2 = React50.forwardRef(({ className, ...props }, ref) => /* @__
|
|
|
9803
8340
|
...props
|
|
9804
8341
|
}
|
|
9805
8342
|
));
|
|
9806
|
-
|
|
9807
|
-
var
|
|
9808
|
-
/* @__PURE__ */ (0,
|
|
9809
|
-
/* @__PURE__ */ (0,
|
|
9810
|
-
|
|
8343
|
+
DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
|
|
8344
|
+
var DialogContent = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(DialogPortal, { children: [
|
|
8345
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DialogOverlay, {}),
|
|
8346
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
|
|
8347
|
+
DialogPrimitive.Content,
|
|
9811
8348
|
{
|
|
9812
8349
|
ref,
|
|
9813
8350
|
className: cn(
|
|
@@ -9817,19 +8354,19 @@ var DialogContent2 = React50.forwardRef(({ className, children, ...props }, ref)
|
|
|
9817
8354
|
...props,
|
|
9818
8355
|
children: [
|
|
9819
8356
|
children,
|
|
9820
|
-
/* @__PURE__ */ (0,
|
|
9821
|
-
/* @__PURE__ */ (0,
|
|
9822
|
-
/* @__PURE__ */ (0,
|
|
8357
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(DialogPrimitive.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: [
|
|
8358
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(X, { className: "cnc-h-4 cnc-w-4" }),
|
|
8359
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "cnc-sr-only", children: "Close" })
|
|
9823
8360
|
] })
|
|
9824
8361
|
]
|
|
9825
8362
|
}
|
|
9826
8363
|
)
|
|
9827
8364
|
] }));
|
|
9828
|
-
|
|
8365
|
+
DialogContent.displayName = DialogPrimitive.Content.displayName;
|
|
9829
8366
|
var DialogHeader = ({
|
|
9830
8367
|
className,
|
|
9831
8368
|
...props
|
|
9832
|
-
}) => /* @__PURE__ */ (0,
|
|
8369
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
9833
8370
|
"div",
|
|
9834
8371
|
{
|
|
9835
8372
|
className: cn(
|
|
@@ -9843,7 +8380,7 @@ DialogHeader.displayName = "DialogHeader";
|
|
|
9843
8380
|
var DialogFooter = ({
|
|
9844
8381
|
className,
|
|
9845
8382
|
...props
|
|
9846
|
-
}) => /* @__PURE__ */ (0,
|
|
8383
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
9847
8384
|
"div",
|
|
9848
8385
|
{
|
|
9849
8386
|
className: cn(
|
|
@@ -9854,8 +8391,8 @@ var DialogFooter = ({
|
|
|
9854
8391
|
}
|
|
9855
8392
|
);
|
|
9856
8393
|
DialogFooter.displayName = "DialogFooter";
|
|
9857
|
-
var
|
|
9858
|
-
Title,
|
|
8394
|
+
var DialogTitle = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
8395
|
+
DialogPrimitive.Title,
|
|
9859
8396
|
{
|
|
9860
8397
|
ref,
|
|
9861
8398
|
className: cn(
|
|
@@ -9865,53 +8402,56 @@ var DialogTitle2 = React50.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
9865
8402
|
...props
|
|
9866
8403
|
}
|
|
9867
8404
|
));
|
|
9868
|
-
|
|
9869
|
-
var
|
|
9870
|
-
Description,
|
|
8405
|
+
DialogTitle.displayName = DialogPrimitive.Title.displayName;
|
|
8406
|
+
var DialogDescription = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
8407
|
+
DialogPrimitive.Description,
|
|
9871
8408
|
{
|
|
9872
8409
|
ref,
|
|
9873
8410
|
className: cn("cnc-text-sm cnc-text-muted-foreground", className),
|
|
9874
8411
|
...props
|
|
9875
8412
|
}
|
|
9876
8413
|
));
|
|
9877
|
-
|
|
8414
|
+
DialogDescription.displayName = DialogPrimitive.Description.displayName;
|
|
9878
8415
|
|
|
9879
8416
|
// src/components/Modal/index.tsx
|
|
9880
|
-
var
|
|
8417
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
9881
8418
|
var Modal = ({
|
|
9882
8419
|
title,
|
|
9883
8420
|
content,
|
|
9884
8421
|
visibleModal,
|
|
9885
8422
|
onClose
|
|
9886
8423
|
}) => {
|
|
9887
|
-
return /* @__PURE__ */ (0,
|
|
9888
|
-
/* @__PURE__ */ (0,
|
|
9889
|
-
/* @__PURE__ */ (0,
|
|
9890
|
-
title && /* @__PURE__ */ (0,
|
|
9891
|
-
/* @__PURE__ */ (0,
|
|
8424
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Dialog, { open: visibleModal, onOpenChange: onClose, children: [
|
|
8425
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DialogOverlay, { className: "cnc-inset-0 cnc-bg-blackA6= data-[state=open]:cnc-animate-overlayShow" }),
|
|
8426
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DialogContent, { 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: [
|
|
8427
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime17.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 }),
|
|
8428
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.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 })
|
|
9892
8429
|
] })
|
|
9893
8430
|
] });
|
|
9894
8431
|
};
|
|
9895
8432
|
|
|
9896
8433
|
// src/components/Modal/ModalMudancaEntidade/index.tsx
|
|
9897
|
-
var
|
|
9898
|
-
function ModalEntidade({
|
|
9899
|
-
|
|
9900
|
-
|
|
9901
|
-
|
|
9902
|
-
|
|
9903
|
-
|
|
9904
|
-
|
|
9905
|
-
|
|
9906
|
-
|
|
9907
|
-
|
|
9908
|
-
|
|
9909
|
-
|
|
9910
|
-
|
|
9911
|
-
|
|
9912
|
-
|
|
9913
|
-
|
|
9914
|
-
|
|
8434
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
8435
|
+
function ModalEntidade({
|
|
8436
|
+
isOpen,
|
|
8437
|
+
onOpenChange,
|
|
8438
|
+
title = "Selecionar a entidade",
|
|
8439
|
+
children,
|
|
8440
|
+
className
|
|
8441
|
+
}) {
|
|
8442
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Dialog, { open: isOpen, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DialogContent, { 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: [
|
|
8443
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DialogTitle, { className: "cnc-font-normal cnc-text-base", children: title }) }),
|
|
8444
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
8445
|
+
"div",
|
|
8446
|
+
{
|
|
8447
|
+
className: cn(
|
|
8448
|
+
"cnc-flex cnc-flex-col cnc-w-full cnc-max-w-[513px] cnc-mx-auto cnc-py-6",
|
|
8449
|
+
className
|
|
8450
|
+
),
|
|
8451
|
+
children
|
|
8452
|
+
}
|
|
8453
|
+
)
|
|
8454
|
+
] }) });
|
|
9915
8455
|
}
|
|
9916
8456
|
var ModalMudancaEntidade = ({
|
|
9917
8457
|
title,
|
|
@@ -9920,17 +8460,17 @@ var ModalMudancaEntidade = ({
|
|
|
9920
8460
|
SelectComponent,
|
|
9921
8461
|
buttonAction
|
|
9922
8462
|
}) => {
|
|
9923
|
-
return /* @__PURE__ */ (0,
|
|
8463
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
9924
8464
|
Modal,
|
|
9925
8465
|
{
|
|
9926
8466
|
title,
|
|
9927
8467
|
onClose,
|
|
9928
8468
|
visibleModal,
|
|
9929
|
-
content: /* @__PURE__ */ (0,
|
|
9930
|
-
/* @__PURE__ */ (0,
|
|
9931
|
-
/* @__PURE__ */ (0,
|
|
9932
|
-
/* @__PURE__ */ (0,
|
|
9933
|
-
/* @__PURE__ */ (0,
|
|
8469
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
|
|
8470
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DialogTitle, { className: "cnc-DialogTitle cnc-mt-10 cnc-mb-4 ", children: "Selecionar a entidade" }),
|
|
8471
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "cnc-flex cnc-mb-5 ", children: [
|
|
8472
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SelectComponent, {}),
|
|
8473
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { className: "cnc-text-white cnc-ml-5", onClick: buttonAction, children: "Trocar entidade" })
|
|
9934
8474
|
] })
|
|
9935
8475
|
] })
|
|
9936
8476
|
}
|
|
@@ -9939,13 +8479,13 @@ var ModalMudancaEntidade = ({
|
|
|
9939
8479
|
|
|
9940
8480
|
// src/components/Sidebar/index.tsx
|
|
9941
8481
|
var Accordion = __toESM(require("@radix-ui/react-accordion"));
|
|
9942
|
-
var
|
|
8482
|
+
var import_react_slot5 = require("@radix-ui/react-slot");
|
|
9943
8483
|
var import_react7 = require("react");
|
|
9944
8484
|
|
|
9945
8485
|
// src/components/assets/logotipo-default.tsx
|
|
9946
|
-
var
|
|
8486
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
9947
8487
|
function LogotipoDefault() {
|
|
9948
|
-
return /* @__PURE__ */ (0,
|
|
8488
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
|
|
9949
8489
|
"svg",
|
|
9950
8490
|
{
|
|
9951
8491
|
width: "209",
|
|
@@ -9954,14 +8494,14 @@ function LogotipoDefault() {
|
|
|
9954
8494
|
fill: "none",
|
|
9955
8495
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9956
8496
|
children: [
|
|
9957
|
-
/* @__PURE__ */ (0,
|
|
8497
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
9958
8498
|
"path",
|
|
9959
8499
|
{
|
|
9960
8500
|
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",
|
|
9961
8501
|
fill: "#C89633"
|
|
9962
8502
|
}
|
|
9963
8503
|
),
|
|
9964
|
-
/* @__PURE__ */ (0,
|
|
8504
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
9965
8505
|
"path",
|
|
9966
8506
|
{
|
|
9967
8507
|
fillRule: "evenodd",
|
|
@@ -9970,133 +8510,133 @@ function LogotipoDefault() {
|
|
|
9970
8510
|
fill: "#C89633"
|
|
9971
8511
|
}
|
|
9972
8512
|
),
|
|
9973
|
-
/* @__PURE__ */ (0,
|
|
8513
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
9974
8514
|
"path",
|
|
9975
8515
|
{
|
|
9976
8516
|
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",
|
|
9977
8517
|
fill: "white"
|
|
9978
8518
|
}
|
|
9979
8519
|
),
|
|
9980
|
-
/* @__PURE__ */ (0,
|
|
8520
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
9981
8521
|
"path",
|
|
9982
8522
|
{
|
|
9983
8523
|
d: "M60.457 3.08307V4.09961H61.9417H63.4264V3.08307V2.06652H61.9417H60.457V3.08307Z",
|
|
9984
8524
|
fill: "white"
|
|
9985
8525
|
}
|
|
9986
8526
|
),
|
|
9987
|
-
/* @__PURE__ */ (0,
|
|
8527
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
9988
8528
|
"path",
|
|
9989
8529
|
{
|
|
9990
8530
|
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",
|
|
9991
8531
|
fill: "white"
|
|
9992
8532
|
}
|
|
9993
8533
|
),
|
|
9994
|
-
/* @__PURE__ */ (0,
|
|
8534
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
9995
8535
|
"path",
|
|
9996
8536
|
{
|
|
9997
8537
|
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",
|
|
9998
8538
|
fill: "white"
|
|
9999
8539
|
}
|
|
10000
8540
|
),
|
|
10001
|
-
/* @__PURE__ */ (0,
|
|
8541
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
10002
8542
|
"path",
|
|
10003
8543
|
{
|
|
10004
8544
|
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",
|
|
10005
8545
|
fill: "white"
|
|
10006
8546
|
}
|
|
10007
8547
|
),
|
|
10008
|
-
/* @__PURE__ */ (0,
|
|
8548
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
10009
8549
|
"path",
|
|
10010
8550
|
{
|
|
10011
8551
|
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",
|
|
10012
8552
|
fill: "white"
|
|
10013
8553
|
}
|
|
10014
8554
|
),
|
|
10015
|
-
/* @__PURE__ */ (0,
|
|
8555
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
10016
8556
|
"path",
|
|
10017
8557
|
{
|
|
10018
8558
|
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",
|
|
10019
8559
|
fill: "white"
|
|
10020
8560
|
}
|
|
10021
8561
|
),
|
|
10022
|
-
/* @__PURE__ */ (0,
|
|
8562
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
10023
8563
|
"path",
|
|
10024
8564
|
{
|
|
10025
8565
|
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",
|
|
10026
8566
|
fill: "white"
|
|
10027
8567
|
}
|
|
10028
8568
|
),
|
|
10029
|
-
/* @__PURE__ */ (0,
|
|
8569
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
10030
8570
|
"path",
|
|
10031
8571
|
{
|
|
10032
8572
|
d: "M60.457 10.1169V14.7051H61.9417H63.4264V10.1169V5.52872H61.9417H60.457V10.1169Z",
|
|
10033
8573
|
fill: "white"
|
|
10034
8574
|
}
|
|
10035
8575
|
),
|
|
10036
|
-
/* @__PURE__ */ (0,
|
|
8576
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
10037
8577
|
"path",
|
|
10038
8578
|
{
|
|
10039
8579
|
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",
|
|
10040
8580
|
fill: "white"
|
|
10041
8581
|
}
|
|
10042
8582
|
),
|
|
10043
|
-
/* @__PURE__ */ (0,
|
|
8583
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
10044
8584
|
"path",
|
|
10045
8585
|
{
|
|
10046
8586
|
d: "M194.074 2.97369V3.99023H195.559H197.044L197.033 2.98468L197.016 1.98462L195.548 1.96814L194.074 1.95715V2.97369Z",
|
|
10047
8587
|
fill: "white"
|
|
10048
8588
|
}
|
|
10049
8589
|
),
|
|
10050
|
-
/* @__PURE__ */ (0,
|
|
8590
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
10051
8591
|
"path",
|
|
10052
8592
|
{
|
|
10053
8593
|
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",
|
|
10054
8594
|
fill: "white"
|
|
10055
8595
|
}
|
|
10056
8596
|
),
|
|
10057
|
-
/* @__PURE__ */ (0,
|
|
8597
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
10058
8598
|
"path",
|
|
10059
8599
|
{
|
|
10060
8600
|
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",
|
|
10061
8601
|
fill: "white"
|
|
10062
8602
|
}
|
|
10063
8603
|
),
|
|
10064
|
-
/* @__PURE__ */ (0,
|
|
8604
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
10065
8605
|
"path",
|
|
10066
8606
|
{
|
|
10067
8607
|
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",
|
|
10068
8608
|
fill: "white"
|
|
10069
8609
|
}
|
|
10070
8610
|
),
|
|
10071
|
-
/* @__PURE__ */ (0,
|
|
8611
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
10072
8612
|
"path",
|
|
10073
8613
|
{
|
|
10074
8614
|
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",
|
|
10075
8615
|
fill: "white"
|
|
10076
8616
|
}
|
|
10077
8617
|
),
|
|
10078
|
-
/* @__PURE__ */ (0,
|
|
8618
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
10079
8619
|
"path",
|
|
10080
8620
|
{
|
|
10081
8621
|
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",
|
|
10082
8622
|
fill: "white"
|
|
10083
8623
|
}
|
|
10084
8624
|
),
|
|
10085
|
-
/* @__PURE__ */ (0,
|
|
8625
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
10086
8626
|
"path",
|
|
10087
8627
|
{
|
|
10088
8628
|
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",
|
|
10089
8629
|
fill: "white"
|
|
10090
8630
|
}
|
|
10091
8631
|
),
|
|
10092
|
-
/* @__PURE__ */ (0,
|
|
8632
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
10093
8633
|
"path",
|
|
10094
8634
|
{
|
|
10095
8635
|
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",
|
|
10096
8636
|
fill: "white"
|
|
10097
8637
|
}
|
|
10098
8638
|
),
|
|
10099
|
-
/* @__PURE__ */ (0,
|
|
8639
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
10100
8640
|
"path",
|
|
10101
8641
|
{
|
|
10102
8642
|
d: "M194.074 10.0075V14.5957H195.559H197.044V10.0075V5.41934H195.559H194.074V10.0075Z",
|
|
@@ -10109,12 +8649,12 @@ function LogotipoDefault() {
|
|
|
10109
8649
|
}
|
|
10110
8650
|
|
|
10111
8651
|
// src/components/Sidebar/index.tsx
|
|
10112
|
-
var
|
|
8652
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
10113
8653
|
function SidebarContainer({
|
|
10114
8654
|
isOpen = true,
|
|
10115
8655
|
...rest
|
|
10116
8656
|
}) {
|
|
10117
|
-
return /* @__PURE__ */ (0,
|
|
8657
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
10118
8658
|
"div",
|
|
10119
8659
|
{
|
|
10120
8660
|
"data-is-open": isOpen,
|
|
@@ -10130,21 +8670,21 @@ function SidebarImageBrand({
|
|
|
10130
8670
|
img,
|
|
10131
8671
|
children
|
|
10132
8672
|
}) {
|
|
10133
|
-
return /* @__PURE__ */ (0,
|
|
10134
|
-
/* @__PURE__ */ (0,
|
|
8673
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.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: [
|
|
8674
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "cnc-sidebar-child-hidden", children: asChild && !img ? children : img && img.src ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
10135
8675
|
"img",
|
|
10136
8676
|
{
|
|
10137
8677
|
src: img.src,
|
|
10138
8678
|
alt: img?.alt,
|
|
10139
8679
|
className: "cnc-w-[159px] cnc-h-[28px] cnc-object-contain"
|
|
10140
8680
|
}
|
|
10141
|
-
) : /* @__PURE__ */ (0,
|
|
10142
|
-
onChangeToggle && /* @__PURE__ */ (0,
|
|
8681
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(LogotipoDefault, {}) }),
|
|
8682
|
+
onChangeToggle && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
10143
8683
|
"button",
|
|
10144
8684
|
{
|
|
10145
8685
|
onClick: onChangeToggle,
|
|
10146
8686
|
className: "hover:cnc-brightness-75 cnc-sidebar-child-hidden",
|
|
10147
|
-
children: /* @__PURE__ */ (0,
|
|
8687
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
10148
8688
|
"svg",
|
|
10149
8689
|
{
|
|
10150
8690
|
stroke: "currentColor",
|
|
@@ -10155,7 +8695,7 @@ function SidebarImageBrand({
|
|
|
10155
8695
|
height: "1em",
|
|
10156
8696
|
width: "1em",
|
|
10157
8697
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10158
|
-
children: /* @__PURE__ */ (0,
|
|
8698
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
10159
8699
|
"path",
|
|
10160
8700
|
{
|
|
10161
8701
|
fill: "none",
|
|
@@ -10172,7 +8712,7 @@ function SidebarImageBrand({
|
|
|
10172
8712
|
] });
|
|
10173
8713
|
}
|
|
10174
8714
|
function Sidebar({ children, ...rest }) {
|
|
10175
|
-
return /* @__PURE__ */ (0,
|
|
8715
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Accordion.Root, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
10176
8716
|
"div",
|
|
10177
8717
|
{
|
|
10178
8718
|
className: "cnc-w-full cnc-h-screen-minus-70 cnc-flex cnc-flex-col cnc-py-8 cnc-bg-primary-800 cnc-px-5 \n cnc-scroll-smooth cnc-overflow-y-auto\n [&::-webkit-scrollbar]:cnc-w-1\n [&::-webkit-scrollbar-track]:cnc-bg-brand-blue-500\n [&::-webkit-scrollbar-thumb]:cnc-rounded\n [&::-webkit-scrollbar-thumb]:cnc-border\n [&::-webkit-scrollbar-thumb]:cnc-border-solid\n [&::-webkit-scrollbar-thumb]:cnc-border-brand-gray-400\n [&::-webkit-scrollbar-thumb]:cnc-bg-brand-gray-200\n cnc-sidebar-child-w-0",
|
|
@@ -10185,8 +8725,8 @@ function SidebarNavLink({
|
|
|
10185
8725
|
type = "primary",
|
|
10186
8726
|
...rest
|
|
10187
8727
|
}) {
|
|
10188
|
-
const Component = asChild ?
|
|
10189
|
-
return /* @__PURE__ */ (0,
|
|
8728
|
+
const Component = asChild ? import_react_slot5.Slot : "a";
|
|
8729
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
10190
8730
|
Component,
|
|
10191
8731
|
{
|
|
10192
8732
|
"data-type": type,
|
|
@@ -10201,13 +8741,13 @@ function SidebarNavCollapse({
|
|
|
10201
8741
|
icon,
|
|
10202
8742
|
...rest
|
|
10203
8743
|
}) {
|
|
10204
|
-
return /* @__PURE__ */ (0,
|
|
10205
|
-
/* @__PURE__ */ (0,
|
|
10206
|
-
/* @__PURE__ */ (0,
|
|
8744
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Accordion.Item, { ...rest, className: "cnc-sidebar-item", children: [
|
|
8745
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.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: [
|
|
8746
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "cnc-flex cnc-items-center cnc-gap-2", children: [
|
|
10207
8747
|
icon && renderIconItem(icon),
|
|
10208
8748
|
title
|
|
10209
8749
|
] }),
|
|
10210
|
-
/* @__PURE__ */ (0,
|
|
8750
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "cnc-w-4 cnc-h-4", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
10211
8751
|
"svg",
|
|
10212
8752
|
{
|
|
10213
8753
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -10220,11 +8760,11 @@ function SidebarNavCollapse({
|
|
|
10220
8760
|
strokeLinecap: "round",
|
|
10221
8761
|
strokeLinejoin: "round",
|
|
10222
8762
|
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",
|
|
10223
|
-
children: /* @__PURE__ */ (0,
|
|
8763
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("path", { d: "m9 18 6-6-6-6" })
|
|
10224
8764
|
}
|
|
10225
8765
|
) })
|
|
10226
8766
|
] }),
|
|
10227
|
-
/* @__PURE__ */ (0,
|
|
8767
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.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_runtime20.jsx)("div", { className: "cnc-bg-white/10 cnc-rounded-md cnc-font-normal cnc-px-5 cnc-py-3", children }) })
|
|
10228
8768
|
] });
|
|
10229
8769
|
}
|
|
10230
8770
|
function renderIconItem(icon) {
|
|
@@ -10237,16 +8777,16 @@ function renderIconItem(icon) {
|
|
|
10237
8777
|
});
|
|
10238
8778
|
}
|
|
10239
8779
|
if ((0, import_react7.isValidElement)(icon)) {
|
|
10240
|
-
return /* @__PURE__ */ (0,
|
|
8780
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "cnc-w-5 cnc-h-5 cnc-overflow-hidden", children: icon });
|
|
10241
8781
|
}
|
|
10242
|
-
return /* @__PURE__ */ (0,
|
|
8782
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "cnc-w-5 cnc-h-5 cnc-overflow-hidden", children: icon });
|
|
10243
8783
|
}
|
|
10244
8784
|
|
|
10245
8785
|
// ../../node_modules/@radix-ui/react-popover/dist/index.mjs
|
|
10246
|
-
var
|
|
8786
|
+
var React54 = __toESM(require("react"), 1);
|
|
10247
8787
|
|
|
10248
8788
|
// ../../node_modules/@radix-ui/react-popover/node_modules/@radix-ui/primitive/dist/index.mjs
|
|
10249
|
-
function
|
|
8789
|
+
function composeEventHandlers2(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
|
|
10250
8790
|
return function handleEvent(event) {
|
|
10251
8791
|
originalEventHandler?.(event);
|
|
10252
8792
|
if (checkForDefaultPrevented === false || !event.defaultPrevented) {
|
|
@@ -10256,19 +8796,19 @@ function composeEventHandlers3(originalEventHandler, ourEventHandler, { checkFor
|
|
|
10256
8796
|
}
|
|
10257
8797
|
|
|
10258
8798
|
// ../../node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
|
|
10259
|
-
var
|
|
10260
|
-
function
|
|
8799
|
+
var React35 = __toESM(require("react"), 1);
|
|
8800
|
+
function setRef2(ref, value) {
|
|
10261
8801
|
if (typeof ref === "function") {
|
|
10262
8802
|
return ref(value);
|
|
10263
8803
|
} else if (ref !== null && ref !== void 0) {
|
|
10264
8804
|
ref.current = value;
|
|
10265
8805
|
}
|
|
10266
8806
|
}
|
|
10267
|
-
function
|
|
8807
|
+
function composeRefs2(...refs) {
|
|
10268
8808
|
return (node) => {
|
|
10269
8809
|
let hasCleanup = false;
|
|
10270
8810
|
const cleanups = refs.map((ref) => {
|
|
10271
|
-
const cleanup =
|
|
8811
|
+
const cleanup = setRef2(ref, node);
|
|
10272
8812
|
if (!hasCleanup && typeof cleanup == "function") {
|
|
10273
8813
|
hasCleanup = true;
|
|
10274
8814
|
}
|
|
@@ -10281,36 +8821,36 @@ function composeRefs3(...refs) {
|
|
|
10281
8821
|
if (typeof cleanup == "function") {
|
|
10282
8822
|
cleanup();
|
|
10283
8823
|
} else {
|
|
10284
|
-
|
|
8824
|
+
setRef2(refs[i], null);
|
|
10285
8825
|
}
|
|
10286
8826
|
}
|
|
10287
8827
|
};
|
|
10288
8828
|
}
|
|
10289
8829
|
};
|
|
10290
8830
|
}
|
|
10291
|
-
function
|
|
10292
|
-
return
|
|
8831
|
+
function useComposedRefs2(...refs) {
|
|
8832
|
+
return React35.useCallback(composeRefs2(...refs), refs);
|
|
10293
8833
|
}
|
|
10294
8834
|
|
|
10295
8835
|
// ../../node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-context/dist/index.mjs
|
|
10296
|
-
var
|
|
10297
|
-
var
|
|
10298
|
-
function
|
|
8836
|
+
var React36 = __toESM(require("react"), 1);
|
|
8837
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
8838
|
+
function createContextScope2(scopeName, createContextScopeDeps = []) {
|
|
10299
8839
|
let defaultContexts = [];
|
|
10300
8840
|
function createContext32(rootComponentName, defaultContext) {
|
|
10301
|
-
const BaseContext =
|
|
8841
|
+
const BaseContext = React36.createContext(defaultContext);
|
|
10302
8842
|
const index2 = defaultContexts.length;
|
|
10303
8843
|
defaultContexts = [...defaultContexts, defaultContext];
|
|
10304
8844
|
const Provider = (props) => {
|
|
10305
8845
|
const { scope, children, ...context } = props;
|
|
10306
8846
|
const Context = scope?.[scopeName]?.[index2] || BaseContext;
|
|
10307
|
-
const value =
|
|
10308
|
-
return /* @__PURE__ */ (0,
|
|
8847
|
+
const value = React36.useMemo(() => context, Object.values(context));
|
|
8848
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Context.Provider, { value, children });
|
|
10309
8849
|
};
|
|
10310
8850
|
Provider.displayName = rootComponentName + "Provider";
|
|
10311
8851
|
function useContext22(consumerName, scope) {
|
|
10312
8852
|
const Context = scope?.[scopeName]?.[index2] || BaseContext;
|
|
10313
|
-
const context =
|
|
8853
|
+
const context = React36.useContext(Context);
|
|
10314
8854
|
if (context) return context;
|
|
10315
8855
|
if (defaultContext !== void 0) return defaultContext;
|
|
10316
8856
|
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
|
@@ -10319,20 +8859,20 @@ function createContextScope3(scopeName, createContextScopeDeps = []) {
|
|
|
10319
8859
|
}
|
|
10320
8860
|
const createScope = () => {
|
|
10321
8861
|
const scopeContexts = defaultContexts.map((defaultContext) => {
|
|
10322
|
-
return
|
|
8862
|
+
return React36.createContext(defaultContext);
|
|
10323
8863
|
});
|
|
10324
8864
|
return function useScope(scope) {
|
|
10325
8865
|
const contexts = scope?.[scopeName] || scopeContexts;
|
|
10326
|
-
return
|
|
8866
|
+
return React36.useMemo(
|
|
10327
8867
|
() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
|
|
10328
8868
|
[scope, contexts]
|
|
10329
8869
|
);
|
|
10330
8870
|
};
|
|
10331
8871
|
};
|
|
10332
8872
|
createScope.scopeName = scopeName;
|
|
10333
|
-
return [createContext32,
|
|
8873
|
+
return [createContext32, composeContextScopes2(createScope, ...createContextScopeDeps)];
|
|
10334
8874
|
}
|
|
10335
|
-
function
|
|
8875
|
+
function composeContextScopes2(...scopes) {
|
|
10336
8876
|
const baseScope = scopes[0];
|
|
10337
8877
|
if (scopes.length === 1) return baseScope;
|
|
10338
8878
|
const createScope = () => {
|
|
@@ -10346,7 +8886,7 @@ function composeContextScopes3(...scopes) {
|
|
|
10346
8886
|
const currentScope = scopeProps[`__scope${scopeName}`];
|
|
10347
8887
|
return { ...nextScopes2, ...currentScope };
|
|
10348
8888
|
}, {});
|
|
10349
|
-
return
|
|
8889
|
+
return React36.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
|
|
10350
8890
|
};
|
|
10351
8891
|
};
|
|
10352
8892
|
createScope.scopeName = baseScope.scopeName;
|
|
@@ -10354,14 +8894,14 @@ function composeContextScopes3(...scopes) {
|
|
|
10354
8894
|
}
|
|
10355
8895
|
|
|
10356
8896
|
// ../../node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
|
|
10357
|
-
var
|
|
8897
|
+
var React40 = __toESM(require("react"), 1);
|
|
10358
8898
|
|
|
10359
8899
|
// ../../node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-primitive/dist/index.mjs
|
|
10360
|
-
var
|
|
10361
|
-
var
|
|
10362
|
-
var
|
|
10363
|
-
var
|
|
10364
|
-
var
|
|
8900
|
+
var React37 = __toESM(require("react"), 1);
|
|
8901
|
+
var ReactDOM4 = __toESM(require("react-dom"), 1);
|
|
8902
|
+
var import_react_slot6 = require("@radix-ui/react-slot");
|
|
8903
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
8904
|
+
var NODES2 = [
|
|
10365
8905
|
"a",
|
|
10366
8906
|
"button",
|
|
10367
8907
|
"div",
|
|
@@ -10380,38 +8920,38 @@ var NODES3 = [
|
|
|
10380
8920
|
"svg",
|
|
10381
8921
|
"ul"
|
|
10382
8922
|
];
|
|
10383
|
-
var
|
|
10384
|
-
const
|
|
10385
|
-
const Node2 =
|
|
8923
|
+
var Primitive2 = NODES2.reduce((primitive, node) => {
|
|
8924
|
+
const Slot7 = (0, import_react_slot6.createSlot)(`Primitive.${node}`);
|
|
8925
|
+
const Node2 = React37.forwardRef((props, forwardedRef) => {
|
|
10386
8926
|
const { asChild, ...primitiveProps } = props;
|
|
10387
|
-
const Comp = asChild ?
|
|
8927
|
+
const Comp = asChild ? Slot7 : node;
|
|
10388
8928
|
if (typeof window !== "undefined") {
|
|
10389
8929
|
window[Symbol.for("radix-ui")] = true;
|
|
10390
8930
|
}
|
|
10391
|
-
return /* @__PURE__ */ (0,
|
|
8931
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
|
|
10392
8932
|
});
|
|
10393
8933
|
Node2.displayName = `Primitive.${node}`;
|
|
10394
8934
|
return { ...primitive, [node]: Node2 };
|
|
10395
8935
|
}, {});
|
|
10396
|
-
function
|
|
10397
|
-
if (target)
|
|
8936
|
+
function dispatchDiscreteCustomEvent2(target, event) {
|
|
8937
|
+
if (target) ReactDOM4.flushSync(() => target.dispatchEvent(event));
|
|
10398
8938
|
}
|
|
10399
8939
|
|
|
10400
8940
|
// ../../node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
|
|
10401
|
-
var
|
|
10402
|
-
function
|
|
10403
|
-
const callbackRef =
|
|
10404
|
-
|
|
8941
|
+
var React38 = __toESM(require("react"), 1);
|
|
8942
|
+
function useCallbackRef3(callback) {
|
|
8943
|
+
const callbackRef = React38.useRef(callback);
|
|
8944
|
+
React38.useEffect(() => {
|
|
10405
8945
|
callbackRef.current = callback;
|
|
10406
8946
|
});
|
|
10407
|
-
return
|
|
8947
|
+
return React38.useMemo(() => (...args) => callbackRef.current?.(...args), []);
|
|
10408
8948
|
}
|
|
10409
8949
|
|
|
10410
8950
|
// ../../node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs
|
|
10411
|
-
var
|
|
10412
|
-
function
|
|
10413
|
-
const onEscapeKeyDown =
|
|
10414
|
-
|
|
8951
|
+
var React39 = __toESM(require("react"), 1);
|
|
8952
|
+
function useEscapeKeydown2(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
|
|
8953
|
+
const onEscapeKeyDown = useCallbackRef3(onEscapeKeyDownProp);
|
|
8954
|
+
React39.useEffect(() => {
|
|
10415
8955
|
const handleKeyDown = (event) => {
|
|
10416
8956
|
if (event.key === "Escape") {
|
|
10417
8957
|
onEscapeKeyDown(event);
|
|
@@ -10423,18 +8963,18 @@ function useEscapeKeydown3(onEscapeKeyDownProp, ownerDocument = globalThis?.docu
|
|
|
10423
8963
|
}
|
|
10424
8964
|
|
|
10425
8965
|
// ../../node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
|
|
10426
|
-
var
|
|
10427
|
-
var
|
|
10428
|
-
var
|
|
10429
|
-
var
|
|
10430
|
-
var
|
|
10431
|
-
var
|
|
10432
|
-
var
|
|
8966
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
8967
|
+
var DISMISSABLE_LAYER_NAME2 = "DismissableLayer";
|
|
8968
|
+
var CONTEXT_UPDATE2 = "dismissableLayer.update";
|
|
8969
|
+
var POINTER_DOWN_OUTSIDE2 = "dismissableLayer.pointerDownOutside";
|
|
8970
|
+
var FOCUS_OUTSIDE2 = "dismissableLayer.focusOutside";
|
|
8971
|
+
var originalBodyPointerEvents2;
|
|
8972
|
+
var DismissableLayerContext2 = React40.createContext({
|
|
10433
8973
|
layers: /* @__PURE__ */ new Set(),
|
|
10434
8974
|
layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
|
|
10435
8975
|
branches: /* @__PURE__ */ new Set()
|
|
10436
8976
|
});
|
|
10437
|
-
var
|
|
8977
|
+
var DismissableLayer2 = React40.forwardRef(
|
|
10438
8978
|
(props, forwardedRef) => {
|
|
10439
8979
|
const {
|
|
10440
8980
|
disableOutsidePointerEvents = false,
|
|
@@ -10445,18 +8985,18 @@ var DismissableLayer3 = React57.forwardRef(
|
|
|
10445
8985
|
onDismiss,
|
|
10446
8986
|
...layerProps
|
|
10447
8987
|
} = props;
|
|
10448
|
-
const context =
|
|
10449
|
-
const [node, setNode] =
|
|
8988
|
+
const context = React40.useContext(DismissableLayerContext2);
|
|
8989
|
+
const [node, setNode] = React40.useState(null);
|
|
10450
8990
|
const ownerDocument = node?.ownerDocument ?? globalThis?.document;
|
|
10451
|
-
const [, force] =
|
|
10452
|
-
const composedRefs =
|
|
8991
|
+
const [, force] = React40.useState({});
|
|
8992
|
+
const composedRefs = useComposedRefs2(forwardedRef, (node2) => setNode(node2));
|
|
10453
8993
|
const layers = Array.from(context.layers);
|
|
10454
8994
|
const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
|
|
10455
8995
|
const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);
|
|
10456
8996
|
const index2 = node ? layers.indexOf(node) : -1;
|
|
10457
8997
|
const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;
|
|
10458
8998
|
const isPointerEventsEnabled = index2 >= highestLayerWithOutsidePointerEventsDisabledIndex;
|
|
10459
|
-
const pointerDownOutside =
|
|
8999
|
+
const pointerDownOutside = usePointerDownOutside2((event) => {
|
|
10460
9000
|
const target = event.target;
|
|
10461
9001
|
const isPointerDownOnBranch = [...context.branches].some((branch) => branch.contains(target));
|
|
10462
9002
|
if (!isPointerEventsEnabled || isPointerDownOnBranch) return;
|
|
@@ -10464,7 +9004,7 @@ var DismissableLayer3 = React57.forwardRef(
|
|
|
10464
9004
|
onInteractOutside?.(event);
|
|
10465
9005
|
if (!event.defaultPrevented) onDismiss?.();
|
|
10466
9006
|
}, ownerDocument);
|
|
10467
|
-
const focusOutside =
|
|
9007
|
+
const focusOutside = useFocusOutside2((event) => {
|
|
10468
9008
|
const target = event.target;
|
|
10469
9009
|
const isFocusInBranch = [...context.branches].some((branch) => branch.contains(target));
|
|
10470
9010
|
if (isFocusInBranch) return;
|
|
@@ -10472,7 +9012,7 @@ var DismissableLayer3 = React57.forwardRef(
|
|
|
10472
9012
|
onInteractOutside?.(event);
|
|
10473
9013
|
if (!event.defaultPrevented) onDismiss?.();
|
|
10474
9014
|
}, ownerDocument);
|
|
10475
|
-
|
|
9015
|
+
useEscapeKeydown2((event) => {
|
|
10476
9016
|
const isHighestLayer = index2 === context.layers.size - 1;
|
|
10477
9017
|
if (!isHighestLayer) return;
|
|
10478
9018
|
onEscapeKeyDown?.(event);
|
|
@@ -10481,38 +9021,38 @@ var DismissableLayer3 = React57.forwardRef(
|
|
|
10481
9021
|
onDismiss();
|
|
10482
9022
|
}
|
|
10483
9023
|
}, ownerDocument);
|
|
10484
|
-
|
|
9024
|
+
React40.useEffect(() => {
|
|
10485
9025
|
if (!node) return;
|
|
10486
9026
|
if (disableOutsidePointerEvents) {
|
|
10487
9027
|
if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
|
|
10488
|
-
|
|
9028
|
+
originalBodyPointerEvents2 = ownerDocument.body.style.pointerEvents;
|
|
10489
9029
|
ownerDocument.body.style.pointerEvents = "none";
|
|
10490
9030
|
}
|
|
10491
9031
|
context.layersWithOutsidePointerEventsDisabled.add(node);
|
|
10492
9032
|
}
|
|
10493
9033
|
context.layers.add(node);
|
|
10494
|
-
|
|
9034
|
+
dispatchUpdate2();
|
|
10495
9035
|
return () => {
|
|
10496
9036
|
if (disableOutsidePointerEvents && context.layersWithOutsidePointerEventsDisabled.size === 1) {
|
|
10497
|
-
ownerDocument.body.style.pointerEvents =
|
|
9037
|
+
ownerDocument.body.style.pointerEvents = originalBodyPointerEvents2;
|
|
10498
9038
|
}
|
|
10499
9039
|
};
|
|
10500
9040
|
}, [node, ownerDocument, disableOutsidePointerEvents, context]);
|
|
10501
|
-
|
|
9041
|
+
React40.useEffect(() => {
|
|
10502
9042
|
return () => {
|
|
10503
9043
|
if (!node) return;
|
|
10504
9044
|
context.layers.delete(node);
|
|
10505
9045
|
context.layersWithOutsidePointerEventsDisabled.delete(node);
|
|
10506
|
-
|
|
9046
|
+
dispatchUpdate2();
|
|
10507
9047
|
};
|
|
10508
9048
|
}, [node, context]);
|
|
10509
|
-
|
|
9049
|
+
React40.useEffect(() => {
|
|
10510
9050
|
const handleUpdate = () => force({});
|
|
10511
|
-
document.addEventListener(
|
|
10512
|
-
return () => document.removeEventListener(
|
|
9051
|
+
document.addEventListener(CONTEXT_UPDATE2, handleUpdate);
|
|
9052
|
+
return () => document.removeEventListener(CONTEXT_UPDATE2, handleUpdate);
|
|
10513
9053
|
}, []);
|
|
10514
|
-
return /* @__PURE__ */ (0,
|
|
10515
|
-
|
|
9054
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
9055
|
+
Primitive2.div,
|
|
10516
9056
|
{
|
|
10517
9057
|
...layerProps,
|
|
10518
9058
|
ref: composedRefs,
|
|
@@ -10520,9 +9060,9 @@ var DismissableLayer3 = React57.forwardRef(
|
|
|
10520
9060
|
pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0,
|
|
10521
9061
|
...props.style
|
|
10522
9062
|
},
|
|
10523
|
-
onFocusCapture:
|
|
10524
|
-
onBlurCapture:
|
|
10525
|
-
onPointerDownCapture:
|
|
9063
|
+
onFocusCapture: composeEventHandlers2(props.onFocusCapture, focusOutside.onFocusCapture),
|
|
9064
|
+
onBlurCapture: composeEventHandlers2(props.onBlurCapture, focusOutside.onBlurCapture),
|
|
9065
|
+
onPointerDownCapture: composeEventHandlers2(
|
|
10526
9066
|
props.onPointerDownCapture,
|
|
10527
9067
|
pointerDownOutside.onPointerDownCapture
|
|
10528
9068
|
)
|
|
@@ -10530,13 +9070,13 @@ var DismissableLayer3 = React57.forwardRef(
|
|
|
10530
9070
|
);
|
|
10531
9071
|
}
|
|
10532
9072
|
);
|
|
10533
|
-
|
|
10534
|
-
var
|
|
10535
|
-
var
|
|
10536
|
-
const context =
|
|
10537
|
-
const ref =
|
|
10538
|
-
const composedRefs =
|
|
10539
|
-
|
|
9073
|
+
DismissableLayer2.displayName = DISMISSABLE_LAYER_NAME2;
|
|
9074
|
+
var BRANCH_NAME2 = "DismissableLayerBranch";
|
|
9075
|
+
var DismissableLayerBranch2 = React40.forwardRef((props, forwardedRef) => {
|
|
9076
|
+
const context = React40.useContext(DismissableLayerContext2);
|
|
9077
|
+
const ref = React40.useRef(null);
|
|
9078
|
+
const composedRefs = useComposedRefs2(forwardedRef, ref);
|
|
9079
|
+
React40.useEffect(() => {
|
|
10540
9080
|
const node = ref.current;
|
|
10541
9081
|
if (node) {
|
|
10542
9082
|
context.branches.add(node);
|
|
@@ -10545,20 +9085,20 @@ var DismissableLayerBranch3 = React57.forwardRef((props, forwardedRef) => {
|
|
|
10545
9085
|
};
|
|
10546
9086
|
}
|
|
10547
9087
|
}, [context.branches]);
|
|
10548
|
-
return /* @__PURE__ */ (0,
|
|
9088
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Primitive2.div, { ...props, ref: composedRefs });
|
|
10549
9089
|
});
|
|
10550
|
-
|
|
10551
|
-
function
|
|
10552
|
-
const handlePointerDownOutside =
|
|
10553
|
-
const isPointerInsideReactTreeRef =
|
|
10554
|
-
const handleClickRef =
|
|
9090
|
+
DismissableLayerBranch2.displayName = BRANCH_NAME2;
|
|
9091
|
+
function usePointerDownOutside2(onPointerDownOutside, ownerDocument = globalThis?.document) {
|
|
9092
|
+
const handlePointerDownOutside = useCallbackRef3(onPointerDownOutside);
|
|
9093
|
+
const isPointerInsideReactTreeRef = React40.useRef(false);
|
|
9094
|
+
const handleClickRef = React40.useRef(() => {
|
|
10555
9095
|
});
|
|
10556
|
-
|
|
9096
|
+
React40.useEffect(() => {
|
|
10557
9097
|
const handlePointerDown = (event) => {
|
|
10558
9098
|
if (event.target && !isPointerInsideReactTreeRef.current) {
|
|
10559
9099
|
let handleAndDispatchPointerDownOutsideEvent2 = function() {
|
|
10560
|
-
|
|
10561
|
-
|
|
9100
|
+
handleAndDispatchCustomEvent2(
|
|
9101
|
+
POINTER_DOWN_OUTSIDE2,
|
|
10562
9102
|
handlePointerDownOutside,
|
|
10563
9103
|
eventDetail,
|
|
10564
9104
|
{ discrete: true }
|
|
@@ -10592,14 +9132,14 @@ function usePointerDownOutside3(onPointerDownOutside, ownerDocument = globalThis
|
|
|
10592
9132
|
onPointerDownCapture: () => isPointerInsideReactTreeRef.current = true
|
|
10593
9133
|
};
|
|
10594
9134
|
}
|
|
10595
|
-
function
|
|
10596
|
-
const handleFocusOutside =
|
|
10597
|
-
const isFocusInsideReactTreeRef =
|
|
10598
|
-
|
|
9135
|
+
function useFocusOutside2(onFocusOutside, ownerDocument = globalThis?.document) {
|
|
9136
|
+
const handleFocusOutside = useCallbackRef3(onFocusOutside);
|
|
9137
|
+
const isFocusInsideReactTreeRef = React40.useRef(false);
|
|
9138
|
+
React40.useEffect(() => {
|
|
10599
9139
|
const handleFocus = (event) => {
|
|
10600
9140
|
if (event.target && !isFocusInsideReactTreeRef.current) {
|
|
10601
9141
|
const eventDetail = { originalEvent: event };
|
|
10602
|
-
|
|
9142
|
+
handleAndDispatchCustomEvent2(FOCUS_OUTSIDE2, handleFocusOutside, eventDetail, {
|
|
10603
9143
|
discrete: false
|
|
10604
9144
|
});
|
|
10605
9145
|
}
|
|
@@ -10612,39 +9152,39 @@ function useFocusOutside3(onFocusOutside, ownerDocument = globalThis?.document)
|
|
|
10612
9152
|
onBlurCapture: () => isFocusInsideReactTreeRef.current = false
|
|
10613
9153
|
};
|
|
10614
9154
|
}
|
|
10615
|
-
function
|
|
10616
|
-
const event = new CustomEvent(
|
|
9155
|
+
function dispatchUpdate2() {
|
|
9156
|
+
const event = new CustomEvent(CONTEXT_UPDATE2);
|
|
10617
9157
|
document.dispatchEvent(event);
|
|
10618
9158
|
}
|
|
10619
|
-
function
|
|
9159
|
+
function handleAndDispatchCustomEvent2(name, handler, detail, { discrete }) {
|
|
10620
9160
|
const target = detail.originalEvent.target;
|
|
10621
9161
|
const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail });
|
|
10622
9162
|
if (handler) target.addEventListener(name, handler, { once: true });
|
|
10623
9163
|
if (discrete) {
|
|
10624
|
-
|
|
9164
|
+
dispatchDiscreteCustomEvent2(target, event);
|
|
10625
9165
|
} else {
|
|
10626
9166
|
target.dispatchEvent(event);
|
|
10627
9167
|
}
|
|
10628
9168
|
}
|
|
10629
9169
|
|
|
10630
9170
|
// ../../node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-focus-guards/dist/index.mjs
|
|
10631
|
-
var
|
|
10632
|
-
var
|
|
10633
|
-
function
|
|
10634
|
-
|
|
9171
|
+
var React41 = __toESM(require("react"), 1);
|
|
9172
|
+
var count3 = 0;
|
|
9173
|
+
function useFocusGuards2() {
|
|
9174
|
+
React41.useEffect(() => {
|
|
10635
9175
|
const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
|
|
10636
|
-
document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ??
|
|
10637
|
-
document.body.insertAdjacentElement("beforeend", edgeGuards[1] ??
|
|
10638
|
-
|
|
9176
|
+
document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard2());
|
|
9177
|
+
document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard2());
|
|
9178
|
+
count3++;
|
|
10639
9179
|
return () => {
|
|
10640
|
-
if (
|
|
9180
|
+
if (count3 === 1) {
|
|
10641
9181
|
document.querySelectorAll("[data-radix-focus-guard]").forEach((node) => node.remove());
|
|
10642
9182
|
}
|
|
10643
|
-
|
|
9183
|
+
count3--;
|
|
10644
9184
|
};
|
|
10645
9185
|
}, []);
|
|
10646
9186
|
}
|
|
10647
|
-
function
|
|
9187
|
+
function createFocusGuard2() {
|
|
10648
9188
|
const element = document.createElement("span");
|
|
10649
9189
|
element.setAttribute("data-radix-focus-guard", "");
|
|
10650
9190
|
element.tabIndex = 0;
|
|
@@ -10656,13 +9196,13 @@ function createFocusGuard3() {
|
|
|
10656
9196
|
}
|
|
10657
9197
|
|
|
10658
9198
|
// ../../node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-focus-scope/dist/index.mjs
|
|
10659
|
-
var
|
|
10660
|
-
var
|
|
10661
|
-
var
|
|
10662
|
-
var
|
|
10663
|
-
var
|
|
10664
|
-
var
|
|
10665
|
-
var
|
|
9199
|
+
var React42 = __toESM(require("react"), 1);
|
|
9200
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
9201
|
+
var AUTOFOCUS_ON_MOUNT2 = "focusScope.autoFocusOnMount";
|
|
9202
|
+
var AUTOFOCUS_ON_UNMOUNT2 = "focusScope.autoFocusOnUnmount";
|
|
9203
|
+
var EVENT_OPTIONS3 = { bubbles: false, cancelable: true };
|
|
9204
|
+
var FOCUS_SCOPE_NAME2 = "FocusScope";
|
|
9205
|
+
var FocusScope2 = React42.forwardRef((props, forwardedRef) => {
|
|
10666
9206
|
const {
|
|
10667
9207
|
loop = false,
|
|
10668
9208
|
trapped = false,
|
|
@@ -10670,12 +9210,12 @@ var FocusScope3 = React59.forwardRef((props, forwardedRef) => {
|
|
|
10670
9210
|
onUnmountAutoFocus: onUnmountAutoFocusProp,
|
|
10671
9211
|
...scopeProps
|
|
10672
9212
|
} = props;
|
|
10673
|
-
const [container, setContainer] =
|
|
10674
|
-
const onMountAutoFocus =
|
|
10675
|
-
const onUnmountAutoFocus =
|
|
10676
|
-
const lastFocusedElementRef =
|
|
10677
|
-
const composedRefs =
|
|
10678
|
-
const focusScope =
|
|
9213
|
+
const [container, setContainer] = React42.useState(null);
|
|
9214
|
+
const onMountAutoFocus = useCallbackRef3(onMountAutoFocusProp);
|
|
9215
|
+
const onUnmountAutoFocus = useCallbackRef3(onUnmountAutoFocusProp);
|
|
9216
|
+
const lastFocusedElementRef = React42.useRef(null);
|
|
9217
|
+
const composedRefs = useComposedRefs2(forwardedRef, (node) => setContainer(node));
|
|
9218
|
+
const focusScope = React42.useRef({
|
|
10679
9219
|
paused: false,
|
|
10680
9220
|
pause() {
|
|
10681
9221
|
this.paused = true;
|
|
@@ -10684,7 +9224,7 @@ var FocusScope3 = React59.forwardRef((props, forwardedRef) => {
|
|
|
10684
9224
|
this.paused = false;
|
|
10685
9225
|
}
|
|
10686
9226
|
}).current;
|
|
10687
|
-
|
|
9227
|
+
React42.useEffect(() => {
|
|
10688
9228
|
if (trapped) {
|
|
10689
9229
|
let handleFocusIn2 = function(event) {
|
|
10690
9230
|
if (focusScope.paused || !container) return;
|
|
@@ -10692,20 +9232,20 @@ var FocusScope3 = React59.forwardRef((props, forwardedRef) => {
|
|
|
10692
9232
|
if (container.contains(target)) {
|
|
10693
9233
|
lastFocusedElementRef.current = target;
|
|
10694
9234
|
} else {
|
|
10695
|
-
|
|
9235
|
+
focus2(lastFocusedElementRef.current, { select: true });
|
|
10696
9236
|
}
|
|
10697
9237
|
}, handleFocusOut2 = function(event) {
|
|
10698
9238
|
if (focusScope.paused || !container) return;
|
|
10699
9239
|
const relatedTarget = event.relatedTarget;
|
|
10700
9240
|
if (relatedTarget === null) return;
|
|
10701
9241
|
if (!container.contains(relatedTarget)) {
|
|
10702
|
-
|
|
9242
|
+
focus2(lastFocusedElementRef.current, { select: true });
|
|
10703
9243
|
}
|
|
10704
9244
|
}, handleMutations2 = function(mutations) {
|
|
10705
9245
|
const focusedElement = document.activeElement;
|
|
10706
9246
|
if (focusedElement !== document.body) return;
|
|
10707
9247
|
for (const mutation of mutations) {
|
|
10708
|
-
if (mutation.removedNodes.length > 0)
|
|
9248
|
+
if (mutation.removedNodes.length > 0) focus2(container);
|
|
10709
9249
|
}
|
|
10710
9250
|
};
|
|
10711
9251
|
var handleFocusIn = handleFocusIn2, handleFocusOut = handleFocusOut2, handleMutations = handleMutations2;
|
|
@@ -10720,38 +9260,38 @@ var FocusScope3 = React59.forwardRef((props, forwardedRef) => {
|
|
|
10720
9260
|
};
|
|
10721
9261
|
}
|
|
10722
9262
|
}, [trapped, container, focusScope.paused]);
|
|
10723
|
-
|
|
9263
|
+
React42.useEffect(() => {
|
|
10724
9264
|
if (container) {
|
|
10725
|
-
|
|
9265
|
+
focusScopesStack2.add(focusScope);
|
|
10726
9266
|
const previouslyFocusedElement = document.activeElement;
|
|
10727
9267
|
const hasFocusedCandidate = container.contains(previouslyFocusedElement);
|
|
10728
9268
|
if (!hasFocusedCandidate) {
|
|
10729
|
-
const mountEvent = new CustomEvent(
|
|
10730
|
-
container.addEventListener(
|
|
9269
|
+
const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT2, EVENT_OPTIONS3);
|
|
9270
|
+
container.addEventListener(AUTOFOCUS_ON_MOUNT2, onMountAutoFocus);
|
|
10731
9271
|
container.dispatchEvent(mountEvent);
|
|
10732
9272
|
if (!mountEvent.defaultPrevented) {
|
|
10733
|
-
|
|
9273
|
+
focusFirst4(removeLinks2(getTabbableCandidates2(container)), { select: true });
|
|
10734
9274
|
if (document.activeElement === previouslyFocusedElement) {
|
|
10735
|
-
|
|
9275
|
+
focus2(container);
|
|
10736
9276
|
}
|
|
10737
9277
|
}
|
|
10738
9278
|
}
|
|
10739
9279
|
return () => {
|
|
10740
|
-
container.removeEventListener(
|
|
9280
|
+
container.removeEventListener(AUTOFOCUS_ON_MOUNT2, onMountAutoFocus);
|
|
10741
9281
|
setTimeout(() => {
|
|
10742
|
-
const unmountEvent = new CustomEvent(
|
|
10743
|
-
container.addEventListener(
|
|
9282
|
+
const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT2, EVENT_OPTIONS3);
|
|
9283
|
+
container.addEventListener(AUTOFOCUS_ON_UNMOUNT2, onUnmountAutoFocus);
|
|
10744
9284
|
container.dispatchEvent(unmountEvent);
|
|
10745
9285
|
if (!unmountEvent.defaultPrevented) {
|
|
10746
|
-
|
|
9286
|
+
focus2(previouslyFocusedElement ?? document.body, { select: true });
|
|
10747
9287
|
}
|
|
10748
|
-
container.removeEventListener(
|
|
10749
|
-
|
|
9288
|
+
container.removeEventListener(AUTOFOCUS_ON_UNMOUNT2, onUnmountAutoFocus);
|
|
9289
|
+
focusScopesStack2.remove(focusScope);
|
|
10750
9290
|
}, 0);
|
|
10751
9291
|
};
|
|
10752
9292
|
}
|
|
10753
9293
|
}, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
|
|
10754
|
-
const handleKeyDown =
|
|
9294
|
+
const handleKeyDown = React42.useCallback(
|
|
10755
9295
|
(event) => {
|
|
10756
9296
|
if (!loop && !trapped) return;
|
|
10757
9297
|
if (focusScope.paused) return;
|
|
@@ -10759,40 +9299,40 @@ var FocusScope3 = React59.forwardRef((props, forwardedRef) => {
|
|
|
10759
9299
|
const focusedElement = document.activeElement;
|
|
10760
9300
|
if (isTabKey && focusedElement) {
|
|
10761
9301
|
const container2 = event.currentTarget;
|
|
10762
|
-
const [first, last] =
|
|
9302
|
+
const [first, last] = getTabbableEdges2(container2);
|
|
10763
9303
|
const hasTabbableElementsInside = first && last;
|
|
10764
9304
|
if (!hasTabbableElementsInside) {
|
|
10765
9305
|
if (focusedElement === container2) event.preventDefault();
|
|
10766
9306
|
} else {
|
|
10767
9307
|
if (!event.shiftKey && focusedElement === last) {
|
|
10768
9308
|
event.preventDefault();
|
|
10769
|
-
if (loop)
|
|
9309
|
+
if (loop) focus2(first, { select: true });
|
|
10770
9310
|
} else if (event.shiftKey && focusedElement === first) {
|
|
10771
9311
|
event.preventDefault();
|
|
10772
|
-
if (loop)
|
|
9312
|
+
if (loop) focus2(last, { select: true });
|
|
10773
9313
|
}
|
|
10774
9314
|
}
|
|
10775
9315
|
}
|
|
10776
9316
|
},
|
|
10777
9317
|
[loop, trapped, focusScope.paused]
|
|
10778
9318
|
);
|
|
10779
|
-
return /* @__PURE__ */ (0,
|
|
9319
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Primitive2.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
|
|
10780
9320
|
});
|
|
10781
|
-
|
|
10782
|
-
function
|
|
9321
|
+
FocusScope2.displayName = FOCUS_SCOPE_NAME2;
|
|
9322
|
+
function focusFirst4(candidates, { select = false } = {}) {
|
|
10783
9323
|
const previouslyFocusedElement = document.activeElement;
|
|
10784
9324
|
for (const candidate of candidates) {
|
|
10785
|
-
|
|
9325
|
+
focus2(candidate, { select });
|
|
10786
9326
|
if (document.activeElement !== previouslyFocusedElement) return;
|
|
10787
9327
|
}
|
|
10788
9328
|
}
|
|
10789
|
-
function
|
|
10790
|
-
const candidates =
|
|
10791
|
-
const first =
|
|
10792
|
-
const last =
|
|
9329
|
+
function getTabbableEdges2(container) {
|
|
9330
|
+
const candidates = getTabbableCandidates2(container);
|
|
9331
|
+
const first = findVisible2(candidates, container);
|
|
9332
|
+
const last = findVisible2(candidates.reverse(), container);
|
|
10793
9333
|
return [first, last];
|
|
10794
9334
|
}
|
|
10795
|
-
function
|
|
9335
|
+
function getTabbableCandidates2(container) {
|
|
10796
9336
|
const nodes = [];
|
|
10797
9337
|
const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
|
|
10798
9338
|
acceptNode: (node) => {
|
|
@@ -10804,12 +9344,12 @@ function getTabbableCandidates3(container) {
|
|
|
10804
9344
|
while (walker.nextNode()) nodes.push(walker.currentNode);
|
|
10805
9345
|
return nodes;
|
|
10806
9346
|
}
|
|
10807
|
-
function
|
|
9347
|
+
function findVisible2(elements, container) {
|
|
10808
9348
|
for (const element of elements) {
|
|
10809
|
-
if (!
|
|
9349
|
+
if (!isHidden2(element, { upTo: container })) return element;
|
|
10810
9350
|
}
|
|
10811
9351
|
}
|
|
10812
|
-
function
|
|
9352
|
+
function isHidden2(node, { upTo }) {
|
|
10813
9353
|
if (getComputedStyle(node).visibility === "hidden") return true;
|
|
10814
9354
|
while (node) {
|
|
10815
9355
|
if (upTo !== void 0 && node === upTo) return false;
|
|
@@ -10818,19 +9358,19 @@ function isHidden3(node, { upTo }) {
|
|
|
10818
9358
|
}
|
|
10819
9359
|
return false;
|
|
10820
9360
|
}
|
|
10821
|
-
function
|
|
9361
|
+
function isSelectableInput2(element) {
|
|
10822
9362
|
return element instanceof HTMLInputElement && "select" in element;
|
|
10823
9363
|
}
|
|
10824
|
-
function
|
|
9364
|
+
function focus2(element, { select = false } = {}) {
|
|
10825
9365
|
if (element && element.focus) {
|
|
10826
9366
|
const previouslyFocusedElement = document.activeElement;
|
|
10827
9367
|
element.focus({ preventScroll: true });
|
|
10828
|
-
if (element !== previouslyFocusedElement &&
|
|
9368
|
+
if (element !== previouslyFocusedElement && isSelectableInput2(element) && select)
|
|
10829
9369
|
element.select();
|
|
10830
9370
|
}
|
|
10831
9371
|
}
|
|
10832
|
-
var
|
|
10833
|
-
function
|
|
9372
|
+
var focusScopesStack2 = createFocusScopesStack2();
|
|
9373
|
+
function createFocusScopesStack2() {
|
|
10834
9374
|
let stack = [];
|
|
10835
9375
|
return {
|
|
10836
9376
|
add(focusScope) {
|
|
@@ -10838,16 +9378,16 @@ function createFocusScopesStack3() {
|
|
|
10838
9378
|
if (focusScope !== activeFocusScope) {
|
|
10839
9379
|
activeFocusScope?.pause();
|
|
10840
9380
|
}
|
|
10841
|
-
stack =
|
|
9381
|
+
stack = arrayRemove2(stack, focusScope);
|
|
10842
9382
|
stack.unshift(focusScope);
|
|
10843
9383
|
},
|
|
10844
9384
|
remove(focusScope) {
|
|
10845
|
-
stack =
|
|
9385
|
+
stack = arrayRemove2(stack, focusScope);
|
|
10846
9386
|
stack[0]?.resume();
|
|
10847
9387
|
}
|
|
10848
9388
|
};
|
|
10849
9389
|
}
|
|
10850
|
-
function
|
|
9390
|
+
function arrayRemove2(array, item) {
|
|
10851
9391
|
const updatedArray = [...array];
|
|
10852
9392
|
const index2 = updatedArray.indexOf(item);
|
|
10853
9393
|
if (index2 !== -1) {
|
|
@@ -10855,40 +9395,40 @@ function arrayRemove3(array, item) {
|
|
|
10855
9395
|
}
|
|
10856
9396
|
return updatedArray;
|
|
10857
9397
|
}
|
|
10858
|
-
function
|
|
9398
|
+
function removeLinks2(items) {
|
|
10859
9399
|
return items.filter((item) => item.tagName !== "A");
|
|
10860
9400
|
}
|
|
10861
9401
|
|
|
10862
9402
|
// ../../node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-id/dist/index.mjs
|
|
10863
|
-
var
|
|
9403
|
+
var React44 = __toESM(require("react"), 1);
|
|
10864
9404
|
|
|
10865
9405
|
// ../../node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
|
|
10866
|
-
var
|
|
10867
|
-
var
|
|
9406
|
+
var React43 = __toESM(require("react"), 1);
|
|
9407
|
+
var useLayoutEffect22 = globalThis?.document ? React43.useLayoutEffect : () => {
|
|
10868
9408
|
};
|
|
10869
9409
|
|
|
10870
9410
|
// ../../node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-id/dist/index.mjs
|
|
10871
|
-
var
|
|
10872
|
-
var
|
|
10873
|
-
function
|
|
10874
|
-
const [id, setId] =
|
|
10875
|
-
|
|
10876
|
-
if (!deterministicId) setId((reactId) => reactId ?? String(
|
|
9411
|
+
var useReactId2 = React44[" useId ".trim().toString()] || (() => void 0);
|
|
9412
|
+
var count4 = 0;
|
|
9413
|
+
function useId2(deterministicId) {
|
|
9414
|
+
const [id, setId] = React44.useState(useReactId2());
|
|
9415
|
+
useLayoutEffect22(() => {
|
|
9416
|
+
if (!deterministicId) setId((reactId) => reactId ?? String(count4++));
|
|
10877
9417
|
}, [deterministicId]);
|
|
10878
9418
|
return deterministicId || (id ? `radix-${id}` : "");
|
|
10879
9419
|
}
|
|
10880
9420
|
|
|
10881
9421
|
// ../../node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-popper/dist/index.mjs
|
|
10882
|
-
var
|
|
9422
|
+
var React47 = __toESM(require("react"), 1);
|
|
10883
9423
|
|
|
10884
9424
|
// ../../node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-arrow/dist/index.mjs
|
|
10885
|
-
var
|
|
10886
|
-
var
|
|
9425
|
+
var React45 = __toESM(require("react"), 1);
|
|
9426
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
10887
9427
|
var NAME2 = "Arrow";
|
|
10888
|
-
var Arrow3 =
|
|
9428
|
+
var Arrow3 = React45.forwardRef((props, forwardedRef) => {
|
|
10889
9429
|
const { children, width = 10, height = 5, ...arrowProps } = props;
|
|
10890
|
-
return /* @__PURE__ */ (0,
|
|
10891
|
-
|
|
9430
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
9431
|
+
Primitive2.svg,
|
|
10892
9432
|
{
|
|
10893
9433
|
...arrowProps,
|
|
10894
9434
|
ref: forwardedRef,
|
|
@@ -10896,7 +9436,7 @@ var Arrow3 = React62.forwardRef((props, forwardedRef) => {
|
|
|
10896
9436
|
height,
|
|
10897
9437
|
viewBox: "0 0 30 10",
|
|
10898
9438
|
preserveAspectRatio: "none",
|
|
10899
|
-
children: props.asChild ? children : /* @__PURE__ */ (0,
|
|
9439
|
+
children: props.asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("polygon", { points: "0,0 30,0 15,10" })
|
|
10900
9440
|
}
|
|
10901
9441
|
);
|
|
10902
9442
|
});
|
|
@@ -10904,10 +9444,10 @@ Arrow3.displayName = NAME2;
|
|
|
10904
9444
|
var Root6 = Arrow3;
|
|
10905
9445
|
|
|
10906
9446
|
// ../../node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-use-size/dist/index.mjs
|
|
10907
|
-
var
|
|
9447
|
+
var React46 = __toESM(require("react"), 1);
|
|
10908
9448
|
function useSize2(element) {
|
|
10909
|
-
const [size4, setSize] =
|
|
10910
|
-
|
|
9449
|
+
const [size4, setSize] = React46.useState(void 0);
|
|
9450
|
+
useLayoutEffect22(() => {
|
|
10911
9451
|
if (element) {
|
|
10912
9452
|
setSize({ width: element.offsetWidth, height: element.offsetHeight });
|
|
10913
9453
|
const resizeObserver = new ResizeObserver((entries) => {
|
|
@@ -10941,33 +9481,33 @@ function useSize2(element) {
|
|
|
10941
9481
|
}
|
|
10942
9482
|
|
|
10943
9483
|
// ../../node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-popper/dist/index.mjs
|
|
10944
|
-
var
|
|
9484
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
10945
9485
|
var POPPER_NAME2 = "Popper";
|
|
10946
|
-
var [createPopperContext2, createPopperScope2] =
|
|
9486
|
+
var [createPopperContext2, createPopperScope2] = createContextScope2(POPPER_NAME2);
|
|
10947
9487
|
var [PopperProvider2, usePopperContext2] = createPopperContext2(POPPER_NAME2);
|
|
10948
9488
|
var Popper2 = (props) => {
|
|
10949
9489
|
const { __scopePopper, children } = props;
|
|
10950
|
-
const [anchor, setAnchor] =
|
|
10951
|
-
return /* @__PURE__ */ (0,
|
|
9490
|
+
const [anchor, setAnchor] = React47.useState(null);
|
|
9491
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PopperProvider2, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
|
|
10952
9492
|
};
|
|
10953
9493
|
Popper2.displayName = POPPER_NAME2;
|
|
10954
9494
|
var ANCHOR_NAME3 = "PopperAnchor";
|
|
10955
|
-
var PopperAnchor2 =
|
|
9495
|
+
var PopperAnchor2 = React47.forwardRef(
|
|
10956
9496
|
(props, forwardedRef) => {
|
|
10957
9497
|
const { __scopePopper, virtualRef, ...anchorProps } = props;
|
|
10958
9498
|
const context = usePopperContext2(ANCHOR_NAME3, __scopePopper);
|
|
10959
|
-
const ref =
|
|
10960
|
-
const composedRefs =
|
|
10961
|
-
|
|
9499
|
+
const ref = React47.useRef(null);
|
|
9500
|
+
const composedRefs = useComposedRefs2(forwardedRef, ref);
|
|
9501
|
+
React47.useEffect(() => {
|
|
10962
9502
|
context.onAnchorChange(virtualRef?.current || ref.current);
|
|
10963
9503
|
});
|
|
10964
|
-
return virtualRef ? null : /* @__PURE__ */ (0,
|
|
9504
|
+
return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Primitive2.div, { ...anchorProps, ref: composedRefs });
|
|
10965
9505
|
}
|
|
10966
9506
|
);
|
|
10967
9507
|
PopperAnchor2.displayName = ANCHOR_NAME3;
|
|
10968
|
-
var
|
|
10969
|
-
var [PopperContentProvider2, useContentContext2] = createPopperContext2(
|
|
10970
|
-
var PopperContent2 =
|
|
9508
|
+
var CONTENT_NAME4 = "PopperContent";
|
|
9509
|
+
var [PopperContentProvider2, useContentContext2] = createPopperContext2(CONTENT_NAME4);
|
|
9510
|
+
var PopperContent2 = React47.forwardRef(
|
|
10971
9511
|
(props, forwardedRef) => {
|
|
10972
9512
|
const {
|
|
10973
9513
|
__scopePopper,
|
|
@@ -10985,10 +9525,10 @@ var PopperContent2 = React64.forwardRef(
|
|
|
10985
9525
|
onPlaced,
|
|
10986
9526
|
...contentProps
|
|
10987
9527
|
} = props;
|
|
10988
|
-
const context = usePopperContext2(
|
|
10989
|
-
const [content, setContent] =
|
|
10990
|
-
const composedRefs =
|
|
10991
|
-
const [arrow4, setArrow] =
|
|
9528
|
+
const context = usePopperContext2(CONTENT_NAME4, __scopePopper);
|
|
9529
|
+
const [content, setContent] = React47.useState(null);
|
|
9530
|
+
const composedRefs = useComposedRefs2(forwardedRef, (node) => setContent(node));
|
|
9531
|
+
const [arrow4, setArrow] = React47.useState(null);
|
|
10992
9532
|
const arrowSize = useSize2(arrow4);
|
|
10993
9533
|
const arrowWidth = arrowSize?.width ?? 0;
|
|
10994
9534
|
const arrowHeight = arrowSize?.height ?? 0;
|
|
@@ -11041,8 +9581,8 @@ var PopperContent2 = React64.forwardRef(
|
|
|
11041
9581
|
]
|
|
11042
9582
|
});
|
|
11043
9583
|
const [placedSide, placedAlign] = getSideAndAlignFromPlacement2(placement);
|
|
11044
|
-
const handlePlaced =
|
|
11045
|
-
|
|
9584
|
+
const handlePlaced = useCallbackRef3(onPlaced);
|
|
9585
|
+
useLayoutEffect22(() => {
|
|
11046
9586
|
if (isPositioned) {
|
|
11047
9587
|
handlePlaced?.();
|
|
11048
9588
|
}
|
|
@@ -11050,11 +9590,11 @@ var PopperContent2 = React64.forwardRef(
|
|
|
11050
9590
|
const arrowX = middlewareData.arrow?.x;
|
|
11051
9591
|
const arrowY = middlewareData.arrow?.y;
|
|
11052
9592
|
const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
|
|
11053
|
-
const [contentZIndex, setContentZIndex] =
|
|
11054
|
-
|
|
9593
|
+
const [contentZIndex, setContentZIndex] = React47.useState();
|
|
9594
|
+
useLayoutEffect22(() => {
|
|
11055
9595
|
if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
|
|
11056
9596
|
}, [content]);
|
|
11057
|
-
return /* @__PURE__ */ (0,
|
|
9597
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
11058
9598
|
"div",
|
|
11059
9599
|
{
|
|
11060
9600
|
ref: refs.setFloating,
|
|
@@ -11078,7 +9618,7 @@ var PopperContent2 = React64.forwardRef(
|
|
|
11078
9618
|
}
|
|
11079
9619
|
},
|
|
11080
9620
|
dir: props.dir,
|
|
11081
|
-
children: /* @__PURE__ */ (0,
|
|
9621
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
11082
9622
|
PopperContentProvider2,
|
|
11083
9623
|
{
|
|
11084
9624
|
scope: __scopePopper,
|
|
@@ -11087,8 +9627,8 @@ var PopperContent2 = React64.forwardRef(
|
|
|
11087
9627
|
arrowX,
|
|
11088
9628
|
arrowY,
|
|
11089
9629
|
shouldHideArrow: cannotCenterArrow,
|
|
11090
|
-
children: /* @__PURE__ */ (0,
|
|
11091
|
-
|
|
9630
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
9631
|
+
Primitive2.div,
|
|
11092
9632
|
{
|
|
11093
9633
|
"data-side": placedSide,
|
|
11094
9634
|
"data-align": placedAlign,
|
|
@@ -11108,7 +9648,7 @@ var PopperContent2 = React64.forwardRef(
|
|
|
11108
9648
|
);
|
|
11109
9649
|
}
|
|
11110
9650
|
);
|
|
11111
|
-
PopperContent2.displayName =
|
|
9651
|
+
PopperContent2.displayName = CONTENT_NAME4;
|
|
11112
9652
|
var ARROW_NAME4 = "PopperArrow";
|
|
11113
9653
|
var OPPOSITE_SIDE2 = {
|
|
11114
9654
|
top: "bottom",
|
|
@@ -11116,7 +9656,7 @@ var OPPOSITE_SIDE2 = {
|
|
|
11116
9656
|
bottom: "top",
|
|
11117
9657
|
left: "right"
|
|
11118
9658
|
};
|
|
11119
|
-
var PopperArrow3 =
|
|
9659
|
+
var PopperArrow3 = React47.forwardRef(function PopperArrow22(props, forwardedRef) {
|
|
11120
9660
|
const { __scopePopper, ...arrowProps } = props;
|
|
11121
9661
|
const contentContext = useContentContext2(ARROW_NAME4, __scopePopper);
|
|
11122
9662
|
const baseSide = OPPOSITE_SIDE2[contentContext.placedSide];
|
|
@@ -11124,7 +9664,7 @@ var PopperArrow3 = React64.forwardRef(function PopperArrow22(props, forwardedRef
|
|
|
11124
9664
|
// we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
|
|
11125
9665
|
// doesn't report size as we'd expect on SVG elements.
|
|
11126
9666
|
// it reports their bounding box which is effectively the largest path inside the SVG.
|
|
11127
|
-
/* @__PURE__ */ (0,
|
|
9667
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
11128
9668
|
"span",
|
|
11129
9669
|
{
|
|
11130
9670
|
ref: contentContext.onArrowChange,
|
|
@@ -11147,7 +9687,7 @@ var PopperArrow3 = React64.forwardRef(function PopperArrow22(props, forwardedRef
|
|
|
11147
9687
|
}[contentContext.placedSide],
|
|
11148
9688
|
visibility: contentContext.shouldHideArrow ? "hidden" : void 0
|
|
11149
9689
|
},
|
|
11150
|
-
children: /* @__PURE__ */ (0,
|
|
9690
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
11151
9691
|
Root6,
|
|
11152
9692
|
{
|
|
11153
9693
|
...arrowProps,
|
|
@@ -11208,44 +9748,44 @@ var Content5 = PopperContent2;
|
|
|
11208
9748
|
var Arrow4 = PopperArrow3;
|
|
11209
9749
|
|
|
11210
9750
|
// ../../node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-portal/dist/index.mjs
|
|
11211
|
-
var
|
|
11212
|
-
var
|
|
11213
|
-
var
|
|
11214
|
-
var
|
|
11215
|
-
var
|
|
9751
|
+
var React48 = __toESM(require("react"), 1);
|
|
9752
|
+
var import_react_dom4 = __toESM(require("react-dom"), 1);
|
|
9753
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
9754
|
+
var PORTAL_NAME4 = "Portal";
|
|
9755
|
+
var Portal4 = React48.forwardRef((props, forwardedRef) => {
|
|
11216
9756
|
const { container: containerProp, ...portalProps } = props;
|
|
11217
|
-
const [mounted, setMounted] =
|
|
11218
|
-
|
|
9757
|
+
const [mounted, setMounted] = React48.useState(false);
|
|
9758
|
+
useLayoutEffect22(() => setMounted(true), []);
|
|
11219
9759
|
const container = containerProp || mounted && globalThis?.document?.body;
|
|
11220
|
-
return container ?
|
|
9760
|
+
return container ? import_react_dom4.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Primitive2.div, { ...portalProps, ref: forwardedRef }), container) : null;
|
|
11221
9761
|
});
|
|
11222
|
-
|
|
9762
|
+
Portal4.displayName = PORTAL_NAME4;
|
|
11223
9763
|
|
|
11224
9764
|
// ../../node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-presence/dist/index.mjs
|
|
11225
|
-
var
|
|
11226
|
-
var
|
|
11227
|
-
function
|
|
11228
|
-
return
|
|
9765
|
+
var React210 = __toESM(require("react"), 1);
|
|
9766
|
+
var React49 = __toESM(require("react"), 1);
|
|
9767
|
+
function useStateMachine2(initialState, machine) {
|
|
9768
|
+
return React49.useReducer((state, event) => {
|
|
11229
9769
|
const nextState = machine[state][event];
|
|
11230
9770
|
return nextState ?? state;
|
|
11231
9771
|
}, initialState);
|
|
11232
9772
|
}
|
|
11233
|
-
var
|
|
9773
|
+
var Presence2 = (props) => {
|
|
11234
9774
|
const { present, children } = props;
|
|
11235
|
-
const presence =
|
|
11236
|
-
const child = typeof children === "function" ? children({ present: presence.isPresent }) :
|
|
11237
|
-
const ref =
|
|
9775
|
+
const presence = usePresence2(present);
|
|
9776
|
+
const child = typeof children === "function" ? children({ present: presence.isPresent }) : React210.Children.only(children);
|
|
9777
|
+
const ref = useComposedRefs2(presence.ref, getElementRef2(child));
|
|
11238
9778
|
const forceMount = typeof children === "function";
|
|
11239
|
-
return forceMount || presence.isPresent ?
|
|
9779
|
+
return forceMount || presence.isPresent ? React210.cloneElement(child, { ref }) : null;
|
|
11240
9780
|
};
|
|
11241
|
-
|
|
11242
|
-
function
|
|
11243
|
-
const [node, setNode] =
|
|
11244
|
-
const stylesRef =
|
|
11245
|
-
const prevPresentRef =
|
|
11246
|
-
const prevAnimationNameRef =
|
|
9781
|
+
Presence2.displayName = "Presence";
|
|
9782
|
+
function usePresence2(present) {
|
|
9783
|
+
const [node, setNode] = React210.useState();
|
|
9784
|
+
const stylesRef = React210.useRef(null);
|
|
9785
|
+
const prevPresentRef = React210.useRef(present);
|
|
9786
|
+
const prevAnimationNameRef = React210.useRef("none");
|
|
11247
9787
|
const initialState = present ? "mounted" : "unmounted";
|
|
11248
|
-
const [state, send] =
|
|
9788
|
+
const [state, send] = useStateMachine2(initialState, {
|
|
11249
9789
|
mounted: {
|
|
11250
9790
|
UNMOUNT: "unmounted",
|
|
11251
9791
|
ANIMATION_OUT: "unmountSuspended"
|
|
@@ -11258,17 +9798,17 @@ function usePresence3(present) {
|
|
|
11258
9798
|
MOUNT: "mounted"
|
|
11259
9799
|
}
|
|
11260
9800
|
});
|
|
11261
|
-
|
|
11262
|
-
const currentAnimationName =
|
|
9801
|
+
React210.useEffect(() => {
|
|
9802
|
+
const currentAnimationName = getAnimationName2(stylesRef.current);
|
|
11263
9803
|
prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
|
|
11264
9804
|
}, [state]);
|
|
11265
|
-
|
|
9805
|
+
useLayoutEffect22(() => {
|
|
11266
9806
|
const styles = stylesRef.current;
|
|
11267
9807
|
const wasPresent = prevPresentRef.current;
|
|
11268
9808
|
const hasPresentChanged = wasPresent !== present;
|
|
11269
9809
|
if (hasPresentChanged) {
|
|
11270
9810
|
const prevAnimationName = prevAnimationNameRef.current;
|
|
11271
|
-
const currentAnimationName =
|
|
9811
|
+
const currentAnimationName = getAnimationName2(styles);
|
|
11272
9812
|
if (present) {
|
|
11273
9813
|
send("MOUNT");
|
|
11274
9814
|
} else if (currentAnimationName === "none" || styles?.display === "none") {
|
|
@@ -11284,12 +9824,12 @@ function usePresence3(present) {
|
|
|
11284
9824
|
prevPresentRef.current = present;
|
|
11285
9825
|
}
|
|
11286
9826
|
}, [present, send]);
|
|
11287
|
-
|
|
9827
|
+
useLayoutEffect22(() => {
|
|
11288
9828
|
if (node) {
|
|
11289
9829
|
let timeoutId;
|
|
11290
9830
|
const ownerWindow = node.ownerDocument.defaultView ?? window;
|
|
11291
9831
|
const handleAnimationEnd = (event) => {
|
|
11292
|
-
const currentAnimationName =
|
|
9832
|
+
const currentAnimationName = getAnimationName2(stylesRef.current);
|
|
11293
9833
|
const isCurrentAnimation = currentAnimationName.includes(event.animationName);
|
|
11294
9834
|
if (event.target === node && isCurrentAnimation) {
|
|
11295
9835
|
send("ANIMATION_END");
|
|
@@ -11306,7 +9846,7 @@ function usePresence3(present) {
|
|
|
11306
9846
|
};
|
|
11307
9847
|
const handleAnimationStart = (event) => {
|
|
11308
9848
|
if (event.target === node) {
|
|
11309
|
-
prevAnimationNameRef.current =
|
|
9849
|
+
prevAnimationNameRef.current = getAnimationName2(stylesRef.current);
|
|
11310
9850
|
}
|
|
11311
9851
|
};
|
|
11312
9852
|
node.addEventListener("animationstart", handleAnimationStart);
|
|
@@ -11324,16 +9864,16 @@ function usePresence3(present) {
|
|
|
11324
9864
|
}, [node, send]);
|
|
11325
9865
|
return {
|
|
11326
9866
|
isPresent: ["mounted", "unmountSuspended"].includes(state),
|
|
11327
|
-
ref:
|
|
9867
|
+
ref: React210.useCallback((node2) => {
|
|
11328
9868
|
stylesRef.current = node2 ? getComputedStyle(node2) : null;
|
|
11329
9869
|
setNode(node2);
|
|
11330
9870
|
}, [])
|
|
11331
9871
|
};
|
|
11332
9872
|
}
|
|
11333
|
-
function
|
|
9873
|
+
function getAnimationName2(styles) {
|
|
11334
9874
|
return styles?.animationName || "none";
|
|
11335
9875
|
}
|
|
11336
|
-
function
|
|
9876
|
+
function getElementRef2(element) {
|
|
11337
9877
|
let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
|
|
11338
9878
|
let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
|
|
11339
9879
|
if (mayWarn) {
|
|
@@ -11348,28 +9888,28 @@ function getElementRef3(element) {
|
|
|
11348
9888
|
}
|
|
11349
9889
|
|
|
11350
9890
|
// ../../node_modules/@radix-ui/react-popover/dist/index.mjs
|
|
11351
|
-
var
|
|
9891
|
+
var import_react_slot7 = require("@radix-ui/react-slot");
|
|
11352
9892
|
|
|
11353
9893
|
// ../../node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
|
|
11354
|
-
var
|
|
11355
|
-
var
|
|
11356
|
-
var
|
|
11357
|
-
function
|
|
9894
|
+
var React50 = __toESM(require("react"), 1);
|
|
9895
|
+
var React211 = __toESM(require("react"), 1);
|
|
9896
|
+
var useInsertionEffect = React50[" useInsertionEffect ".trim().toString()] || useLayoutEffect22;
|
|
9897
|
+
function useControllableState2({
|
|
11358
9898
|
prop,
|
|
11359
9899
|
defaultProp,
|
|
11360
9900
|
onChange = () => {
|
|
11361
9901
|
},
|
|
11362
9902
|
caller
|
|
11363
9903
|
}) {
|
|
11364
|
-
const [uncontrolledProp, setUncontrolledProp, onChangeRef] =
|
|
9904
|
+
const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState2({
|
|
11365
9905
|
defaultProp,
|
|
11366
9906
|
onChange
|
|
11367
9907
|
});
|
|
11368
9908
|
const isControlled = prop !== void 0;
|
|
11369
9909
|
const value = isControlled ? prop : uncontrolledProp;
|
|
11370
9910
|
if (true) {
|
|
11371
|
-
const isControlledRef =
|
|
11372
|
-
|
|
9911
|
+
const isControlledRef = React50.useRef(prop !== void 0);
|
|
9912
|
+
React50.useEffect(() => {
|
|
11373
9913
|
const wasControlled = isControlledRef.current;
|
|
11374
9914
|
if (wasControlled !== isControlled) {
|
|
11375
9915
|
const from = wasControlled ? "controlled" : "uncontrolled";
|
|
@@ -11381,10 +9921,10 @@ function useControllableState3({
|
|
|
11381
9921
|
isControlledRef.current = isControlled;
|
|
11382
9922
|
}, [isControlled, caller]);
|
|
11383
9923
|
}
|
|
11384
|
-
const setValue =
|
|
9924
|
+
const setValue = React50.useCallback(
|
|
11385
9925
|
(nextValue) => {
|
|
11386
9926
|
if (isControlled) {
|
|
11387
|
-
const value2 =
|
|
9927
|
+
const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
|
|
11388
9928
|
if (value2 !== prop) {
|
|
11389
9929
|
onChangeRef.current?.(value2);
|
|
11390
9930
|
}
|
|
@@ -11396,17 +9936,17 @@ function useControllableState3({
|
|
|
11396
9936
|
);
|
|
11397
9937
|
return [value, setValue];
|
|
11398
9938
|
}
|
|
11399
|
-
function
|
|
9939
|
+
function useUncontrolledState2({
|
|
11400
9940
|
defaultProp,
|
|
11401
9941
|
onChange
|
|
11402
9942
|
}) {
|
|
11403
|
-
const [value, setValue] =
|
|
11404
|
-
const prevValueRef =
|
|
11405
|
-
const onChangeRef =
|
|
11406
|
-
|
|
9943
|
+
const [value, setValue] = React50.useState(defaultProp);
|
|
9944
|
+
const prevValueRef = React50.useRef(value);
|
|
9945
|
+
const onChangeRef = React50.useRef(onChange);
|
|
9946
|
+
useInsertionEffect(() => {
|
|
11407
9947
|
onChangeRef.current = onChange;
|
|
11408
9948
|
}, [onChange]);
|
|
11409
|
-
|
|
9949
|
+
React50.useEffect(() => {
|
|
11410
9950
|
if (prevValueRef.current !== value) {
|
|
11411
9951
|
onChangeRef.current?.(value);
|
|
11412
9952
|
prevValueRef.current = value;
|
|
@@ -11414,79 +9954,79 @@ function useUncontrolledState3({
|
|
|
11414
9954
|
}, [value, prevValueRef]);
|
|
11415
9955
|
return [value, setValue, onChangeRef];
|
|
11416
9956
|
}
|
|
11417
|
-
function
|
|
9957
|
+
function isFunction(value) {
|
|
11418
9958
|
return typeof value === "function";
|
|
11419
9959
|
}
|
|
11420
|
-
var
|
|
9960
|
+
var SYNC_STATE = Symbol("RADIX:SYNC_STATE");
|
|
11421
9961
|
|
|
11422
9962
|
// ../../node_modules/@radix-ui/react-popover/node_modules/react-remove-scroll/dist/es2015/Combination.js
|
|
11423
|
-
var
|
|
9963
|
+
var React53 = __toESM(require("react"));
|
|
11424
9964
|
|
|
11425
9965
|
// ../../node_modules/@radix-ui/react-popover/node_modules/react-remove-scroll/dist/es2015/UI.js
|
|
11426
|
-
var
|
|
9966
|
+
var React51 = __toESM(require("react"));
|
|
11427
9967
|
|
|
11428
9968
|
// ../../node_modules/@radix-ui/react-popover/node_modules/react-remove-scroll/dist/es2015/medium.js
|
|
11429
|
-
var
|
|
9969
|
+
var effectCar2 = createSidecarMedium();
|
|
11430
9970
|
|
|
11431
9971
|
// ../../node_modules/@radix-ui/react-popover/node_modules/react-remove-scroll/dist/es2015/UI.js
|
|
11432
|
-
var
|
|
9972
|
+
var nothing2 = function() {
|
|
11433
9973
|
return;
|
|
11434
9974
|
};
|
|
11435
|
-
var
|
|
11436
|
-
var ref =
|
|
11437
|
-
var _a =
|
|
11438
|
-
onScrollCapture:
|
|
11439
|
-
onWheelCapture:
|
|
11440
|
-
onTouchMoveCapture:
|
|
9975
|
+
var RemoveScroll2 = React51.forwardRef(function(props, parentRef) {
|
|
9976
|
+
var ref = React51.useRef(null);
|
|
9977
|
+
var _a = React51.useState({
|
|
9978
|
+
onScrollCapture: nothing2,
|
|
9979
|
+
onWheelCapture: nothing2,
|
|
9980
|
+
onTouchMoveCapture: nothing2
|
|
11441
9981
|
}), callbacks = _a[0], setCallbacks = _a[1];
|
|
11442
9982
|
var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noRelative = props.noRelative, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? "div" : _b, gapMode = props.gapMode, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
|
|
11443
9983
|
var SideCar2 = sideCar;
|
|
11444
9984
|
var containerRef = useMergeRefs([ref, parentRef]);
|
|
11445
9985
|
var containerProps = __assign(__assign({}, rest), callbacks);
|
|
11446
|
-
return
|
|
11447
|
-
|
|
9986
|
+
return React51.createElement(
|
|
9987
|
+
React51.Fragment,
|
|
11448
9988
|
null,
|
|
11449
|
-
enabled &&
|
|
11450
|
-
forwardProps ?
|
|
9989
|
+
enabled && React51.createElement(SideCar2, { sideCar: effectCar2, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
|
|
9990
|
+
forwardProps ? React51.cloneElement(React51.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React51.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
|
|
11451
9991
|
);
|
|
11452
9992
|
});
|
|
11453
|
-
|
|
9993
|
+
RemoveScroll2.defaultProps = {
|
|
11454
9994
|
enabled: true,
|
|
11455
9995
|
removeScrollBar: true,
|
|
11456
9996
|
inert: false
|
|
11457
9997
|
};
|
|
11458
|
-
|
|
9998
|
+
RemoveScroll2.classNames = {
|
|
11459
9999
|
fullWidth: fullWidthClassName,
|
|
11460
10000
|
zeroRight: zeroRightClassName
|
|
11461
10001
|
};
|
|
11462
10002
|
|
|
11463
10003
|
// ../../node_modules/@radix-ui/react-popover/node_modules/react-remove-scroll/dist/es2015/SideEffect.js
|
|
11464
|
-
var
|
|
10004
|
+
var React52 = __toESM(require("react"));
|
|
11465
10005
|
|
|
11466
10006
|
// ../../node_modules/@radix-ui/react-popover/node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js
|
|
11467
|
-
var
|
|
10007
|
+
var passiveSupported2 = false;
|
|
11468
10008
|
if (typeof window !== "undefined") {
|
|
11469
10009
|
try {
|
|
11470
10010
|
options = Object.defineProperty({}, "passive", {
|
|
11471
10011
|
get: function() {
|
|
11472
|
-
|
|
10012
|
+
passiveSupported2 = true;
|
|
11473
10013
|
return true;
|
|
11474
10014
|
}
|
|
11475
10015
|
});
|
|
11476
10016
|
window.addEventListener("test", options, options);
|
|
11477
10017
|
window.removeEventListener("test", options, options);
|
|
11478
10018
|
} catch (err) {
|
|
11479
|
-
|
|
10019
|
+
passiveSupported2 = false;
|
|
11480
10020
|
}
|
|
11481
10021
|
}
|
|
11482
10022
|
var options;
|
|
11483
|
-
var
|
|
10023
|
+
var nonPassive2 = passiveSupported2 ? { passive: false } : false;
|
|
11484
10024
|
|
|
11485
10025
|
// ../../node_modules/@radix-ui/react-popover/node_modules/react-remove-scroll/dist/es2015/handleScroll.js
|
|
11486
|
-
var
|
|
10026
|
+
var alwaysContainsScroll2 = function(node) {
|
|
11487
10027
|
return node.tagName === "TEXTAREA";
|
|
11488
10028
|
};
|
|
11489
|
-
var
|
|
10029
|
+
var elementCanBeScrolled2 = function(node, overflow) {
|
|
11490
10030
|
if (!(node instanceof Element)) {
|
|
11491
10031
|
return false;
|
|
11492
10032
|
}
|
|
@@ -11494,25 +10034,25 @@ var elementCanBeScrolled3 = function(node, overflow) {
|
|
|
11494
10034
|
return (
|
|
11495
10035
|
// not-not-scrollable
|
|
11496
10036
|
styles[overflow] !== "hidden" && // contains scroll inside self
|
|
11497
|
-
!(styles.overflowY === styles.overflowX && !
|
|
10037
|
+
!(styles.overflowY === styles.overflowX && !alwaysContainsScroll2(node) && styles[overflow] === "visible")
|
|
11498
10038
|
);
|
|
11499
10039
|
};
|
|
11500
|
-
var
|
|
11501
|
-
return
|
|
10040
|
+
var elementCouldBeVScrolled2 = function(node) {
|
|
10041
|
+
return elementCanBeScrolled2(node, "overflowY");
|
|
11502
10042
|
};
|
|
11503
|
-
var
|
|
11504
|
-
return
|
|
10043
|
+
var elementCouldBeHScrolled2 = function(node) {
|
|
10044
|
+
return elementCanBeScrolled2(node, "overflowX");
|
|
11505
10045
|
};
|
|
11506
|
-
var
|
|
10046
|
+
var locationCouldBeScrolled2 = function(axis, node) {
|
|
11507
10047
|
var ownerDocument = node.ownerDocument;
|
|
11508
10048
|
var current = node;
|
|
11509
10049
|
do {
|
|
11510
10050
|
if (typeof ShadowRoot !== "undefined" && current instanceof ShadowRoot) {
|
|
11511
10051
|
current = current.host;
|
|
11512
10052
|
}
|
|
11513
|
-
var isScrollable =
|
|
10053
|
+
var isScrollable = elementCouldBeScrolled2(axis, current);
|
|
11514
10054
|
if (isScrollable) {
|
|
11515
|
-
var _a =
|
|
10055
|
+
var _a = getScrollVariables2(axis, current), scrollHeight = _a[1], clientHeight = _a[2];
|
|
11516
10056
|
if (scrollHeight > clientHeight) {
|
|
11517
10057
|
return true;
|
|
11518
10058
|
}
|
|
@@ -11521,7 +10061,7 @@ var locationCouldBeScrolled3 = function(axis, node) {
|
|
|
11521
10061
|
} while (current && current !== ownerDocument.body);
|
|
11522
10062
|
return false;
|
|
11523
10063
|
};
|
|
11524
|
-
var
|
|
10064
|
+
var getVScrollVariables2 = function(_a) {
|
|
11525
10065
|
var scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
|
|
11526
10066
|
return [
|
|
11527
10067
|
scrollTop,
|
|
@@ -11529,7 +10069,7 @@ var getVScrollVariables3 = function(_a) {
|
|
|
11529
10069
|
clientHeight
|
|
11530
10070
|
];
|
|
11531
10071
|
};
|
|
11532
|
-
var
|
|
10072
|
+
var getHScrollVariables2 = function(_a) {
|
|
11533
10073
|
var scrollLeft = _a.scrollLeft, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth;
|
|
11534
10074
|
return [
|
|
11535
10075
|
scrollLeft,
|
|
@@ -11537,17 +10077,17 @@ var getHScrollVariables3 = function(_a) {
|
|
|
11537
10077
|
clientWidth
|
|
11538
10078
|
];
|
|
11539
10079
|
};
|
|
11540
|
-
var
|
|
11541
|
-
return axis === "v" ?
|
|
10080
|
+
var elementCouldBeScrolled2 = function(axis, node) {
|
|
10081
|
+
return axis === "v" ? elementCouldBeVScrolled2(node) : elementCouldBeHScrolled2(node);
|
|
11542
10082
|
};
|
|
11543
|
-
var
|
|
11544
|
-
return axis === "v" ?
|
|
10083
|
+
var getScrollVariables2 = function(axis, node) {
|
|
10084
|
+
return axis === "v" ? getVScrollVariables2(node) : getHScrollVariables2(node);
|
|
11545
10085
|
};
|
|
11546
|
-
var
|
|
10086
|
+
var getDirectionFactor2 = function(axis, direction) {
|
|
11547
10087
|
return axis === "h" && direction === "rtl" ? -1 : 1;
|
|
11548
10088
|
};
|
|
11549
|
-
var
|
|
11550
|
-
var directionFactor =
|
|
10089
|
+
var handleScroll2 = function(axis, endTarget, event, sourceDelta, noOverscroll) {
|
|
10090
|
+
var directionFactor = getDirectionFactor2(axis, window.getComputedStyle(endTarget).direction);
|
|
11551
10091
|
var delta = directionFactor * sourceDelta;
|
|
11552
10092
|
var target = event.target;
|
|
11553
10093
|
var targetInLock = endTarget.contains(target);
|
|
@@ -11556,10 +10096,10 @@ var handleScroll3 = function(axis, endTarget, event, sourceDelta, noOverscroll)
|
|
|
11556
10096
|
var availableScroll = 0;
|
|
11557
10097
|
var availableScrollTop = 0;
|
|
11558
10098
|
do {
|
|
11559
|
-
var _a =
|
|
10099
|
+
var _a = getScrollVariables2(axis, target), position = _a[0], scroll_1 = _a[1], capacity = _a[2];
|
|
11560
10100
|
var elementScroll = scroll_1 - capacity - directionFactor * position;
|
|
11561
10101
|
if (position || elementScroll) {
|
|
11562
|
-
if (
|
|
10102
|
+
if (elementCouldBeScrolled2(axis, target)) {
|
|
11563
10103
|
availableScroll += elementScroll;
|
|
11564
10104
|
availableScrollTop += position;
|
|
11565
10105
|
}
|
|
@@ -11579,37 +10119,37 @@ var handleScroll3 = function(axis, endTarget, event, sourceDelta, noOverscroll)
|
|
|
11579
10119
|
};
|
|
11580
10120
|
|
|
11581
10121
|
// ../../node_modules/@radix-ui/react-popover/node_modules/react-remove-scroll/dist/es2015/SideEffect.js
|
|
11582
|
-
var
|
|
10122
|
+
var getTouchXY2 = function(event) {
|
|
11583
10123
|
return "changedTouches" in event ? [event.changedTouches[0].clientX, event.changedTouches[0].clientY] : [0, 0];
|
|
11584
10124
|
};
|
|
11585
|
-
var
|
|
10125
|
+
var getDeltaXY2 = function(event) {
|
|
11586
10126
|
return [event.deltaX, event.deltaY];
|
|
11587
10127
|
};
|
|
11588
|
-
var
|
|
10128
|
+
var extractRef2 = function(ref) {
|
|
11589
10129
|
return ref && "current" in ref ? ref.current : ref;
|
|
11590
10130
|
};
|
|
11591
|
-
var
|
|
10131
|
+
var deltaCompare2 = function(x, y) {
|
|
11592
10132
|
return x[0] === y[0] && x[1] === y[1];
|
|
11593
10133
|
};
|
|
11594
|
-
var
|
|
10134
|
+
var generateStyle2 = function(id) {
|
|
11595
10135
|
return "\n .block-interactivity-".concat(id, " {pointer-events: none;}\n .allow-interactivity-").concat(id, " {pointer-events: all;}\n");
|
|
11596
10136
|
};
|
|
11597
|
-
var
|
|
11598
|
-
var
|
|
11599
|
-
function
|
|
11600
|
-
var shouldPreventQueue =
|
|
11601
|
-
var touchStartRef =
|
|
11602
|
-
var activeAxis =
|
|
11603
|
-
var id =
|
|
11604
|
-
var Style2 =
|
|
11605
|
-
var lastProps =
|
|
11606
|
-
|
|
10137
|
+
var idCounter2 = 0;
|
|
10138
|
+
var lockStack2 = [];
|
|
10139
|
+
function RemoveScrollSideCar2(props) {
|
|
10140
|
+
var shouldPreventQueue = React52.useRef([]);
|
|
10141
|
+
var touchStartRef = React52.useRef([0, 0]);
|
|
10142
|
+
var activeAxis = React52.useRef();
|
|
10143
|
+
var id = React52.useState(idCounter2++)[0];
|
|
10144
|
+
var Style2 = React52.useState(styleSingleton)[0];
|
|
10145
|
+
var lastProps = React52.useRef(props);
|
|
10146
|
+
React52.useEffect(function() {
|
|
11607
10147
|
lastProps.current = props;
|
|
11608
10148
|
}, [props]);
|
|
11609
|
-
|
|
10149
|
+
React52.useEffect(function() {
|
|
11610
10150
|
if (props.inert) {
|
|
11611
10151
|
document.body.classList.add("block-interactivity-".concat(id));
|
|
11612
|
-
var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(
|
|
10152
|
+
var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef2), true).filter(Boolean);
|
|
11613
10153
|
allow_1.forEach(function(el) {
|
|
11614
10154
|
return el.classList.add("allow-interactivity-".concat(id));
|
|
11615
10155
|
});
|
|
@@ -11622,11 +10162,11 @@ function RemoveScrollSideCar3(props) {
|
|
|
11622
10162
|
}
|
|
11623
10163
|
return;
|
|
11624
10164
|
}, [props.inert, props.lockRef.current, props.shards]);
|
|
11625
|
-
var shouldCancelEvent =
|
|
10165
|
+
var shouldCancelEvent = React52.useCallback(function(event, parent) {
|
|
11626
10166
|
if ("touches" in event && event.touches.length === 2 || event.type === "wheel" && event.ctrlKey) {
|
|
11627
10167
|
return !lastProps.current.allowPinchZoom;
|
|
11628
10168
|
}
|
|
11629
|
-
var touch =
|
|
10169
|
+
var touch = getTouchXY2(event);
|
|
11630
10170
|
var touchStart = touchStartRef.current;
|
|
11631
10171
|
var deltaX = "deltaX" in event ? event.deltaX : touchStart[0] - touch[0];
|
|
11632
10172
|
var deltaY = "deltaY" in event ? event.deltaY : touchStart[1] - touch[1];
|
|
@@ -11636,7 +10176,7 @@ function RemoveScrollSideCar3(props) {
|
|
|
11636
10176
|
if ("touches" in event && moveDirection === "h" && target.type === "range") {
|
|
11637
10177
|
return false;
|
|
11638
10178
|
}
|
|
11639
|
-
var canBeScrolledInMainDirection =
|
|
10179
|
+
var canBeScrolledInMainDirection = locationCouldBeScrolled2(moveDirection, target);
|
|
11640
10180
|
if (!canBeScrolledInMainDirection) {
|
|
11641
10181
|
return true;
|
|
11642
10182
|
}
|
|
@@ -11644,7 +10184,7 @@ function RemoveScrollSideCar3(props) {
|
|
|
11644
10184
|
currentAxis = moveDirection;
|
|
11645
10185
|
} else {
|
|
11646
10186
|
currentAxis = moveDirection === "v" ? "h" : "v";
|
|
11647
|
-
canBeScrolledInMainDirection =
|
|
10187
|
+
canBeScrolledInMainDirection = locationCouldBeScrolled2(moveDirection, target);
|
|
11648
10188
|
}
|
|
11649
10189
|
if (!canBeScrolledInMainDirection) {
|
|
11650
10190
|
return false;
|
|
@@ -11656,16 +10196,16 @@ function RemoveScrollSideCar3(props) {
|
|
|
11656
10196
|
return true;
|
|
11657
10197
|
}
|
|
11658
10198
|
var cancelingAxis = activeAxis.current || currentAxis;
|
|
11659
|
-
return
|
|
10199
|
+
return handleScroll2(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
|
|
11660
10200
|
}, []);
|
|
11661
|
-
var shouldPrevent =
|
|
10201
|
+
var shouldPrevent = React52.useCallback(function(_event) {
|
|
11662
10202
|
var event = _event;
|
|
11663
|
-
if (!
|
|
10203
|
+
if (!lockStack2.length || lockStack2[lockStack2.length - 1] !== Style2) {
|
|
11664
10204
|
return;
|
|
11665
10205
|
}
|
|
11666
|
-
var delta = "deltaY" in event ?
|
|
10206
|
+
var delta = "deltaY" in event ? getDeltaXY2(event) : getTouchXY2(event);
|
|
11667
10207
|
var sourceEvent = shouldPreventQueue.current.filter(function(e) {
|
|
11668
|
-
return e.name === event.type && (e.target === event.target || event.target === e.shadowParent) &&
|
|
10208
|
+
return e.name === event.type && (e.target === event.target || event.target === e.shadowParent) && deltaCompare2(e.delta, delta);
|
|
11669
10209
|
})[0];
|
|
11670
10210
|
if (sourceEvent && sourceEvent.should) {
|
|
11671
10211
|
if (event.cancelable) {
|
|
@@ -11674,7 +10214,7 @@ function RemoveScrollSideCar3(props) {
|
|
|
11674
10214
|
return;
|
|
11675
10215
|
}
|
|
11676
10216
|
if (!sourceEvent) {
|
|
11677
|
-
var shardNodes = (lastProps.current.shards || []).map(
|
|
10217
|
+
var shardNodes = (lastProps.current.shards || []).map(extractRef2).filter(Boolean).filter(function(node) {
|
|
11678
10218
|
return node.contains(event.target);
|
|
11679
10219
|
});
|
|
11680
10220
|
var shouldStop = shardNodes.length > 0 ? shouldCancelEvent(event, shardNodes[0]) : !lastProps.current.noIsolation;
|
|
@@ -11685,8 +10225,8 @@ function RemoveScrollSideCar3(props) {
|
|
|
11685
10225
|
}
|
|
11686
10226
|
}
|
|
11687
10227
|
}, []);
|
|
11688
|
-
var shouldCancel =
|
|
11689
|
-
var event = { name, delta, target, should, shadowParent:
|
|
10228
|
+
var shouldCancel = React52.useCallback(function(name, delta, target, should) {
|
|
10229
|
+
var event = { name, delta, target, should, shadowParent: getOutermostShadowParent2(target) };
|
|
11690
10230
|
shouldPreventQueue.current.push(event);
|
|
11691
10231
|
setTimeout(function() {
|
|
11692
10232
|
shouldPreventQueue.current = shouldPreventQueue.current.filter(function(e) {
|
|
@@ -11694,44 +10234,44 @@ function RemoveScrollSideCar3(props) {
|
|
|
11694
10234
|
});
|
|
11695
10235
|
}, 1);
|
|
11696
10236
|
}, []);
|
|
11697
|
-
var scrollTouchStart =
|
|
11698
|
-
touchStartRef.current =
|
|
10237
|
+
var scrollTouchStart = React52.useCallback(function(event) {
|
|
10238
|
+
touchStartRef.current = getTouchXY2(event);
|
|
11699
10239
|
activeAxis.current = void 0;
|
|
11700
10240
|
}, []);
|
|
11701
|
-
var scrollWheel =
|
|
11702
|
-
shouldCancel(event.type,
|
|
10241
|
+
var scrollWheel = React52.useCallback(function(event) {
|
|
10242
|
+
shouldCancel(event.type, getDeltaXY2(event), event.target, shouldCancelEvent(event, props.lockRef.current));
|
|
11703
10243
|
}, []);
|
|
11704
|
-
var scrollTouchMove =
|
|
11705
|
-
shouldCancel(event.type,
|
|
10244
|
+
var scrollTouchMove = React52.useCallback(function(event) {
|
|
10245
|
+
shouldCancel(event.type, getTouchXY2(event), event.target, shouldCancelEvent(event, props.lockRef.current));
|
|
11706
10246
|
}, []);
|
|
11707
|
-
|
|
11708
|
-
|
|
10247
|
+
React52.useEffect(function() {
|
|
10248
|
+
lockStack2.push(Style2);
|
|
11709
10249
|
props.setCallbacks({
|
|
11710
10250
|
onScrollCapture: scrollWheel,
|
|
11711
10251
|
onWheelCapture: scrollWheel,
|
|
11712
10252
|
onTouchMoveCapture: scrollTouchMove
|
|
11713
10253
|
});
|
|
11714
|
-
document.addEventListener("wheel", shouldPrevent,
|
|
11715
|
-
document.addEventListener("touchmove", shouldPrevent,
|
|
11716
|
-
document.addEventListener("touchstart", scrollTouchStart,
|
|
10254
|
+
document.addEventListener("wheel", shouldPrevent, nonPassive2);
|
|
10255
|
+
document.addEventListener("touchmove", shouldPrevent, nonPassive2);
|
|
10256
|
+
document.addEventListener("touchstart", scrollTouchStart, nonPassive2);
|
|
11717
10257
|
return function() {
|
|
11718
|
-
|
|
10258
|
+
lockStack2 = lockStack2.filter(function(inst) {
|
|
11719
10259
|
return inst !== Style2;
|
|
11720
10260
|
});
|
|
11721
|
-
document.removeEventListener("wheel", shouldPrevent,
|
|
11722
|
-
document.removeEventListener("touchmove", shouldPrevent,
|
|
11723
|
-
document.removeEventListener("touchstart", scrollTouchStart,
|
|
10261
|
+
document.removeEventListener("wheel", shouldPrevent, nonPassive2);
|
|
10262
|
+
document.removeEventListener("touchmove", shouldPrevent, nonPassive2);
|
|
10263
|
+
document.removeEventListener("touchstart", scrollTouchStart, nonPassive2);
|
|
11724
10264
|
};
|
|
11725
10265
|
}, []);
|
|
11726
10266
|
var removeScrollBar = props.removeScrollBar, inert = props.inert;
|
|
11727
|
-
return
|
|
11728
|
-
|
|
10267
|
+
return React52.createElement(
|
|
10268
|
+
React52.Fragment,
|
|
11729
10269
|
null,
|
|
11730
|
-
inert ?
|
|
11731
|
-
removeScrollBar ?
|
|
10270
|
+
inert ? React52.createElement(Style2, { styles: generateStyle2(id) }) : null,
|
|
10271
|
+
removeScrollBar ? React52.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
|
|
11732
10272
|
);
|
|
11733
10273
|
}
|
|
11734
|
-
function
|
|
10274
|
+
function getOutermostShadowParent2(node) {
|
|
11735
10275
|
var shadowParent = null;
|
|
11736
10276
|
while (node !== null) {
|
|
11737
10277
|
if (node instanceof ShadowRoot) {
|
|
@@ -11744,19 +10284,19 @@ function getOutermostShadowParent3(node) {
|
|
|
11744
10284
|
}
|
|
11745
10285
|
|
|
11746
10286
|
// ../../node_modules/@radix-ui/react-popover/node_modules/react-remove-scroll/dist/es2015/sidecar.js
|
|
11747
|
-
var
|
|
10287
|
+
var sidecar_default2 = exportSidecar(effectCar2, RemoveScrollSideCar2);
|
|
11748
10288
|
|
|
11749
10289
|
// ../../node_modules/@radix-ui/react-popover/node_modules/react-remove-scroll/dist/es2015/Combination.js
|
|
11750
|
-
var
|
|
11751
|
-
return
|
|
10290
|
+
var ReactRemoveScroll2 = React53.forwardRef(function(props, ref) {
|
|
10291
|
+
return React53.createElement(RemoveScroll2, __assign({}, props, { ref, sideCar: sidecar_default2 }));
|
|
11752
10292
|
});
|
|
11753
|
-
|
|
11754
|
-
var
|
|
10293
|
+
ReactRemoveScroll2.classNames = RemoveScroll2.classNames;
|
|
10294
|
+
var Combination_default2 = ReactRemoveScroll2;
|
|
11755
10295
|
|
|
11756
10296
|
// ../../node_modules/@radix-ui/react-popover/dist/index.mjs
|
|
11757
|
-
var
|
|
10297
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
11758
10298
|
var POPOVER_NAME = "Popover";
|
|
11759
|
-
var [createPopoverContext, createPopoverScope] =
|
|
10299
|
+
var [createPopoverContext, createPopoverScope] = createContextScope2(POPOVER_NAME, [
|
|
11760
10300
|
createPopperScope2
|
|
11761
10301
|
]);
|
|
11762
10302
|
var usePopperScope2 = createPopperScope2();
|
|
@@ -11771,26 +10311,26 @@ var Popover = (props) => {
|
|
|
11771
10311
|
modal = false
|
|
11772
10312
|
} = props;
|
|
11773
10313
|
const popperScope = usePopperScope2(__scopePopover);
|
|
11774
|
-
const triggerRef =
|
|
11775
|
-
const [hasCustomAnchor, setHasCustomAnchor] =
|
|
11776
|
-
const [open, setOpen] =
|
|
10314
|
+
const triggerRef = React54.useRef(null);
|
|
10315
|
+
const [hasCustomAnchor, setHasCustomAnchor] = React54.useState(false);
|
|
10316
|
+
const [open, setOpen] = useControllableState2({
|
|
11777
10317
|
prop: openProp,
|
|
11778
10318
|
defaultProp: defaultOpen ?? false,
|
|
11779
10319
|
onChange: onOpenChange,
|
|
11780
10320
|
caller: POPOVER_NAME
|
|
11781
10321
|
});
|
|
11782
|
-
return /* @__PURE__ */ (0,
|
|
10322
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Root23, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
11783
10323
|
PopoverProvider,
|
|
11784
10324
|
{
|
|
11785
10325
|
scope: __scopePopover,
|
|
11786
|
-
contentId:
|
|
10326
|
+
contentId: useId2(),
|
|
11787
10327
|
triggerRef,
|
|
11788
10328
|
open,
|
|
11789
10329
|
onOpenChange: setOpen,
|
|
11790
|
-
onOpenToggle:
|
|
10330
|
+
onOpenToggle: React54.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
|
|
11791
10331
|
hasCustomAnchor,
|
|
11792
|
-
onCustomAnchorAdd:
|
|
11793
|
-
onCustomAnchorRemove:
|
|
10332
|
+
onCustomAnchorAdd: React54.useCallback(() => setHasCustomAnchor(true), []),
|
|
10333
|
+
onCustomAnchorRemove: React54.useCallback(() => setHasCustomAnchor(false), []),
|
|
11794
10334
|
modal,
|
|
11795
10335
|
children
|
|
11796
10336
|
}
|
|
@@ -11798,87 +10338,87 @@ var Popover = (props) => {
|
|
|
11798
10338
|
};
|
|
11799
10339
|
Popover.displayName = POPOVER_NAME;
|
|
11800
10340
|
var ANCHOR_NAME4 = "PopoverAnchor";
|
|
11801
|
-
var PopoverAnchor =
|
|
10341
|
+
var PopoverAnchor = React54.forwardRef(
|
|
11802
10342
|
(props, forwardedRef) => {
|
|
11803
10343
|
const { __scopePopover, ...anchorProps } = props;
|
|
11804
10344
|
const context = usePopoverContext(ANCHOR_NAME4, __scopePopover);
|
|
11805
10345
|
const popperScope = usePopperScope2(__scopePopover);
|
|
11806
10346
|
const { onCustomAnchorAdd, onCustomAnchorRemove } = context;
|
|
11807
|
-
|
|
10347
|
+
React54.useEffect(() => {
|
|
11808
10348
|
onCustomAnchorAdd();
|
|
11809
10349
|
return () => onCustomAnchorRemove();
|
|
11810
10350
|
}, [onCustomAnchorAdd, onCustomAnchorRemove]);
|
|
11811
|
-
return /* @__PURE__ */ (0,
|
|
10351
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Anchor3, { ...popperScope, ...anchorProps, ref: forwardedRef });
|
|
11812
10352
|
}
|
|
11813
10353
|
);
|
|
11814
10354
|
PopoverAnchor.displayName = ANCHOR_NAME4;
|
|
11815
|
-
var
|
|
11816
|
-
var PopoverTrigger =
|
|
10355
|
+
var TRIGGER_NAME2 = "PopoverTrigger";
|
|
10356
|
+
var PopoverTrigger = React54.forwardRef(
|
|
11817
10357
|
(props, forwardedRef) => {
|
|
11818
10358
|
const { __scopePopover, ...triggerProps } = props;
|
|
11819
|
-
const context = usePopoverContext(
|
|
10359
|
+
const context = usePopoverContext(TRIGGER_NAME2, __scopePopover);
|
|
11820
10360
|
const popperScope = usePopperScope2(__scopePopover);
|
|
11821
|
-
const composedTriggerRef =
|
|
11822
|
-
const trigger = /* @__PURE__ */ (0,
|
|
11823
|
-
|
|
10361
|
+
const composedTriggerRef = useComposedRefs2(forwardedRef, context.triggerRef);
|
|
10362
|
+
const trigger = /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
10363
|
+
Primitive2.button,
|
|
11824
10364
|
{
|
|
11825
10365
|
type: "button",
|
|
11826
10366
|
"aria-haspopup": "dialog",
|
|
11827
10367
|
"aria-expanded": context.open,
|
|
11828
10368
|
"aria-controls": context.contentId,
|
|
11829
|
-
"data-state":
|
|
10369
|
+
"data-state": getState(context.open),
|
|
11830
10370
|
...triggerProps,
|
|
11831
10371
|
ref: composedTriggerRef,
|
|
11832
|
-
onClick:
|
|
10372
|
+
onClick: composeEventHandlers2(props.onClick, context.onOpenToggle)
|
|
11833
10373
|
}
|
|
11834
10374
|
);
|
|
11835
|
-
return context.hasCustomAnchor ? trigger : /* @__PURE__ */ (0,
|
|
10375
|
+
return context.hasCustomAnchor ? trigger : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Anchor3, { asChild: true, ...popperScope, children: trigger });
|
|
11836
10376
|
}
|
|
11837
10377
|
);
|
|
11838
|
-
PopoverTrigger.displayName =
|
|
11839
|
-
var
|
|
11840
|
-
var [
|
|
10378
|
+
PopoverTrigger.displayName = TRIGGER_NAME2;
|
|
10379
|
+
var PORTAL_NAME5 = "PopoverPortal";
|
|
10380
|
+
var [PortalProvider2, usePortalContext2] = createPopoverContext(PORTAL_NAME5, {
|
|
11841
10381
|
forceMount: void 0
|
|
11842
10382
|
});
|
|
11843
10383
|
var PopoverPortal = (props) => {
|
|
11844
10384
|
const { __scopePopover, forceMount, children, container } = props;
|
|
11845
|
-
const context = usePopoverContext(
|
|
11846
|
-
return /* @__PURE__ */ (0,
|
|
10385
|
+
const context = usePopoverContext(PORTAL_NAME5, __scopePopover);
|
|
10386
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PortalProvider2, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Presence2, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Portal4, { asChild: true, container, children }) }) });
|
|
11847
10387
|
};
|
|
11848
|
-
PopoverPortal.displayName =
|
|
11849
|
-
var
|
|
11850
|
-
var PopoverContent =
|
|
10388
|
+
PopoverPortal.displayName = PORTAL_NAME5;
|
|
10389
|
+
var CONTENT_NAME5 = "PopoverContent";
|
|
10390
|
+
var PopoverContent = React54.forwardRef(
|
|
11851
10391
|
(props, forwardedRef) => {
|
|
11852
|
-
const portalContext =
|
|
10392
|
+
const portalContext = usePortalContext2(CONTENT_NAME5, props.__scopePopover);
|
|
11853
10393
|
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
11854
|
-
const context = usePopoverContext(
|
|
11855
|
-
return /* @__PURE__ */ (0,
|
|
10394
|
+
const context = usePopoverContext(CONTENT_NAME5, props.__scopePopover);
|
|
10395
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Presence2, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
|
|
11856
10396
|
}
|
|
11857
10397
|
);
|
|
11858
|
-
PopoverContent.displayName =
|
|
11859
|
-
var
|
|
11860
|
-
var PopoverContentModal =
|
|
10398
|
+
PopoverContent.displayName = CONTENT_NAME5;
|
|
10399
|
+
var Slot6 = (0, import_react_slot7.createSlot)("PopoverContent.RemoveScroll");
|
|
10400
|
+
var PopoverContentModal = React54.forwardRef(
|
|
11861
10401
|
(props, forwardedRef) => {
|
|
11862
|
-
const context = usePopoverContext(
|
|
11863
|
-
const contentRef =
|
|
11864
|
-
const composedRefs =
|
|
11865
|
-
const isRightClickOutsideRef =
|
|
11866
|
-
|
|
10402
|
+
const context = usePopoverContext(CONTENT_NAME5, props.__scopePopover);
|
|
10403
|
+
const contentRef = React54.useRef(null);
|
|
10404
|
+
const composedRefs = useComposedRefs2(forwardedRef, contentRef);
|
|
10405
|
+
const isRightClickOutsideRef = React54.useRef(false);
|
|
10406
|
+
React54.useEffect(() => {
|
|
11867
10407
|
const content = contentRef.current;
|
|
11868
10408
|
if (content) return hideOthers(content);
|
|
11869
10409
|
}, []);
|
|
11870
|
-
return /* @__PURE__ */ (0,
|
|
10410
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Combination_default2, { as: Slot6, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
11871
10411
|
PopoverContentImpl,
|
|
11872
10412
|
{
|
|
11873
10413
|
...props,
|
|
11874
10414
|
ref: composedRefs,
|
|
11875
10415
|
trapFocus: context.open,
|
|
11876
10416
|
disableOutsidePointerEvents: true,
|
|
11877
|
-
onCloseAutoFocus:
|
|
10417
|
+
onCloseAutoFocus: composeEventHandlers2(props.onCloseAutoFocus, (event) => {
|
|
11878
10418
|
event.preventDefault();
|
|
11879
10419
|
if (!isRightClickOutsideRef.current) context.triggerRef.current?.focus();
|
|
11880
10420
|
}),
|
|
11881
|
-
onPointerDownOutside:
|
|
10421
|
+
onPointerDownOutside: composeEventHandlers2(
|
|
11882
10422
|
props.onPointerDownOutside,
|
|
11883
10423
|
(event) => {
|
|
11884
10424
|
const originalEvent = event.detail.originalEvent;
|
|
@@ -11888,7 +10428,7 @@ var PopoverContentModal = React71.forwardRef(
|
|
|
11888
10428
|
},
|
|
11889
10429
|
{ checkForDefaultPrevented: false }
|
|
11890
10430
|
),
|
|
11891
|
-
onFocusOutside:
|
|
10431
|
+
onFocusOutside: composeEventHandlers2(
|
|
11892
10432
|
props.onFocusOutside,
|
|
11893
10433
|
(event) => event.preventDefault(),
|
|
11894
10434
|
{ checkForDefaultPrevented: false }
|
|
@@ -11897,12 +10437,12 @@ var PopoverContentModal = React71.forwardRef(
|
|
|
11897
10437
|
) });
|
|
11898
10438
|
}
|
|
11899
10439
|
);
|
|
11900
|
-
var PopoverContentNonModal =
|
|
10440
|
+
var PopoverContentNonModal = React54.forwardRef(
|
|
11901
10441
|
(props, forwardedRef) => {
|
|
11902
|
-
const context = usePopoverContext(
|
|
11903
|
-
const hasInteractedOutsideRef =
|
|
11904
|
-
const hasPointerDownOutsideRef =
|
|
11905
|
-
return /* @__PURE__ */ (0,
|
|
10442
|
+
const context = usePopoverContext(CONTENT_NAME5, props.__scopePopover);
|
|
10443
|
+
const hasInteractedOutsideRef = React54.useRef(false);
|
|
10444
|
+
const hasPointerDownOutsideRef = React54.useRef(false);
|
|
10445
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
11906
10446
|
PopoverContentImpl,
|
|
11907
10447
|
{
|
|
11908
10448
|
...props,
|
|
@@ -11937,7 +10477,7 @@ var PopoverContentNonModal = React71.forwardRef(
|
|
|
11937
10477
|
);
|
|
11938
10478
|
}
|
|
11939
10479
|
);
|
|
11940
|
-
var PopoverContentImpl =
|
|
10480
|
+
var PopoverContentImpl = React54.forwardRef(
|
|
11941
10481
|
(props, forwardedRef) => {
|
|
11942
10482
|
const {
|
|
11943
10483
|
__scopePopover,
|
|
@@ -11951,19 +10491,19 @@ var PopoverContentImpl = React71.forwardRef(
|
|
|
11951
10491
|
onInteractOutside,
|
|
11952
10492
|
...contentProps
|
|
11953
10493
|
} = props;
|
|
11954
|
-
const context = usePopoverContext(
|
|
10494
|
+
const context = usePopoverContext(CONTENT_NAME5, __scopePopover);
|
|
11955
10495
|
const popperScope = usePopperScope2(__scopePopover);
|
|
11956
|
-
|
|
11957
|
-
return /* @__PURE__ */ (0,
|
|
11958
|
-
|
|
10496
|
+
useFocusGuards2();
|
|
10497
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
10498
|
+
FocusScope2,
|
|
11959
10499
|
{
|
|
11960
10500
|
asChild: true,
|
|
11961
10501
|
loop: true,
|
|
11962
10502
|
trapped: trapFocus,
|
|
11963
10503
|
onMountAutoFocus: onOpenAutoFocus,
|
|
11964
10504
|
onUnmountAutoFocus: onCloseAutoFocus,
|
|
11965
|
-
children: /* @__PURE__ */ (0,
|
|
11966
|
-
|
|
10505
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
10506
|
+
DismissableLayer2,
|
|
11967
10507
|
{
|
|
11968
10508
|
asChild: true,
|
|
11969
10509
|
disableOutsidePointerEvents,
|
|
@@ -11972,10 +10512,10 @@ var PopoverContentImpl = React71.forwardRef(
|
|
|
11972
10512
|
onPointerDownOutside,
|
|
11973
10513
|
onFocusOutside,
|
|
11974
10514
|
onDismiss: () => context.onOpenChange(false),
|
|
11975
|
-
children: /* @__PURE__ */ (0,
|
|
10515
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
11976
10516
|
Content5,
|
|
11977
10517
|
{
|
|
11978
|
-
"data-state":
|
|
10518
|
+
"data-state": getState(context.open),
|
|
11979
10519
|
role: "dialog",
|
|
11980
10520
|
id: context.contentId,
|
|
11981
10521
|
...popperScope,
|
|
@@ -12000,46 +10540,46 @@ var PopoverContentImpl = React71.forwardRef(
|
|
|
12000
10540
|
);
|
|
12001
10541
|
}
|
|
12002
10542
|
);
|
|
12003
|
-
var
|
|
12004
|
-
var PopoverClose =
|
|
10543
|
+
var CLOSE_NAME = "PopoverClose";
|
|
10544
|
+
var PopoverClose = React54.forwardRef(
|
|
12005
10545
|
(props, forwardedRef) => {
|
|
12006
10546
|
const { __scopePopover, ...closeProps } = props;
|
|
12007
|
-
const context = usePopoverContext(
|
|
12008
|
-
return /* @__PURE__ */ (0,
|
|
12009
|
-
|
|
10547
|
+
const context = usePopoverContext(CLOSE_NAME, __scopePopover);
|
|
10548
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
10549
|
+
Primitive2.button,
|
|
12010
10550
|
{
|
|
12011
10551
|
type: "button",
|
|
12012
10552
|
...closeProps,
|
|
12013
10553
|
ref: forwardedRef,
|
|
12014
|
-
onClick:
|
|
10554
|
+
onClick: composeEventHandlers2(props.onClick, () => context.onOpenChange(false))
|
|
12015
10555
|
}
|
|
12016
10556
|
);
|
|
12017
10557
|
}
|
|
12018
10558
|
);
|
|
12019
|
-
PopoverClose.displayName =
|
|
10559
|
+
PopoverClose.displayName = CLOSE_NAME;
|
|
12020
10560
|
var ARROW_NAME5 = "PopoverArrow";
|
|
12021
|
-
var PopoverArrow =
|
|
10561
|
+
var PopoverArrow = React54.forwardRef(
|
|
12022
10562
|
(props, forwardedRef) => {
|
|
12023
10563
|
const { __scopePopover, ...arrowProps } = props;
|
|
12024
10564
|
const popperScope = usePopperScope2(__scopePopover);
|
|
12025
|
-
return /* @__PURE__ */ (0,
|
|
10565
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Arrow4, { ...popperScope, ...arrowProps, ref: forwardedRef });
|
|
12026
10566
|
}
|
|
12027
10567
|
);
|
|
12028
10568
|
PopoverArrow.displayName = ARROW_NAME5;
|
|
12029
|
-
function
|
|
10569
|
+
function getState(open) {
|
|
12030
10570
|
return open ? "open" : "closed";
|
|
12031
10571
|
}
|
|
12032
10572
|
var Root24 = Popover;
|
|
12033
10573
|
var Trigger4 = PopoverTrigger;
|
|
12034
|
-
var
|
|
10574
|
+
var Portal5 = PopoverPortal;
|
|
12035
10575
|
var Content23 = PopoverContent;
|
|
12036
10576
|
|
|
12037
10577
|
// src/components/Popover/index.tsx
|
|
12038
|
-
var
|
|
12039
|
-
var
|
|
10578
|
+
var React55 = __toESM(require("react"));
|
|
10579
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
12040
10580
|
var Popover2 = Root24;
|
|
12041
10581
|
var PopoverTrigger2 = Trigger4;
|
|
12042
|
-
var PopoverContent2 =
|
|
10582
|
+
var PopoverContent2 = React55.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Portal5, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
12043
10583
|
Content23,
|
|
12044
10584
|
{
|
|
12045
10585
|
ref,
|
|
@@ -12055,15 +10595,15 @@ var PopoverContent2 = React72.forwardRef(({ className, align = "center", sideOff
|
|
|
12055
10595
|
PopoverContent2.displayName = Content23.displayName;
|
|
12056
10596
|
|
|
12057
10597
|
// src/components/Select/index.tsx
|
|
12058
|
-
var
|
|
10598
|
+
var React56 = __toESM(require("react"));
|
|
12059
10599
|
var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
|
|
12060
|
-
var
|
|
10600
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
12061
10601
|
var Select = SelectPrimitive.Root;
|
|
12062
10602
|
var SelectGroup = SelectPrimitive.Group;
|
|
12063
10603
|
var SelectValue = SelectPrimitive.Value;
|
|
12064
10604
|
var SelectPortal = SelectPrimitive.Portal;
|
|
12065
10605
|
var SelectViewport = SelectPrimitive.Viewport;
|
|
12066
|
-
var SelectTrigger =
|
|
10606
|
+
var SelectTrigger = React56.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
12067
10607
|
SelectPrimitive.Trigger,
|
|
12068
10608
|
{
|
|
12069
10609
|
ref,
|
|
@@ -12074,12 +10614,12 @@ var SelectTrigger = React73.forwardRef(({ className, children, ...props }, ref)
|
|
|
12074
10614
|
...props,
|
|
12075
10615
|
children: [
|
|
12076
10616
|
children,
|
|
12077
|
-
/* @__PURE__ */ (0,
|
|
10617
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
|
|
12078
10618
|
]
|
|
12079
10619
|
}
|
|
12080
10620
|
));
|
|
12081
10621
|
SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
|
|
12082
|
-
var SelectScrollUpButton =
|
|
10622
|
+
var SelectScrollUpButton = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
12083
10623
|
SelectPrimitive.ScrollUpButton,
|
|
12084
10624
|
{
|
|
12085
10625
|
ref,
|
|
@@ -12088,11 +10628,11 @@ var SelectScrollUpButton = React73.forwardRef(({ className, ...props }, ref) =>
|
|
|
12088
10628
|
className
|
|
12089
10629
|
),
|
|
12090
10630
|
...props,
|
|
12091
|
-
children: /* @__PURE__ */ (0,
|
|
10631
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ChevronUp, { className: "cnc-h-4 cnc-w-4" })
|
|
12092
10632
|
}
|
|
12093
10633
|
));
|
|
12094
10634
|
SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
|
|
12095
|
-
var SelectScrollDownButton =
|
|
10635
|
+
var SelectScrollDownButton = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
12096
10636
|
SelectPrimitive.ScrollDownButton,
|
|
12097
10637
|
{
|
|
12098
10638
|
ref,
|
|
@@ -12101,11 +10641,11 @@ var SelectScrollDownButton = React73.forwardRef(({ className, ...props }, ref) =
|
|
|
12101
10641
|
className
|
|
12102
10642
|
),
|
|
12103
10643
|
...props,
|
|
12104
|
-
children: /* @__PURE__ */ (0,
|
|
10644
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ChevronDown, { className: "cnc-h-4 cnc-w-4" })
|
|
12105
10645
|
}
|
|
12106
10646
|
));
|
|
12107
10647
|
SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
|
|
12108
|
-
var SelectContent =
|
|
10648
|
+
var SelectContent = React56.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
12109
10649
|
SelectPrimitive.Content,
|
|
12110
10650
|
{
|
|
12111
10651
|
ref,
|
|
@@ -12117,8 +10657,8 @@ var SelectContent = React73.forwardRef(({ className, children, position = "poppe
|
|
|
12117
10657
|
position,
|
|
12118
10658
|
...props,
|
|
12119
10659
|
children: [
|
|
12120
|
-
/* @__PURE__ */ (0,
|
|
12121
|
-
/* @__PURE__ */ (0,
|
|
10660
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectScrollUpButton, {}),
|
|
10661
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
12122
10662
|
SelectPrimitive.Viewport,
|
|
12123
10663
|
{
|
|
12124
10664
|
className: cn(
|
|
@@ -12128,12 +10668,12 @@ var SelectContent = React73.forwardRef(({ className, children, position = "poppe
|
|
|
12128
10668
|
children
|
|
12129
10669
|
}
|
|
12130
10670
|
),
|
|
12131
|
-
/* @__PURE__ */ (0,
|
|
10671
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectScrollDownButton, {})
|
|
12132
10672
|
]
|
|
12133
10673
|
}
|
|
12134
10674
|
) }));
|
|
12135
10675
|
SelectContent.displayName = SelectPrimitive.Content.displayName;
|
|
12136
|
-
var SelectLabel =
|
|
10676
|
+
var SelectLabel = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
12137
10677
|
SelectPrimitive.Label,
|
|
12138
10678
|
{
|
|
12139
10679
|
ref,
|
|
@@ -12145,7 +10685,7 @@ var SelectLabel = React73.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
12145
10685
|
}
|
|
12146
10686
|
));
|
|
12147
10687
|
SelectLabel.displayName = SelectPrimitive.Label.displayName;
|
|
12148
|
-
var SelectItem =
|
|
10688
|
+
var SelectItem = React56.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
12149
10689
|
SelectPrimitive.Item,
|
|
12150
10690
|
{
|
|
12151
10691
|
ref,
|
|
@@ -12155,13 +10695,13 @@ var SelectItem = React73.forwardRef(({ className, children, ...props }, ref) =>
|
|
|
12155
10695
|
),
|
|
12156
10696
|
...props,
|
|
12157
10697
|
children: [
|
|
12158
|
-
/* @__PURE__ */ (0,
|
|
12159
|
-
/* @__PURE__ */ (0,
|
|
10698
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.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_runtime30.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Check, { className: "cnc-h-4 cnc-w-4" }) }) }),
|
|
10699
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectPrimitive.ItemText, { children })
|
|
12160
10700
|
]
|
|
12161
10701
|
}
|
|
12162
10702
|
));
|
|
12163
10703
|
SelectItem.displayName = SelectPrimitive.Item.displayName;
|
|
12164
|
-
var SelectSeparator =
|
|
10704
|
+
var SelectSeparator = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
12165
10705
|
SelectPrimitive.Separator,
|
|
12166
10706
|
{
|
|
12167
10707
|
ref,
|
|
@@ -12171,14 +10711,60 @@ var SelectSeparator = React73.forwardRef(({ className, ...props }, ref) => /* @_
|
|
|
12171
10711
|
));
|
|
12172
10712
|
SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
|
|
12173
10713
|
|
|
10714
|
+
// src/components/Tabs/index.tsx
|
|
10715
|
+
var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
|
|
10716
|
+
var React57 = __toESM(require("react"));
|
|
10717
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
10718
|
+
var Tabs = TabsPrimitive.Root;
|
|
10719
|
+
var TabsList = React57.forwardRef(({ className, ...props }, ref) => {
|
|
10720
|
+
console.log({ props });
|
|
10721
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
10722
|
+
TabsPrimitive.List,
|
|
10723
|
+
{
|
|
10724
|
+
ref,
|
|
10725
|
+
className: cn("cnc-flex cnc-gap-[2px] cnc-border-b ", className),
|
|
10726
|
+
...props
|
|
10727
|
+
}
|
|
10728
|
+
);
|
|
10729
|
+
});
|
|
10730
|
+
TabsList.displayName = TabsPrimitive.List.displayName;
|
|
10731
|
+
var TabsTrigger = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
10732
|
+
TabsPrimitive.Trigger,
|
|
10733
|
+
{
|
|
10734
|
+
ref,
|
|
10735
|
+
className: cn(
|
|
10736
|
+
"cnc-data-[state=active]:bg-muted cnc-data-[state=active]:text-primary cnc-relative cnc-text-sm cnc-font-medium cnc-px-4 cnc-py-2 cnc-bg-[#00000005] data-[state=active]:cnc-bg-white data-[state=active]:cnc-text-[#04319bfd] cnc-border-l cnc-border-r cnc-border-t cnc-rounded-tl-sm cnc-rounded-tr-sm ",
|
|
10737
|
+
className
|
|
10738
|
+
),
|
|
10739
|
+
...props
|
|
10740
|
+
}
|
|
10741
|
+
));
|
|
10742
|
+
TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
|
|
10743
|
+
var TabsContent = React57.forwardRef(({ className, children, ...props }, ref) => {
|
|
10744
|
+
console.log({ className });
|
|
10745
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
10746
|
+
TabsPrimitive.Content,
|
|
10747
|
+
{
|
|
10748
|
+
ref,
|
|
10749
|
+
className: cn(
|
|
10750
|
+
"cnc-space-y-4 cnc-border-l cnc-border-r cnc-border-b cnc-p-5 cnc-h-full",
|
|
10751
|
+
className
|
|
10752
|
+
),
|
|
10753
|
+
...props,
|
|
10754
|
+
children
|
|
10755
|
+
}
|
|
10756
|
+
);
|
|
10757
|
+
});
|
|
10758
|
+
TabsContent.displayName = TabsPrimitive.Content.displayName;
|
|
10759
|
+
|
|
12174
10760
|
// src/components/atoms/forms/input.tsx
|
|
12175
|
-
var
|
|
12176
|
-
var
|
|
12177
|
-
var Input =
|
|
10761
|
+
var React58 = __toESM(require("react"));
|
|
10762
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
10763
|
+
var Input = React58.forwardRef(
|
|
12178
10764
|
({ className, type, id, label, ...props }, ref) => {
|
|
12179
10765
|
const idGenerate = id ? id : label && `field-${Date.now()}-${Math.random() * 1e5}`;
|
|
12180
|
-
return /* @__PURE__ */ (0,
|
|
12181
|
-
label && /* @__PURE__ */ (0,
|
|
10766
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "cnc-w-full", children: [
|
|
10767
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
12182
10768
|
"label",
|
|
12183
10769
|
{
|
|
12184
10770
|
htmlFor: idGenerate,
|
|
@@ -12186,7 +10772,7 @@ var Input = React74.forwardRef(
|
|
|
12186
10772
|
children: label
|
|
12187
10773
|
}
|
|
12188
10774
|
),
|
|
12189
|
-
/* @__PURE__ */ (0,
|
|
10775
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
12190
10776
|
"input",
|
|
12191
10777
|
{
|
|
12192
10778
|
type,
|
|
@@ -12208,14 +10794,14 @@ var Input = React74.forwardRef(
|
|
|
12208
10794
|
Input.displayName = "Input";
|
|
12209
10795
|
|
|
12210
10796
|
// src/components/atoms/forms/checkbox.tsx
|
|
12211
|
-
var
|
|
12212
|
-
var
|
|
12213
|
-
var Checkbox =
|
|
10797
|
+
var React59 = __toESM(require("react"));
|
|
10798
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
10799
|
+
var Checkbox = React59.forwardRef(
|
|
12214
10800
|
({ className, id, label, ...props }, ref) => {
|
|
12215
10801
|
console.log();
|
|
12216
10802
|
const idGenerate = id ? id : label && `field-${Date.now()}-${Math.random() * 1e5}`;
|
|
12217
|
-
return /* @__PURE__ */ (0,
|
|
12218
|
-
/* @__PURE__ */ (0,
|
|
10803
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "cnc-w-full cnc-flex cnc-flex-row", children: [
|
|
10804
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
12219
10805
|
"input",
|
|
12220
10806
|
{
|
|
12221
10807
|
type: "checkbox",
|
|
@@ -12225,7 +10811,7 @@ var Checkbox = React75.forwardRef(
|
|
|
12225
10811
|
...props
|
|
12226
10812
|
}
|
|
12227
10813
|
),
|
|
12228
|
-
label && /* @__PURE__ */ (0,
|
|
10814
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
12229
10815
|
"label",
|
|
12230
10816
|
{
|
|
12231
10817
|
htmlFor: idGenerate,
|
|
@@ -12239,7 +10825,7 @@ var Checkbox = React75.forwardRef(
|
|
|
12239
10825
|
Checkbox.displayName = "Checkbox";
|
|
12240
10826
|
|
|
12241
10827
|
// src/components/atoms/display/badge.tsx
|
|
12242
|
-
var
|
|
10828
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
12243
10829
|
var Badge = ({
|
|
12244
10830
|
variant = "default",
|
|
12245
10831
|
rounded = true,
|
|
@@ -12261,7 +10847,7 @@ var Badge = ({
|
|
|
12261
10847
|
md: "cnc-text-sm cnc-px-3 cnc-py-1",
|
|
12262
10848
|
lg: "cnc-text-base cnc-px-4 cnc-py-2"
|
|
12263
10849
|
};
|
|
12264
|
-
return /* @__PURE__ */ (0,
|
|
10850
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
12265
10851
|
"span",
|
|
12266
10852
|
{
|
|
12267
10853
|
className: cn(
|
|
@@ -12277,12 +10863,12 @@ var Badge = ({
|
|
|
12277
10863
|
};
|
|
12278
10864
|
|
|
12279
10865
|
// src/components/molecules/card.tsx
|
|
12280
|
-
var
|
|
10866
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
12281
10867
|
function Card({
|
|
12282
10868
|
className,
|
|
12283
10869
|
...rest
|
|
12284
10870
|
}) {
|
|
12285
|
-
return /* @__PURE__ */ (0,
|
|
10871
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
12286
10872
|
"div",
|
|
12287
10873
|
{
|
|
12288
10874
|
className: cn(
|
|
@@ -12297,7 +10883,7 @@ function CardHeader({
|
|
|
12297
10883
|
className,
|
|
12298
10884
|
...rest
|
|
12299
10885
|
}) {
|
|
12300
|
-
return /* @__PURE__ */ (0,
|
|
10886
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "cnc-px-6 cnc-pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
12301
10887
|
"div",
|
|
12302
10888
|
{
|
|
12303
10889
|
className: cn(
|
|
@@ -12312,13 +10898,13 @@ function CardContent({
|
|
|
12312
10898
|
className,
|
|
12313
10899
|
...rest
|
|
12314
10900
|
}) {
|
|
12315
|
-
return /* @__PURE__ */ (0,
|
|
10901
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: cn("cnc-px-6 cnc-py-2", className), ...rest });
|
|
12316
10902
|
}
|
|
12317
10903
|
function CardFooter({
|
|
12318
10904
|
className,
|
|
12319
10905
|
...rest
|
|
12320
10906
|
}) {
|
|
12321
|
-
return /* @__PURE__ */ (0,
|
|
10907
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
12322
10908
|
"div",
|
|
12323
10909
|
{
|
|
12324
10910
|
className: cn(
|
|
@@ -12333,7 +10919,7 @@ function CardFooterItem({
|
|
|
12333
10919
|
className,
|
|
12334
10920
|
...rest
|
|
12335
10921
|
}) {
|
|
12336
|
-
return /* @__PURE__ */ (0,
|
|
10922
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
12337
10923
|
"div",
|
|
12338
10924
|
{
|
|
12339
10925
|
className: cn(
|
|
@@ -12347,7 +10933,7 @@ function CardFooterItem({
|
|
|
12347
10933
|
|
|
12348
10934
|
// src/components/molecules/collapsible.tsx
|
|
12349
10935
|
var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
|
|
12350
|
-
var
|
|
10936
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
12351
10937
|
var Collapsible = CollapsiblePrimitive.Root;
|
|
12352
10938
|
var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
|
|
12353
10939
|
var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
|
|
@@ -12355,16 +10941,16 @@ var AnimatedCollapsibleContent = ({
|
|
|
12355
10941
|
className,
|
|
12356
10942
|
...rest
|
|
12357
10943
|
}) => {
|
|
12358
|
-
return /* @__PURE__ */ (0,
|
|
10944
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CollapsibleContent2, { className: "cnc-collapsible-content", ...rest });
|
|
12359
10945
|
};
|
|
12360
10946
|
|
|
12361
10947
|
// src/components/molecules/display/page-header.tsx
|
|
12362
|
-
var
|
|
10948
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
12363
10949
|
function PageHeader({
|
|
12364
10950
|
children,
|
|
12365
10951
|
className
|
|
12366
10952
|
}) {
|
|
12367
|
-
return /* @__PURE__ */ (0,
|
|
10953
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
12368
10954
|
"header",
|
|
12369
10955
|
{
|
|
12370
10956
|
className: cn(
|
|
@@ -12379,7 +10965,7 @@ function PageHeaderTitleContent({
|
|
|
12379
10965
|
children,
|
|
12380
10966
|
className
|
|
12381
10967
|
}) {
|
|
12382
|
-
return /* @__PURE__ */ (0,
|
|
10968
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
12383
10969
|
"div",
|
|
12384
10970
|
{
|
|
12385
10971
|
className: cn(
|
|
@@ -12396,16 +10982,16 @@ function PageHeaderTitle({
|
|
|
12396
10982
|
titleAs = "h1"
|
|
12397
10983
|
}) {
|
|
12398
10984
|
const ComponentTitle = titleAs;
|
|
12399
|
-
return /* @__PURE__ */ (0,
|
|
12400
|
-
/* @__PURE__ */ (0,
|
|
12401
|
-
description && /* @__PURE__ */ (0,
|
|
10985
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { children: [
|
|
10986
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ComponentTitle, { className: "cnc-text-2xl cnc-font-semibold cnc-text-brand-blue-600", children: title }),
|
|
10987
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "cnc-text-sm cnc-text-brand-gray-500", children: description })
|
|
12402
10988
|
] });
|
|
12403
10989
|
}
|
|
12404
10990
|
function PageHeaderActionsContainer({
|
|
12405
10991
|
children,
|
|
12406
10992
|
className
|
|
12407
10993
|
}) {
|
|
12408
|
-
return /* @__PURE__ */ (0,
|
|
10994
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
12409
10995
|
"div",
|
|
12410
10996
|
{
|
|
12411
10997
|
className: cn(
|
|
@@ -12417,14 +11003,14 @@ function PageHeaderActionsContainer({
|
|
|
12417
11003
|
);
|
|
12418
11004
|
}
|
|
12419
11005
|
function Title2({ title, as: Component = "h1" }) {
|
|
12420
|
-
return /* @__PURE__ */ (0,
|
|
11006
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Component, { className: "cnc-text-[24px] cnc-text-[#1F2C4D] cnc-font-bold cnc-mt-2 cnc-mb-4 text-center md:cnc-text-[28px] md:cnc-text-left", children: title });
|
|
12421
11007
|
}
|
|
12422
11008
|
|
|
12423
11009
|
// src/components/molecules/forms/combobox.tsx
|
|
12424
|
-
var
|
|
11010
|
+
var React64 = __toESM(require("react"));
|
|
12425
11011
|
|
|
12426
11012
|
// src/components/molecules/overlay/command.tsx
|
|
12427
|
-
var
|
|
11013
|
+
var React62 = __toESM(require("react"));
|
|
12428
11014
|
|
|
12429
11015
|
// ../../node_modules/cmdk/dist/chunk-NZJY6EH4.mjs
|
|
12430
11016
|
var U = 1;
|
|
@@ -12454,14 +11040,15 @@ function W(_, C, h) {
|
|
|
12454
11040
|
}
|
|
12455
11041
|
|
|
12456
11042
|
// ../../node_modules/cmdk/dist/index.mjs
|
|
11043
|
+
var w = __toESM(require("@radix-ui/react-dialog"), 1);
|
|
12457
11044
|
var t = __toESM(require("react"), 1);
|
|
12458
11045
|
|
|
12459
11046
|
// ../../node_modules/cmdk/node_modules/@radix-ui/react-primitive/dist/index.mjs
|
|
12460
|
-
var
|
|
12461
|
-
var
|
|
12462
|
-
var
|
|
12463
|
-
var
|
|
12464
|
-
var
|
|
11047
|
+
var React60 = __toESM(require("react"), 1);
|
|
11048
|
+
var ReactDOM6 = __toESM(require("react-dom"), 1);
|
|
11049
|
+
var import_react_slot8 = require("@radix-ui/react-slot");
|
|
11050
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
11051
|
+
var NODES3 = [
|
|
12465
11052
|
"a",
|
|
12466
11053
|
"button",
|
|
12467
11054
|
"div",
|
|
@@ -12480,34 +11067,34 @@ var NODES4 = [
|
|
|
12480
11067
|
"svg",
|
|
12481
11068
|
"ul"
|
|
12482
11069
|
];
|
|
12483
|
-
var
|
|
12484
|
-
const
|
|
12485
|
-
const Node2 =
|
|
11070
|
+
var Primitive3 = NODES3.reduce((primitive, node) => {
|
|
11071
|
+
const Slot7 = (0, import_react_slot8.createSlot)(`Primitive.${node}`);
|
|
11072
|
+
const Node2 = React60.forwardRef((props, forwardedRef) => {
|
|
12486
11073
|
const { asChild, ...primitiveProps } = props;
|
|
12487
|
-
const Comp = asChild ?
|
|
11074
|
+
const Comp = asChild ? Slot7 : node;
|
|
12488
11075
|
if (typeof window !== "undefined") {
|
|
12489
11076
|
window[Symbol.for("radix-ui")] = true;
|
|
12490
11077
|
}
|
|
12491
|
-
return /* @__PURE__ */ (0,
|
|
11078
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
|
|
12492
11079
|
});
|
|
12493
11080
|
Node2.displayName = `Primitive.${node}`;
|
|
12494
11081
|
return { ...primitive, [node]: Node2 };
|
|
12495
11082
|
}, {});
|
|
12496
11083
|
|
|
12497
11084
|
// ../../node_modules/cmdk/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
|
|
12498
|
-
var
|
|
12499
|
-
function
|
|
11085
|
+
var React61 = __toESM(require("react"), 1);
|
|
11086
|
+
function setRef3(ref, value) {
|
|
12500
11087
|
if (typeof ref === "function") {
|
|
12501
11088
|
return ref(value);
|
|
12502
11089
|
} else if (ref !== null && ref !== void 0) {
|
|
12503
11090
|
ref.current = value;
|
|
12504
11091
|
}
|
|
12505
11092
|
}
|
|
12506
|
-
function
|
|
11093
|
+
function composeRefs3(...refs) {
|
|
12507
11094
|
return (node) => {
|
|
12508
11095
|
let hasCleanup = false;
|
|
12509
11096
|
const cleanups = refs.map((ref) => {
|
|
12510
|
-
const cleanup =
|
|
11097
|
+
const cleanup = setRef3(ref, node);
|
|
12511
11098
|
if (!hasCleanup && typeof cleanup == "function") {
|
|
12512
11099
|
hasCleanup = true;
|
|
12513
11100
|
}
|
|
@@ -12520,7 +11107,7 @@ function composeRefs4(...refs) {
|
|
|
12520
11107
|
if (typeof cleanup == "function") {
|
|
12521
11108
|
cleanup();
|
|
12522
11109
|
} else {
|
|
12523
|
-
|
|
11110
|
+
setRef3(refs[i], null);
|
|
12524
11111
|
}
|
|
12525
11112
|
}
|
|
12526
11113
|
};
|
|
@@ -12676,7 +11263,7 @@ var me = t.forwardRef((r2, o) => {
|
|
|
12676
11263
|
}, se = (e) => {
|
|
12677
11264
|
e.preventDefault(), e.metaKey ? X3(0) : e.altKey ? re(-1) : Q(-1);
|
|
12678
11265
|
};
|
|
12679
|
-
return t.createElement(
|
|
11266
|
+
return t.createElement(Primitive3.div, { ref: o, tabIndex: -1, ...O, "cmdk-root": "", onKeyDown: (e) => {
|
|
12680
11267
|
var s;
|
|
12681
11268
|
(s = O.onKeyDown) == null || s.call(O, e);
|
|
12682
11269
|
let a = e.nativeEvent.isComposing || e.keyCode === 229;
|
|
@@ -12738,23 +11325,23 @@ var he = t.forwardRef((r2, o) => {
|
|
|
12738
11325
|
}
|
|
12739
11326
|
if (!x) return null;
|
|
12740
11327
|
let { disabled: A, value: ge, onSelect: j, forceMount: O, keywords: $2, ...q } = r2;
|
|
12741
|
-
return t.createElement(
|
|
11328
|
+
return t.createElement(Primitive3.div, { ref: composeRefs3(u2, o), ...q, id: n, "cmdk-item": "", role: "option", "aria-disabled": !!A, "aria-selected": !!R, "data-disabled": !!A, "data-selected": !!R, onPointerMove: A || d.getDisablePointerSelection() ? void 0 : S, onClick: A ? void 0 : C }, r2.children);
|
|
12742
11329
|
});
|
|
12743
11330
|
var Ee = t.forwardRef((r2, o) => {
|
|
12744
11331
|
let { heading: n, children: u2, forceMount: c, ...d } = r2, f = useId(), p2 = t.useRef(null), b = t.useRef(null), m2 = useId(), R = K2(), x = P((S) => c || R.filter() === false ? true : S.search ? S.filtered.groups.has(f) : true);
|
|
12745
11332
|
k2(() => R.group(f), []), ve(f, p2, [r2.value, r2.heading, b]);
|
|
12746
11333
|
let C = t.useMemo(() => ({ id: f, forceMount: c }), [c]);
|
|
12747
|
-
return t.createElement(
|
|
11334
|
+
return t.createElement(Primitive3.div, { ref: composeRefs3(p2, o), ...d, "cmdk-group": "", role: "presentation", hidden: x ? void 0 : true }, n && t.createElement("div", { ref: b, "cmdk-group-heading": "", "aria-hidden": true, id: m2 }, n), B2(r2, (S) => t.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": n ? m2 : void 0 }, t.createElement(fe.Provider, { value: C }, S))));
|
|
12748
11335
|
});
|
|
12749
11336
|
var ye = t.forwardRef((r2, o) => {
|
|
12750
11337
|
let { alwaysRender: n, ...u2 } = r2, c = t.useRef(null), d = P((f) => !f.search);
|
|
12751
|
-
return !n && !d ? null : t.createElement(
|
|
11338
|
+
return !n && !d ? null : t.createElement(Primitive3.div, { ref: composeRefs3(c, o), ...u2, "cmdk-separator": "", role: "separator" });
|
|
12752
11339
|
});
|
|
12753
11340
|
var Se = t.forwardRef((r2, o) => {
|
|
12754
11341
|
let { onValueChange: n, ...u2 } = r2, c = r2.value != null, d = ee(), f = P((m2) => m2.search), p2 = P((m2) => m2.selectedItemId), b = K2();
|
|
12755
11342
|
return t.useEffect(() => {
|
|
12756
11343
|
r2.value != null && d.setState("search", r2.value);
|
|
12757
|
-
}, [r2.value]), t.createElement(
|
|
11344
|
+
}, [r2.value]), t.createElement(Primitive3.input, { ref: o, ...u2, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: false, "aria-autocomplete": "list", role: "combobox", "aria-expanded": true, "aria-controls": b.listId, "aria-labelledby": b.labelId, "aria-activedescendant": p2, id: b.inputId, type: "text", value: c ? r2.value : f, onChange: (m2) => {
|
|
12758
11345
|
c || d.setState("search", m2.target.value), n == null || n(m2.target.value);
|
|
12759
11346
|
} });
|
|
12760
11347
|
});
|
|
@@ -12772,16 +11359,16 @@ var Ce = t.forwardRef((r2, o) => {
|
|
|
12772
11359
|
cancelAnimationFrame(x), C.unobserve(m2);
|
|
12773
11360
|
};
|
|
12774
11361
|
}
|
|
12775
|
-
}, []), t.createElement(
|
|
11362
|
+
}, []), t.createElement(Primitive3.div, { ref: composeRefs3(d, o), ...c, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": p2, "aria-label": u2, id: b.listId }, B2(r2, (m2) => t.createElement("div", { ref: composeRefs3(f, b.listInnerRef), "cmdk-list-sizer": "" }, m2)));
|
|
12776
11363
|
});
|
|
12777
11364
|
var xe = t.forwardRef((r2, o) => {
|
|
12778
11365
|
let { open: n, onOpenChange: u2, overlayClassName: c, contentClassName: d, container: f, ...p2 } = r2;
|
|
12779
|
-
return t.createElement(
|
|
11366
|
+
return t.createElement(w.Root, { open: n, onOpenChange: u2 }, t.createElement(w.Portal, { container: f }, t.createElement(w.Overlay, { "cmdk-overlay": "", className: c }), t.createElement(w.Content, { "aria-label": r2.label, "cmdk-dialog": "", className: d }, t.createElement(me, { ref: o, ...p2 }))));
|
|
12780
11367
|
});
|
|
12781
|
-
var Ie = t.forwardRef((r2, o) => P((u2) => u2.filtered.count === 0) ? t.createElement(
|
|
11368
|
+
var Ie = t.forwardRef((r2, o) => P((u2) => u2.filtered.count === 0) ? t.createElement(Primitive3.div, { ref: o, ...r2, "cmdk-empty": "", role: "presentation" }) : null);
|
|
12782
11369
|
var Pe = t.forwardRef((r2, o) => {
|
|
12783
11370
|
let { progress: n, children: u2, label: c = "Loading...", ...d } = r2;
|
|
12784
|
-
return t.createElement(
|
|
11371
|
+
return t.createElement(Primitive3.div, { ref: o, ...d, "cmdk-loading": "", role: "progressbar", "aria-valuenow": n, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": c }, B2(r2, (f) => t.createElement("div", { "aria-hidden": true }, f)));
|
|
12785
11372
|
});
|
|
12786
11373
|
var _e = Object.assign(me, { List: Ce, Item: he, Input: Se, Group: Ee, Separator: ye, Dialog: xe, Empty: Ie, Loading: Pe });
|
|
12787
11374
|
function we(r2, o) {
|
|
@@ -12845,8 +11432,8 @@ function B2({ asChild: r2, children: o }, n) {
|
|
|
12845
11432
|
var Te = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
|
|
12846
11433
|
|
|
12847
11434
|
// src/components/molecules/overlay/command.tsx
|
|
12848
|
-
var
|
|
12849
|
-
var Command =
|
|
11435
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
11436
|
+
var Command = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
12850
11437
|
_e,
|
|
12851
11438
|
{
|
|
12852
11439
|
ref,
|
|
@@ -12859,16 +11446,16 @@ var Command = React78.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
|
12859
11446
|
));
|
|
12860
11447
|
Command.displayName = _e.displayName;
|
|
12861
11448
|
var CommandDialog = ({ children, ...props }) => {
|
|
12862
|
-
return /* @__PURE__ */ (0,
|
|
11449
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Dialog, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DialogContent, { className: "cnc-overflow-hidden cnc-p-0", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Command, { className: "cnc-[&_cmdk-group-heading]:cnc-px-2 cnc-[&_cmdk-group-heading]:cnc-font-medium cnc-[&_cmdk-group-heading]:cnc-text-muted-foreground cnc-[&_cmdk-group]:not([hidden])~[cmdk-group]:cnc-pt-0 cnc-[&_cmdk-group]:cnc-px-2 cnc-[&_cmdk-input-wrapper]_svg:cnc-h-5 cnc-[&_cmdk-input-wrapper]_svg:cnc-w-5 cnc-[&_cmdk-input]:cnc-h-12 cnc-[&_cmdk-item]:cnc-px-2 cnc-[&_cmdk-item]:cnc-py-3 cnc-[&_cmdk-item]_svg:cnc-h-5 cnc-[&_cmdk-item]_svg:cnc-w-5", children }) }) });
|
|
12863
11450
|
};
|
|
12864
|
-
var CommandInput =
|
|
11451
|
+
var CommandInput = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
12865
11452
|
"div",
|
|
12866
11453
|
{
|
|
12867
11454
|
className: "cnc-flex cnc-items-center cnc-border-b cnc-px-3",
|
|
12868
11455
|
"cmdk-input-wrapper": "",
|
|
12869
11456
|
children: [
|
|
12870
|
-
/* @__PURE__ */ (0,
|
|
12871
|
-
/* @__PURE__ */ (0,
|
|
11457
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Search, { className: "cnc-mr-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" }),
|
|
11458
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
12872
11459
|
_e.Input,
|
|
12873
11460
|
{
|
|
12874
11461
|
ref,
|
|
@@ -12883,7 +11470,7 @@ var CommandInput = React78.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
12883
11470
|
}
|
|
12884
11471
|
));
|
|
12885
11472
|
CommandInput.displayName = _e.Input.displayName;
|
|
12886
|
-
var CommandList =
|
|
11473
|
+
var CommandList = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
12887
11474
|
_e.List,
|
|
12888
11475
|
{
|
|
12889
11476
|
ref,
|
|
@@ -12895,7 +11482,7 @@ var CommandList = React78.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
12895
11482
|
}
|
|
12896
11483
|
));
|
|
12897
11484
|
CommandList.displayName = _e.List.displayName;
|
|
12898
|
-
var CommandEmpty =
|
|
11485
|
+
var CommandEmpty = React62.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
12899
11486
|
_e.Empty,
|
|
12900
11487
|
{
|
|
12901
11488
|
ref,
|
|
@@ -12904,7 +11491,7 @@ var CommandEmpty = React78.forwardRef((props, ref) => /* @__PURE__ */ (0, import
|
|
|
12904
11491
|
}
|
|
12905
11492
|
));
|
|
12906
11493
|
CommandEmpty.displayName = _e.Empty.displayName;
|
|
12907
|
-
var CommandGroup =
|
|
11494
|
+
var CommandGroup = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
12908
11495
|
_e.Group,
|
|
12909
11496
|
{
|
|
12910
11497
|
ref,
|
|
@@ -12916,7 +11503,7 @@ var CommandGroup = React78.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
12916
11503
|
}
|
|
12917
11504
|
));
|
|
12918
11505
|
CommandGroup.displayName = _e.Group.displayName;
|
|
12919
|
-
var CommandSeparator =
|
|
11506
|
+
var CommandSeparator = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
12920
11507
|
_e.Separator,
|
|
12921
11508
|
{
|
|
12922
11509
|
ref,
|
|
@@ -12925,7 +11512,7 @@ var CommandSeparator = React78.forwardRef(({ className, ...props }, ref) => /* @
|
|
|
12925
11512
|
}
|
|
12926
11513
|
));
|
|
12927
11514
|
CommandSeparator.displayName = _e.Separator.displayName;
|
|
12928
|
-
var CommandItem =
|
|
11515
|
+
var CommandItem = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
12929
11516
|
_e.Item,
|
|
12930
11517
|
{
|
|
12931
11518
|
ref,
|
|
@@ -12941,7 +11528,7 @@ var CommandShortcut = ({
|
|
|
12941
11528
|
className,
|
|
12942
11529
|
...props
|
|
12943
11530
|
}) => {
|
|
12944
|
-
return /* @__PURE__ */ (0,
|
|
11531
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
12945
11532
|
"span",
|
|
12946
11533
|
{
|
|
12947
11534
|
className: cn(
|
|
@@ -12955,11 +11542,11 @@ var CommandShortcut = ({
|
|
|
12955
11542
|
CommandShortcut.displayName = "CommandShortcut";
|
|
12956
11543
|
|
|
12957
11544
|
// src/components/molecules/overlay/popover.tsx
|
|
12958
|
-
var
|
|
12959
|
-
var
|
|
11545
|
+
var React63 = __toESM(require("react"));
|
|
11546
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
12960
11547
|
var Popover3 = Root24;
|
|
12961
11548
|
var PopoverTrigger3 = Trigger4;
|
|
12962
|
-
var PopoverContent3 =
|
|
11549
|
+
var PopoverContent3 = React63.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Portal5, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
12963
11550
|
Content23,
|
|
12964
11551
|
{
|
|
12965
11552
|
ref,
|
|
@@ -12975,7 +11562,7 @@ var PopoverContent3 = React79.forwardRef(({ className, align = "center", sideOff
|
|
|
12975
11562
|
PopoverContent3.displayName = Content23.displayName;
|
|
12976
11563
|
|
|
12977
11564
|
// src/components/molecules/forms/combobox.tsx
|
|
12978
|
-
var
|
|
11565
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
12979
11566
|
function Combobox({
|
|
12980
11567
|
options,
|
|
12981
11568
|
placeholder = "",
|
|
@@ -12983,9 +11570,9 @@ function Combobox({
|
|
|
12983
11570
|
onChange,
|
|
12984
11571
|
value = ""
|
|
12985
11572
|
}) {
|
|
12986
|
-
const [open, setOpen] =
|
|
12987
|
-
return /* @__PURE__ */ (0,
|
|
12988
|
-
/* @__PURE__ */ (0,
|
|
11573
|
+
const [open, setOpen] = React64.useState(false);
|
|
11574
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Popover3, { open, onOpenChange: setOpen, children: [
|
|
11575
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PopoverTrigger3, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
12989
11576
|
Button,
|
|
12990
11577
|
{
|
|
12991
11578
|
variant: "outline",
|
|
@@ -12993,21 +11580,21 @@ function Combobox({
|
|
|
12993
11580
|
"aria-expanded": open,
|
|
12994
11581
|
className: "cnc-w-full cnc-justify-between cnc-truncate ",
|
|
12995
11582
|
children: [
|
|
12996
|
-
/* @__PURE__ */ (0,
|
|
12997
|
-
/* @__PURE__ */ (0,
|
|
11583
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { children: value ? options?.find((framework) => framework.value === value)?.label : placeholder }),
|
|
11584
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ChevronsUpDown, { className: "cnc-ml-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" })
|
|
12998
11585
|
]
|
|
12999
11586
|
}
|
|
13000
11587
|
) }),
|
|
13001
|
-
/* @__PURE__ */ (0,
|
|
11588
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
13002
11589
|
PopoverContent3,
|
|
13003
11590
|
{
|
|
13004
11591
|
align: "start",
|
|
13005
11592
|
className: "cnc-w-[--radix-popover-trigger-width] cnc-p-0",
|
|
13006
|
-
children: /* @__PURE__ */ (0,
|
|
13007
|
-
/* @__PURE__ */ (0,
|
|
13008
|
-
/* @__PURE__ */ (0,
|
|
13009
|
-
/* @__PURE__ */ (0,
|
|
13010
|
-
/* @__PURE__ */ (0,
|
|
11593
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Command, { children: [
|
|
11594
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CommandInput, { placeholder: command?.placeholder }),
|
|
11595
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(CommandList, { children: [
|
|
11596
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CommandEmpty, { children: command?.emptyMessage ?? "Nenhum item encontrado" }),
|
|
11597
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CommandGroup, { children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
13011
11598
|
CommandItem,
|
|
13012
11599
|
{
|
|
13013
11600
|
value: option.value,
|
|
@@ -13018,7 +11605,7 @@ function Combobox({
|
|
|
13018
11605
|
},
|
|
13019
11606
|
keywords: [option.value, option.label],
|
|
13020
11607
|
children: [
|
|
13021
|
-
/* @__PURE__ */ (0,
|
|
11608
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
13022
11609
|
Check,
|
|
13023
11610
|
{
|
|
13024
11611
|
className: cn(
|
|
@@ -13119,6 +11706,10 @@ function Combobox({
|
|
|
13119
11706
|
SidebarImageBrand,
|
|
13120
11707
|
SidebarNavCollapse,
|
|
13121
11708
|
SidebarNavLink,
|
|
11709
|
+
Tabs,
|
|
11710
|
+
TabsContent,
|
|
11711
|
+
TabsList,
|
|
11712
|
+
TabsTrigger,
|
|
13122
11713
|
Title,
|
|
13123
11714
|
buttonVariants
|
|
13124
11715
|
});
|