@embedreach/components 0.1.39 → 0.1.41
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/chunks/index.js +177 -227
- package/dist/index.umd.js +228 -278
- package/dist/styles.css +55 -55
- package/package.json +1 -1
package/dist/chunks/index.js
CHANGED
|
@@ -4302,33 +4302,33 @@ function createElement(tagName, isSVG = false) {
|
|
|
4302
4302
|
}
|
|
4303
4303
|
function Portal$7(props) {
|
|
4304
4304
|
const { useShadow } = props, marker = document.createTextNode(""), mount = () => props.mount || document.body, owner = getOwner();
|
|
4305
|
-
let
|
|
4305
|
+
let content;
|
|
4306
4306
|
let hydrating = !!sharedConfig.context;
|
|
4307
4307
|
createEffect(
|
|
4308
4308
|
() => {
|
|
4309
4309
|
if (hydrating)
|
|
4310
4310
|
getOwner().user = hydrating = false;
|
|
4311
|
-
|
|
4311
|
+
content || (content = runWithOwner(owner, () => createMemo(() => props.children)));
|
|
4312
4312
|
const el = mount();
|
|
4313
4313
|
if (el instanceof HTMLHeadElement) {
|
|
4314
4314
|
const [clean, setClean] = createSignal(false);
|
|
4315
4315
|
const cleanup = () => setClean(true);
|
|
4316
|
-
createRoot((dispose2) => insert(el, () => !clean() ?
|
|
4316
|
+
createRoot((dispose2) => insert(el, () => !clean() ? content() : dispose2(), null));
|
|
4317
4317
|
onCleanup(cleanup);
|
|
4318
4318
|
} else {
|
|
4319
|
-
const
|
|
4319
|
+
const container = createElement(props.isSVG ? "g" : "div", props.isSVG), renderRoot = useShadow && container.attachShadow ? container.attachShadow({
|
|
4320
4320
|
mode: "open"
|
|
4321
|
-
}) :
|
|
4322
|
-
Object.defineProperty(
|
|
4321
|
+
}) : container;
|
|
4322
|
+
Object.defineProperty(container, "_$host", {
|
|
4323
4323
|
get() {
|
|
4324
4324
|
return marker.parentNode;
|
|
4325
4325
|
},
|
|
4326
4326
|
configurable: true
|
|
4327
4327
|
});
|
|
4328
|
-
insert(renderRoot,
|
|
4329
|
-
el.appendChild(
|
|
4330
|
-
props.ref && props.ref(
|
|
4331
|
-
onCleanup(() => el.removeChild(
|
|
4328
|
+
insert(renderRoot, content);
|
|
4329
|
+
el.appendChild(container);
|
|
4330
|
+
props.ref && props.ref(container);
|
|
4331
|
+
onCleanup(() => el.removeChild(container));
|
|
4332
4332
|
}
|
|
4333
4333
|
},
|
|
4334
4334
|
void 0,
|
|
@@ -11136,7 +11136,7 @@ class Browser {
|
|
|
11136
11136
|
}
|
|
11137
11137
|
Browser.type = "languageDetector";
|
|
11138
11138
|
const ad_spend$1 = "Ad Spend";
|
|
11139
|
-
const date$
|
|
11139
|
+
const date$1 = "Date";
|
|
11140
11140
|
const close$1 = "Close";
|
|
11141
11141
|
const connected$1 = "Connected";
|
|
11142
11142
|
const connecting$1 = "Connecting...";
|
|
@@ -11523,7 +11523,7 @@ const empty_state$1 = {
|
|
|
11523
11523
|
};
|
|
11524
11524
|
const enCommon = {
|
|
11525
11525
|
ad_spend: ad_spend$1,
|
|
11526
|
-
date: date$
|
|
11526
|
+
date: date$1,
|
|
11527
11527
|
close: close$1,
|
|
11528
11528
|
"continue": "Continue",
|
|
11529
11529
|
connected: connected$1,
|
|
@@ -11562,7 +11562,7 @@ const enCommon = {
|
|
|
11562
11562
|
empty_state: empty_state$1
|
|
11563
11563
|
};
|
|
11564
11564
|
const ad_spend = "Gasto en anuncios";
|
|
11565
|
-
const date
|
|
11565
|
+
const date = "Fecha";
|
|
11566
11566
|
const close = "Cerrar";
|
|
11567
11567
|
const connected = "Conectado";
|
|
11568
11568
|
const connecting = "Conectando...";
|
|
@@ -11949,7 +11949,7 @@ const empty_state = {
|
|
|
11949
11949
|
};
|
|
11950
11950
|
const esCommon = {
|
|
11951
11951
|
ad_spend,
|
|
11952
|
-
date
|
|
11952
|
+
date,
|
|
11953
11953
|
close,
|
|
11954
11954
|
"continue": "Continuar",
|
|
11955
11955
|
connected,
|
|
@@ -12671,8 +12671,8 @@ var Portal$6 = React.forwardRef((props, forwardedRef) => {
|
|
|
12671
12671
|
const { container: containerProp, ...portalProps } = props;
|
|
12672
12672
|
const [mounted, setMounted] = React.useState(false);
|
|
12673
12673
|
useLayoutEffect2(() => setMounted(true), []);
|
|
12674
|
-
const
|
|
12675
|
-
return
|
|
12674
|
+
const container = containerProp || mounted && globalThis?.document?.body;
|
|
12675
|
+
return container ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$3.div, { ...portalProps, ref: forwardedRef }), container) : null;
|
|
12676
12676
|
});
|
|
12677
12677
|
Portal$6.displayName = PORTAL_NAME$7;
|
|
12678
12678
|
function useStateMachine(initialState, machine) {
|
|
@@ -13395,9 +13395,9 @@ var ToastAnnounceExclude = React.forwardRef((props, forwardedRef) => {
|
|
|
13395
13395
|
}
|
|
13396
13396
|
);
|
|
13397
13397
|
});
|
|
13398
|
-
function getAnnounceTextContent(
|
|
13398
|
+
function getAnnounceTextContent(container) {
|
|
13399
13399
|
const textContent = [];
|
|
13400
|
-
const childNodes = Array.from(
|
|
13400
|
+
const childNodes = Array.from(container.childNodes);
|
|
13401
13401
|
childNodes.forEach((node) => {
|
|
13402
13402
|
if (node.nodeType === node.TEXT_NODE && node.textContent) textContent.push(node.textContent);
|
|
13403
13403
|
if (isHTMLElement$1(node)) {
|
|
@@ -13451,9 +13451,9 @@ function useNextFrame(callback = () => {
|
|
|
13451
13451
|
function isHTMLElement$1(node) {
|
|
13452
13452
|
return node.nodeType === node.ELEMENT_NODE;
|
|
13453
13453
|
}
|
|
13454
|
-
function getTabbableCandidates$2(
|
|
13454
|
+
function getTabbableCandidates$2(container) {
|
|
13455
13455
|
const nodes = [];
|
|
13456
|
-
const walker2 = document.createTreeWalker(
|
|
13456
|
+
const walker2 = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
|
|
13457
13457
|
acceptNode: (node) => {
|
|
13458
13458
|
const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
|
|
13459
13459
|
if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
|
|
@@ -13493,9 +13493,9 @@ function clsx() {
|
|
|
13493
13493
|
}
|
|
13494
13494
|
const falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
|
|
13495
13495
|
const cx = clsx;
|
|
13496
|
-
const cva = (
|
|
13496
|
+
const cva = (base, config) => (props) => {
|
|
13497
13497
|
var _config_compoundVariants;
|
|
13498
|
-
if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(
|
|
13498
|
+
if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
|
|
13499
13499
|
const { variants, defaultVariants } = config;
|
|
13500
13500
|
const getVariantClassNames = Object.keys(variants).map((variant) => {
|
|
13501
13501
|
const variantProp = props === null || props === void 0 ? void 0 : props[variant];
|
|
@@ -13529,7 +13529,7 @@ const cva = (base2, config) => (props) => {
|
|
|
13529
13529
|
cvClassName
|
|
13530
13530
|
] : acc;
|
|
13531
13531
|
}, []);
|
|
13532
|
-
return cx(
|
|
13532
|
+
return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
|
|
13533
13533
|
};
|
|
13534
13534
|
/**
|
|
13535
13535
|
* @license lucide-react v0.464.0 - ISC
|
|
@@ -16542,11 +16542,11 @@ ToastDescription.displayName = Description$1.displayName;
|
|
|
16542
16542
|
function Toaster() {
|
|
16543
16543
|
const { toasts } = useToast();
|
|
16544
16544
|
return /* @__PURE__ */ jsxs(ToastProvider, { children: [
|
|
16545
|
-
toasts.map(function({ id: id2, title
|
|
16545
|
+
toasts.map(function({ id: id2, title, description, action, ...props }) {
|
|
16546
16546
|
return /* @__PURE__ */ jsxs(Toast, { ...props, children: [
|
|
16547
16547
|
/* @__PURE__ */ jsxs("div", { className: "grid gap-1", children: [
|
|
16548
|
-
|
|
16549
|
-
|
|
16548
|
+
title && /* @__PURE__ */ jsx(ToastTitle, { children: title }),
|
|
16549
|
+
description && /* @__PURE__ */ jsx(ToastDescription, { children: description })
|
|
16550
16550
|
] }),
|
|
16551
16551
|
action,
|
|
16552
16552
|
/* @__PURE__ */ jsx(ToastClose, {})
|
|
@@ -24221,21 +24221,7 @@ function getElementRef$2(element) {
|
|
|
24221
24221
|
}
|
|
24222
24222
|
return element.props.ref || element.ref;
|
|
24223
24223
|
}
|
|
24224
|
-
const
|
|
24225
|
-
const destructive$2 = "reach-styles-module__destructive___XjBvS";
|
|
24226
|
-
const outline$2 = "reach-styles-module__outline___gFp3i";
|
|
24227
|
-
const secondary$2 = "reach-styles-module__secondary___Pd-e3";
|
|
24228
|
-
const ghost = "reach-styles-module__ghost___GcnJq";
|
|
24229
|
-
const link = "reach-styles-module__link___EgS2H";
|
|
24230
|
-
const styles$6 = {
|
|
24231
|
-
base: base$2,
|
|
24232
|
-
"default": "reach-styles-module__default___ny1h7",
|
|
24233
|
-
destructive: destructive$2,
|
|
24234
|
-
outline: outline$2,
|
|
24235
|
-
secondary: secondary$2,
|
|
24236
|
-
ghost,
|
|
24237
|
-
link
|
|
24238
|
-
};
|
|
24224
|
+
const styles$6 = {};
|
|
24239
24225
|
const buttonVariants = cva([styles$6.base], {
|
|
24240
24226
|
variants: {
|
|
24241
24227
|
variant: {
|
|
@@ -24323,7 +24309,7 @@ const ActionButtons$1 = ({
|
|
|
24323
24309
|
)
|
|
24324
24310
|
] }) });
|
|
24325
24311
|
};
|
|
24326
|
-
const BigSelector = ({ onClick, title
|
|
24312
|
+
const BigSelector = ({ onClick, title, subtitle, icon, selected, disabled = false }) => {
|
|
24327
24313
|
return /* @__PURE__ */ jsxs(
|
|
24328
24314
|
"button",
|
|
24329
24315
|
{
|
|
@@ -24332,7 +24318,7 @@ const BigSelector = ({ onClick, title: title2, subtitle, icon, selected, disable
|
|
|
24332
24318
|
children: [
|
|
24333
24319
|
icon,
|
|
24334
24320
|
/* @__PURE__ */ jsxs("div", { className: "text-center", children: [
|
|
24335
|
-
/* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-gray-900", children:
|
|
24321
|
+
/* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-gray-900", children: title }),
|
|
24336
24322
|
/* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500", children: subtitle })
|
|
24337
24323
|
] })
|
|
24338
24324
|
]
|
|
@@ -26001,8 +25987,8 @@ async function getKeyedPrefetchLinks(matches, manifest, routeModules) {
|
|
|
26001
25987
|
})
|
|
26002
25988
|
);
|
|
26003
25989
|
return dedupeLinkDescriptors(
|
|
26004
|
-
links.flat(1).filter(isHtmlLinkDescriptor).filter((
|
|
26005
|
-
(
|
|
25990
|
+
links.flat(1).filter(isHtmlLinkDescriptor).filter((link) => link.rel === "stylesheet" || link.rel === "preload").map(
|
|
25991
|
+
(link) => link.rel === "stylesheet" ? { ...link, rel: "prefetch", as: "style" } : { ...link, rel: "prefetch" }
|
|
26006
25992
|
)
|
|
26007
25993
|
);
|
|
26008
25994
|
}
|
|
@@ -26301,10 +26287,10 @@ function PrefetchPageLinksImpl({
|
|
|
26301
26287
|
[newMatchesForAssets, manifest]
|
|
26302
26288
|
);
|
|
26303
26289
|
let keyedPrefetchLinks = useKeyedPrefetchLinks(newMatchesForAssets);
|
|
26304
|
-
return /* @__PURE__ */ React.createElement(React.Fragment, null, dataHrefs.map((href) => /* @__PURE__ */ React.createElement("link", { key: href, rel: "prefetch", as: "fetch", href, ...linkProps })), moduleHrefs.map((href) => /* @__PURE__ */ React.createElement("link", { key: href, rel: "modulepreload", href, ...linkProps })), keyedPrefetchLinks.map(({ key, link
|
|
26290
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, dataHrefs.map((href) => /* @__PURE__ */ React.createElement("link", { key: href, rel: "prefetch", as: "fetch", href, ...linkProps })), moduleHrefs.map((href) => /* @__PURE__ */ React.createElement("link", { key: href, rel: "modulepreload", href, ...linkProps })), keyedPrefetchLinks.map(({ key, link }) => (
|
|
26305
26291
|
// these don't spread `linkProps` because they are full link descriptors
|
|
26306
26292
|
// already with their own props
|
|
26307
|
-
/* @__PURE__ */ React.createElement("link", { key, ...
|
|
26293
|
+
/* @__PURE__ */ React.createElement("link", { key, ...link })
|
|
26308
26294
|
)));
|
|
26309
26295
|
}
|
|
26310
26296
|
function mergeRefs(...refs) {
|
|
@@ -26384,7 +26370,7 @@ var Link = React.forwardRef(
|
|
|
26384
26370
|
internalOnClick(event);
|
|
26385
26371
|
}
|
|
26386
26372
|
}
|
|
26387
|
-
let
|
|
26373
|
+
let link = (
|
|
26388
26374
|
// eslint-disable-next-line jsx-a11y/anchor-has-content
|
|
26389
26375
|
/* @__PURE__ */ React.createElement(
|
|
26390
26376
|
"a",
|
|
@@ -26399,7 +26385,7 @@ var Link = React.forwardRef(
|
|
|
26399
26385
|
}
|
|
26400
26386
|
)
|
|
26401
26387
|
);
|
|
26402
|
-
return shouldPrefetch && !isAbsolute ? /* @__PURE__ */ React.createElement(React.Fragment, null,
|
|
26388
|
+
return shouldPrefetch && !isAbsolute ? /* @__PURE__ */ React.createElement(React.Fragment, null, link, /* @__PURE__ */ React.createElement(PrefetchPageLinks, { page: href })) : link;
|
|
26403
26389
|
}
|
|
26404
26390
|
);
|
|
26405
26391
|
Link.displayName = "Link";
|
|
@@ -27114,7 +27100,7 @@ var FocusScope$1 = React.forwardRef((props, forwardedRef) => {
|
|
|
27114
27100
|
onUnmountAutoFocus: onUnmountAutoFocusProp,
|
|
27115
27101
|
...scopeProps
|
|
27116
27102
|
} = props;
|
|
27117
|
-
const [
|
|
27103
|
+
const [container, setContainer] = React.useState(null);
|
|
27118
27104
|
const onMountAutoFocus = useCallbackRef$1(onMountAutoFocusProp);
|
|
27119
27105
|
const onUnmountAutoFocus = useCallbackRef$1(onUnmountAutoFocusProp);
|
|
27120
27106
|
const lastFocusedElementRef = React.useRef(null);
|
|
@@ -27131,69 +27117,69 @@ var FocusScope$1 = React.forwardRef((props, forwardedRef) => {
|
|
|
27131
27117
|
React.useEffect(() => {
|
|
27132
27118
|
if (trapped) {
|
|
27133
27119
|
let handleFocusIn2 = function(event) {
|
|
27134
|
-
if (focusScope.paused || !
|
|
27120
|
+
if (focusScope.paused || !container) return;
|
|
27135
27121
|
const target = event.target;
|
|
27136
|
-
if (
|
|
27122
|
+
if (container.contains(target)) {
|
|
27137
27123
|
lastFocusedElementRef.current = target;
|
|
27138
27124
|
} else {
|
|
27139
27125
|
focus$1(lastFocusedElementRef.current, { select: true });
|
|
27140
27126
|
}
|
|
27141
27127
|
}, handleFocusOut2 = function(event) {
|
|
27142
|
-
if (focusScope.paused || !
|
|
27128
|
+
if (focusScope.paused || !container) return;
|
|
27143
27129
|
const relatedTarget = event.relatedTarget;
|
|
27144
27130
|
if (relatedTarget === null) return;
|
|
27145
|
-
if (!
|
|
27131
|
+
if (!container.contains(relatedTarget)) {
|
|
27146
27132
|
focus$1(lastFocusedElementRef.current, { select: true });
|
|
27147
27133
|
}
|
|
27148
27134
|
}, handleMutations2 = function(mutations) {
|
|
27149
27135
|
const focusedElement = document.activeElement;
|
|
27150
27136
|
if (focusedElement !== document.body) return;
|
|
27151
27137
|
for (const mutation of mutations) {
|
|
27152
|
-
if (mutation.removedNodes.length > 0) focus$1(
|
|
27138
|
+
if (mutation.removedNodes.length > 0) focus$1(container);
|
|
27153
27139
|
}
|
|
27154
27140
|
};
|
|
27155
27141
|
document.addEventListener("focusin", handleFocusIn2);
|
|
27156
27142
|
document.addEventListener("focusout", handleFocusOut2);
|
|
27157
27143
|
const mutationObserver = new MutationObserver(handleMutations2);
|
|
27158
|
-
if (
|
|
27144
|
+
if (container) mutationObserver.observe(container, { childList: true, subtree: true });
|
|
27159
27145
|
return () => {
|
|
27160
27146
|
document.removeEventListener("focusin", handleFocusIn2);
|
|
27161
27147
|
document.removeEventListener("focusout", handleFocusOut2);
|
|
27162
27148
|
mutationObserver.disconnect();
|
|
27163
27149
|
};
|
|
27164
27150
|
}
|
|
27165
|
-
}, [trapped,
|
|
27151
|
+
}, [trapped, container, focusScope.paused]);
|
|
27166
27152
|
React.useEffect(() => {
|
|
27167
|
-
if (
|
|
27153
|
+
if (container) {
|
|
27168
27154
|
focusScopesStack$1.add(focusScope);
|
|
27169
27155
|
const previouslyFocusedElement = document.activeElement;
|
|
27170
|
-
const hasFocusedCandidate =
|
|
27156
|
+
const hasFocusedCandidate = container.contains(previouslyFocusedElement);
|
|
27171
27157
|
if (!hasFocusedCandidate) {
|
|
27172
27158
|
const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT$1, EVENT_OPTIONS$2);
|
|
27173
|
-
|
|
27174
|
-
|
|
27159
|
+
container.addEventListener(AUTOFOCUS_ON_MOUNT$1, onMountAutoFocus);
|
|
27160
|
+
container.dispatchEvent(mountEvent);
|
|
27175
27161
|
if (!mountEvent.defaultPrevented) {
|
|
27176
|
-
focusFirst$3(removeLinks$1(getTabbableCandidates$1(
|
|
27162
|
+
focusFirst$3(removeLinks$1(getTabbableCandidates$1(container)), { select: true });
|
|
27177
27163
|
if (document.activeElement === previouslyFocusedElement) {
|
|
27178
|
-
focus$1(
|
|
27164
|
+
focus$1(container);
|
|
27179
27165
|
}
|
|
27180
27166
|
}
|
|
27181
27167
|
}
|
|
27182
27168
|
return () => {
|
|
27183
|
-
|
|
27169
|
+
container.removeEventListener(AUTOFOCUS_ON_MOUNT$1, onMountAutoFocus);
|
|
27184
27170
|
setTimeout(() => {
|
|
27185
27171
|
const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT$1, EVENT_OPTIONS$2);
|
|
27186
|
-
|
|
27187
|
-
|
|
27172
|
+
container.addEventListener(AUTOFOCUS_ON_UNMOUNT$1, onUnmountAutoFocus);
|
|
27173
|
+
container.dispatchEvent(unmountEvent);
|
|
27188
27174
|
if (!unmountEvent.defaultPrevented) {
|
|
27189
27175
|
focus$1(previouslyFocusedElement ?? document.body, { select: true });
|
|
27190
27176
|
}
|
|
27191
|
-
|
|
27177
|
+
container.removeEventListener(AUTOFOCUS_ON_UNMOUNT$1, onUnmountAutoFocus);
|
|
27192
27178
|
focusScopesStack$1.remove(focusScope);
|
|
27193
27179
|
}, 0);
|
|
27194
27180
|
};
|
|
27195
27181
|
}
|
|
27196
|
-
}, [
|
|
27182
|
+
}, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
|
|
27197
27183
|
const handleKeyDown = React.useCallback(
|
|
27198
27184
|
(event) => {
|
|
27199
27185
|
if (!loop && !trapped) return;
|
|
@@ -27201,11 +27187,11 @@ var FocusScope$1 = React.forwardRef((props, forwardedRef) => {
|
|
|
27201
27187
|
const isTabKey = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
|
|
27202
27188
|
const focusedElement = document.activeElement;
|
|
27203
27189
|
if (isTabKey && focusedElement) {
|
|
27204
|
-
const
|
|
27205
|
-
const [first, last] = getTabbableEdges$1(
|
|
27190
|
+
const container2 = event.currentTarget;
|
|
27191
|
+
const [first, last] = getTabbableEdges$1(container2);
|
|
27206
27192
|
const hasTabbableElementsInside = first && last;
|
|
27207
27193
|
if (!hasTabbableElementsInside) {
|
|
27208
|
-
if (focusedElement ===
|
|
27194
|
+
if (focusedElement === container2) event.preventDefault();
|
|
27209
27195
|
} else {
|
|
27210
27196
|
if (!event.shiftKey && focusedElement === last) {
|
|
27211
27197
|
event.preventDefault();
|
|
@@ -27229,15 +27215,15 @@ function focusFirst$3(candidates, { select = false } = {}) {
|
|
|
27229
27215
|
if (document.activeElement !== previouslyFocusedElement) return;
|
|
27230
27216
|
}
|
|
27231
27217
|
}
|
|
27232
|
-
function getTabbableEdges$1(
|
|
27233
|
-
const candidates = getTabbableCandidates$1(
|
|
27234
|
-
const first = findVisible$1(candidates,
|
|
27235
|
-
const last = findVisible$1(candidates.reverse(),
|
|
27218
|
+
function getTabbableEdges$1(container) {
|
|
27219
|
+
const candidates = getTabbableCandidates$1(container);
|
|
27220
|
+
const first = findVisible$1(candidates, container);
|
|
27221
|
+
const last = findVisible$1(candidates.reverse(), container);
|
|
27236
27222
|
return [first, last];
|
|
27237
27223
|
}
|
|
27238
|
-
function getTabbableCandidates$1(
|
|
27224
|
+
function getTabbableCandidates$1(container) {
|
|
27239
27225
|
const nodes = [];
|
|
27240
|
-
const walker2 = document.createTreeWalker(
|
|
27226
|
+
const walker2 = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
|
|
27241
27227
|
acceptNode: (node) => {
|
|
27242
27228
|
const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
|
|
27243
27229
|
if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
|
|
@@ -27247,9 +27233,9 @@ function getTabbableCandidates$1(container2) {
|
|
|
27247
27233
|
while (walker2.nextNode()) nodes.push(walker2.currentNode);
|
|
27248
27234
|
return nodes;
|
|
27249
27235
|
}
|
|
27250
|
-
function findVisible$1(elements,
|
|
27236
|
+
function findVisible$1(elements, container) {
|
|
27251
27237
|
for (const element of elements) {
|
|
27252
|
-
if (!isHidden$1(element, { upTo:
|
|
27238
|
+
if (!isHidden$1(element, { upTo: container })) return element;
|
|
27253
27239
|
}
|
|
27254
27240
|
}
|
|
27255
27241
|
function isHidden$1(node, { upTo }) {
|
|
@@ -27306,8 +27292,8 @@ var Portal$5 = React.forwardRef((props, forwardedRef) => {
|
|
|
27306
27292
|
const { container: containerProp, ...portalProps } = props;
|
|
27307
27293
|
const [mounted, setMounted] = React.useState(false);
|
|
27308
27294
|
useLayoutEffect2(() => setMounted(true), []);
|
|
27309
|
-
const
|
|
27310
|
-
return
|
|
27295
|
+
const container = containerProp || mounted && globalThis?.document?.body;
|
|
27296
|
+
return container ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$2.div, { ...portalProps, ref: forwardedRef }), container) : null;
|
|
27311
27297
|
});
|
|
27312
27298
|
Portal$5.displayName = PORTAL_NAME$6;
|
|
27313
27299
|
var count = 0;
|
|
@@ -28172,9 +28158,9 @@ var [PortalProvider$3, usePortalContext$3] = createDialogContext(PORTAL_NAME$5,
|
|
|
28172
28158
|
forceMount: void 0
|
|
28173
28159
|
});
|
|
28174
28160
|
var DialogPortal$1 = (props) => {
|
|
28175
|
-
const { __scopeDialog, forceMount, children: children2, container
|
|
28161
|
+
const { __scopeDialog, forceMount, children: children2, container } = props;
|
|
28176
28162
|
const context = useDialogContext(PORTAL_NAME$5, __scopeDialog);
|
|
28177
|
-
return /* @__PURE__ */ jsx(PortalProvider$3, { scope: __scopeDialog, forceMount, children: React.Children.map(children2, (child) => /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$5, { asChild: true, container
|
|
28163
|
+
return /* @__PURE__ */ jsx(PortalProvider$3, { scope: __scopeDialog, forceMount, children: React.Children.map(children2, (child) => /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$5, { asChild: true, container, children: child }) })) });
|
|
28178
28164
|
};
|
|
28179
28165
|
DialogPortal$1.displayName = PORTAL_NAME$5;
|
|
28180
28166
|
var OVERLAY_NAME = "DialogOverlay";
|
|
@@ -28222,8 +28208,8 @@ var DialogContentModal = React.forwardRef(
|
|
|
28222
28208
|
const contentRef = React.useRef(null);
|
|
28223
28209
|
const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
|
|
28224
28210
|
React.useEffect(() => {
|
|
28225
|
-
const
|
|
28226
|
-
if (
|
|
28211
|
+
const content = contentRef.current;
|
|
28212
|
+
if (content) return hideOthers(content);
|
|
28227
28213
|
}, []);
|
|
28228
28214
|
return /* @__PURE__ */ jsx(
|
|
28229
28215
|
DialogContentImpl,
|
|
@@ -30672,7 +30658,7 @@ var PopperContent = React.forwardRef(
|
|
|
30672
30658
|
...contentProps
|
|
30673
30659
|
} = props;
|
|
30674
30660
|
const context = usePopperContext(CONTENT_NAME$6, __scopePopper);
|
|
30675
|
-
const [
|
|
30661
|
+
const [content, setContent] = React.useState(null);
|
|
30676
30662
|
const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
|
|
30677
30663
|
const [arrow$12, setArrow] = React.useState(null);
|
|
30678
30664
|
const arrowSize = useSize(arrow$12);
|
|
@@ -30738,8 +30724,8 @@ var PopperContent = React.forwardRef(
|
|
|
30738
30724
|
const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
|
|
30739
30725
|
const [contentZIndex, setContentZIndex] = React.useState();
|
|
30740
30726
|
useLayoutEffect2(() => {
|
|
30741
|
-
if (
|
|
30742
|
-
}, [
|
|
30727
|
+
if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
|
|
30728
|
+
}, [content]);
|
|
30743
30729
|
return /* @__PURE__ */ jsx(
|
|
30744
30730
|
"div",
|
|
30745
30731
|
{
|
|
@@ -31086,9 +31072,9 @@ var [PortalProvider$2, usePortalContext$2] = createTooltipContext(PORTAL_NAME$4,
|
|
|
31086
31072
|
forceMount: void 0
|
|
31087
31073
|
});
|
|
31088
31074
|
var TooltipPortal = (props) => {
|
|
31089
|
-
const { __scopeTooltip, forceMount, children: children2, container
|
|
31075
|
+
const { __scopeTooltip, forceMount, children: children2, container } = props;
|
|
31090
31076
|
const context = useTooltipContext(PORTAL_NAME$4, __scopeTooltip);
|
|
31091
|
-
return /* @__PURE__ */ jsx(PortalProvider$2, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$6, { asChild: true, container
|
|
31077
|
+
return /* @__PURE__ */ jsx(PortalProvider$2, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$6, { asChild: true, container, children: children2 }) }) });
|
|
31092
31078
|
};
|
|
31093
31079
|
TooltipPortal.displayName = PORTAL_NAME$4;
|
|
31094
31080
|
var CONTENT_NAME$5 = "TooltipContent";
|
|
@@ -31107,7 +31093,7 @@ var TooltipContentHoverable = React.forwardRef((props, forwardedRef) => {
|
|
|
31107
31093
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
31108
31094
|
const [pointerGraceArea, setPointerGraceArea] = React.useState(null);
|
|
31109
31095
|
const { trigger, onClose } = context;
|
|
31110
|
-
const
|
|
31096
|
+
const content = ref.current;
|
|
31111
31097
|
const { onPointerInTransitChange } = providerContext;
|
|
31112
31098
|
const handleRemoveGraceArea = React.useCallback(() => {
|
|
31113
31099
|
setPointerGraceArea(null);
|
|
@@ -31130,23 +31116,23 @@ var TooltipContentHoverable = React.forwardRef((props, forwardedRef) => {
|
|
|
31130
31116
|
return () => handleRemoveGraceArea();
|
|
31131
31117
|
}, [handleRemoveGraceArea]);
|
|
31132
31118
|
React.useEffect(() => {
|
|
31133
|
-
if (trigger &&
|
|
31134
|
-
const handleTriggerLeave = (event) => handleCreateGraceArea(event,
|
|
31119
|
+
if (trigger && content) {
|
|
31120
|
+
const handleTriggerLeave = (event) => handleCreateGraceArea(event, content);
|
|
31135
31121
|
const handleContentLeave = (event) => handleCreateGraceArea(event, trigger);
|
|
31136
31122
|
trigger.addEventListener("pointerleave", handleTriggerLeave);
|
|
31137
|
-
|
|
31123
|
+
content.addEventListener("pointerleave", handleContentLeave);
|
|
31138
31124
|
return () => {
|
|
31139
31125
|
trigger.removeEventListener("pointerleave", handleTriggerLeave);
|
|
31140
|
-
|
|
31126
|
+
content.removeEventListener("pointerleave", handleContentLeave);
|
|
31141
31127
|
};
|
|
31142
31128
|
}
|
|
31143
|
-
}, [trigger,
|
|
31129
|
+
}, [trigger, content, handleCreateGraceArea, handleRemoveGraceArea]);
|
|
31144
31130
|
React.useEffect(() => {
|
|
31145
31131
|
if (pointerGraceArea) {
|
|
31146
31132
|
const handleTrackPointerGrace = (event) => {
|
|
31147
31133
|
const target = event.target;
|
|
31148
31134
|
const pointerPosition = { x: event.clientX, y: event.clientY };
|
|
31149
|
-
const hasEnteredTarget = trigger?.contains(target) ||
|
|
31135
|
+
const hasEnteredTarget = trigger?.contains(target) || content?.contains(target);
|
|
31150
31136
|
const isPointerOutsideGraceArea = !isPointInPolygon$1(pointerPosition, pointerGraceArea);
|
|
31151
31137
|
if (hasEnteredTarget) {
|
|
31152
31138
|
handleRemoveGraceArea();
|
|
@@ -31158,7 +31144,7 @@ var TooltipContentHoverable = React.forwardRef((props, forwardedRef) => {
|
|
|
31158
31144
|
document.addEventListener("pointermove", handleTrackPointerGrace);
|
|
31159
31145
|
return () => document.removeEventListener("pointermove", handleTrackPointerGrace);
|
|
31160
31146
|
}
|
|
31161
|
-
}, [trigger,
|
|
31147
|
+
}, [trigger, content, pointerGraceArea, onClose, handleRemoveGraceArea]);
|
|
31162
31148
|
return /* @__PURE__ */ jsx(TooltipContentImpl, { ...props, ref: composedRefs });
|
|
31163
31149
|
});
|
|
31164
31150
|
var [VisuallyHiddenContentContextProvider, useVisuallyHiddenContentContext] = createTooltipContext(TOOLTIP_NAME, { isInside: false });
|
|
@@ -31374,7 +31360,7 @@ const TooltipContent = React.forwardRef(({ className: className2, sideOffset = 4
|
|
|
31374
31360
|
}
|
|
31375
31361
|
) }));
|
|
31376
31362
|
TooltipContent.displayName = Content2$4.displayName;
|
|
31377
|
-
const InfoTooltip = ({ title
|
|
31363
|
+
const InfoTooltip = ({ title, alertText, Icon: Icon2 = Info, onClick }) => {
|
|
31378
31364
|
return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
|
|
31379
31365
|
/* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
|
|
31380
31366
|
Icon2,
|
|
@@ -31405,7 +31391,7 @@ const InfoTooltip = ({ title: title2, alertText, Icon: Icon2 = Info, onClick })
|
|
|
31405
31391
|
) }),
|
|
31406
31392
|
/* @__PURE__ */ jsx("p", { className: "font-semibold text-amber-500", children: alertText })
|
|
31407
31393
|
] }),
|
|
31408
|
-
/* @__PURE__ */ jsx("p", { className: "text-[13px] leading-relaxed text-primary-foreground/90", children:
|
|
31394
|
+
/* @__PURE__ */ jsx("p", { className: "text-[13px] leading-relaxed text-primary-foreground/90", children: title })
|
|
31409
31395
|
] }) })
|
|
31410
31396
|
] }) });
|
|
31411
31397
|
};
|
|
@@ -33118,23 +33104,7 @@ function formatDistance$1(date2, baseDate, options) {
|
|
|
33118
33104
|
function formatDistanceToNow(date2, options) {
|
|
33119
33105
|
return formatDistance$1(date2, constructNow(date2), options);
|
|
33120
33106
|
}
|
|
33121
|
-
const
|
|
33122
|
-
const secondary$1 = "reach-styles-module__secondary___VQ4iH";
|
|
33123
|
-
const destructive$1 = "reach-styles-module__destructive___RLaRD";
|
|
33124
|
-
const outline$1 = "reach-styles-module__outline___L2VtW";
|
|
33125
|
-
const google = "reach-styles-module__google___HcEij";
|
|
33126
|
-
const date = "reach-styles-module__date___-6BC4";
|
|
33127
|
-
const container = "reach-styles-module__container___6PQqs";
|
|
33128
|
-
const styles$2 = {
|
|
33129
|
-
base: base$1,
|
|
33130
|
-
"default": "reach-styles-module__default___zeGU1",
|
|
33131
|
-
secondary: secondary$1,
|
|
33132
|
-
destructive: destructive$1,
|
|
33133
|
-
outline: outline$1,
|
|
33134
|
-
google,
|
|
33135
|
-
date,
|
|
33136
|
-
container
|
|
33137
|
-
};
|
|
33107
|
+
const styles$2 = {};
|
|
33138
33108
|
const badgeVariants = cva([styles$2.base], {
|
|
33139
33109
|
variants: {
|
|
33140
33110
|
variant: {
|
|
@@ -34581,11 +34551,11 @@ const $d3863c46a17e8a28$export$20e40289641fbbb6 = /* @__PURE__ */ forwardRef((pr
|
|
|
34581
34551
|
const isTabKey = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
|
|
34582
34552
|
const focusedElement = document.activeElement;
|
|
34583
34553
|
if (isTabKey && focusedElement) {
|
|
34584
|
-
const
|
|
34585
|
-
const [first, last] = $d3863c46a17e8a28$var$getTabbableEdges(
|
|
34554
|
+
const container = event.currentTarget;
|
|
34555
|
+
const [first, last] = $d3863c46a17e8a28$var$getTabbableEdges(container);
|
|
34586
34556
|
const hasTabbableElementsInside = first && last;
|
|
34587
34557
|
if (!hasTabbableElementsInside) {
|
|
34588
|
-
if (focusedElement ===
|
|
34558
|
+
if (focusedElement === container) event.preventDefault();
|
|
34589
34559
|
} else {
|
|
34590
34560
|
if (!event.shiftKey && focusedElement === last) {
|
|
34591
34561
|
event.preventDefault();
|
|
@@ -34621,18 +34591,18 @@ function $d3863c46a17e8a28$var$focusFirst(candidates, { select = false } = {}) {
|
|
|
34621
34591
|
if (document.activeElement !== previouslyFocusedElement) return;
|
|
34622
34592
|
}
|
|
34623
34593
|
}
|
|
34624
|
-
function $d3863c46a17e8a28$var$getTabbableEdges(
|
|
34625
|
-
const candidates = $d3863c46a17e8a28$var$getTabbableCandidates(
|
|
34626
|
-
const first = $d3863c46a17e8a28$var$findVisible(candidates,
|
|
34627
|
-
const last = $d3863c46a17e8a28$var$findVisible(candidates.reverse(),
|
|
34594
|
+
function $d3863c46a17e8a28$var$getTabbableEdges(container) {
|
|
34595
|
+
const candidates = $d3863c46a17e8a28$var$getTabbableCandidates(container);
|
|
34596
|
+
const first = $d3863c46a17e8a28$var$findVisible(candidates, container);
|
|
34597
|
+
const last = $d3863c46a17e8a28$var$findVisible(candidates.reverse(), container);
|
|
34628
34598
|
return [
|
|
34629
34599
|
first,
|
|
34630
34600
|
last
|
|
34631
34601
|
];
|
|
34632
34602
|
}
|
|
34633
|
-
function $d3863c46a17e8a28$var$getTabbableCandidates(
|
|
34603
|
+
function $d3863c46a17e8a28$var$getTabbableCandidates(container) {
|
|
34634
34604
|
const nodes = [];
|
|
34635
|
-
const walker2 = document.createTreeWalker(
|
|
34605
|
+
const walker2 = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
|
|
34636
34606
|
acceptNode: (node) => {
|
|
34637
34607
|
const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
|
|
34638
34608
|
if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
|
|
@@ -34642,10 +34612,10 @@ function $d3863c46a17e8a28$var$getTabbableCandidates(container2) {
|
|
|
34642
34612
|
while (walker2.nextNode()) nodes.push(walker2.currentNode);
|
|
34643
34613
|
return nodes;
|
|
34644
34614
|
}
|
|
34645
|
-
function $d3863c46a17e8a28$var$findVisible(elements,
|
|
34615
|
+
function $d3863c46a17e8a28$var$findVisible(elements, container) {
|
|
34646
34616
|
for (const element of elements) {
|
|
34647
34617
|
if (!$d3863c46a17e8a28$var$isHidden(element, {
|
|
34648
|
-
upTo:
|
|
34618
|
+
upTo: container
|
|
34649
34619
|
})) return element;
|
|
34650
34620
|
}
|
|
34651
34621
|
}
|
|
@@ -34702,10 +34672,10 @@ function $d3863c46a17e8a28$var$removeLinks(items) {
|
|
|
34702
34672
|
}
|
|
34703
34673
|
const $f1701beae083dbae$export$602eac185826482c = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
|
|
34704
34674
|
var _globalThis$document;
|
|
34705
|
-
const { container
|
|
34706
|
-
return
|
|
34675
|
+
const { container = globalThis === null || globalThis === void 0 ? void 0 : (_globalThis$document = globalThis.document) === null || _globalThis$document === void 0 ? void 0 : _globalThis$document.body, ...portalProps } = props;
|
|
34676
|
+
return container ? /* @__PURE__ */ ReactDOM__default.createPortal(/* @__PURE__ */ createElement$1($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, portalProps, {
|
|
34707
34677
|
ref: forwardedRef
|
|
34708
|
-
})),
|
|
34678
|
+
})), container) : null;
|
|
34709
34679
|
});
|
|
34710
34680
|
const $9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? useLayoutEffect : () => {
|
|
34711
34681
|
};
|
|
@@ -35172,7 +35142,7 @@ const [$5d3850c4d0b4e6c7$var$PortalProvider, $5d3850c4d0b4e6c7$var$usePortalCont
|
|
|
35172
35142
|
forceMount: void 0
|
|
35173
35143
|
});
|
|
35174
35144
|
const $5d3850c4d0b4e6c7$export$dad7c95542bacce0 = (props) => {
|
|
35175
|
-
const { __scopeDialog, forceMount, children: children2, container
|
|
35145
|
+
const { __scopeDialog, forceMount, children: children2, container } = props;
|
|
35176
35146
|
const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$PORTAL_NAME, __scopeDialog);
|
|
35177
35147
|
return /* @__PURE__ */ createElement$1($5d3850c4d0b4e6c7$var$PortalProvider, {
|
|
35178
35148
|
scope: __scopeDialog,
|
|
@@ -35183,7 +35153,7 @@ const $5d3850c4d0b4e6c7$export$dad7c95542bacce0 = (props) => {
|
|
|
35183
35153
|
present: forceMount || context.open
|
|
35184
35154
|
}, /* @__PURE__ */ createElement$1($f1701beae083dbae$export$602eac185826482c, {
|
|
35185
35155
|
asChild: true,
|
|
35186
|
-
container
|
|
35156
|
+
container
|
|
35187
35157
|
}, child))
|
|
35188
35158
|
));
|
|
35189
35159
|
};
|
|
@@ -35242,8 +35212,8 @@ const $5d3850c4d0b4e6c7$var$DialogContentModal = /* @__PURE__ */ forwardRef((pro
|
|
|
35242
35212
|
const contentRef = useRef(null);
|
|
35243
35213
|
const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, context.contentRef, contentRef);
|
|
35244
35214
|
useEffect(() => {
|
|
35245
|
-
const
|
|
35246
|
-
if (
|
|
35215
|
+
const content = contentRef.current;
|
|
35216
|
+
if (content) return hideOthers(content);
|
|
35247
35217
|
}, []);
|
|
35248
35218
|
return /* @__PURE__ */ createElement$1($5d3850c4d0b4e6c7$var$DialogContentImpl, _extends({}, props, {
|
|
35249
35219
|
ref: composedRefs,
|
|
@@ -35760,7 +35730,7 @@ var FocusScope = React.forwardRef((props, forwardedRef) => {
|
|
|
35760
35730
|
onUnmountAutoFocus: onUnmountAutoFocusProp,
|
|
35761
35731
|
...scopeProps
|
|
35762
35732
|
} = props;
|
|
35763
|
-
const [
|
|
35733
|
+
const [container, setContainer] = React.useState(null);
|
|
35764
35734
|
const onMountAutoFocus = useCallbackRef$1(onMountAutoFocusProp);
|
|
35765
35735
|
const onUnmountAutoFocus = useCallbackRef$1(onUnmountAutoFocusProp);
|
|
35766
35736
|
const lastFocusedElementRef = React.useRef(null);
|
|
@@ -35777,69 +35747,69 @@ var FocusScope = React.forwardRef((props, forwardedRef) => {
|
|
|
35777
35747
|
React.useEffect(() => {
|
|
35778
35748
|
if (trapped) {
|
|
35779
35749
|
let handleFocusIn2 = function(event) {
|
|
35780
|
-
if (focusScope.paused || !
|
|
35750
|
+
if (focusScope.paused || !container) return;
|
|
35781
35751
|
const target = event.target;
|
|
35782
|
-
if (
|
|
35752
|
+
if (container.contains(target)) {
|
|
35783
35753
|
lastFocusedElementRef.current = target;
|
|
35784
35754
|
} else {
|
|
35785
35755
|
focus(lastFocusedElementRef.current, { select: true });
|
|
35786
35756
|
}
|
|
35787
35757
|
}, handleFocusOut2 = function(event) {
|
|
35788
|
-
if (focusScope.paused || !
|
|
35758
|
+
if (focusScope.paused || !container) return;
|
|
35789
35759
|
const relatedTarget = event.relatedTarget;
|
|
35790
35760
|
if (relatedTarget === null) return;
|
|
35791
|
-
if (!
|
|
35761
|
+
if (!container.contains(relatedTarget)) {
|
|
35792
35762
|
focus(lastFocusedElementRef.current, { select: true });
|
|
35793
35763
|
}
|
|
35794
35764
|
}, handleMutations2 = function(mutations) {
|
|
35795
35765
|
const focusedElement = document.activeElement;
|
|
35796
35766
|
if (focusedElement !== document.body) return;
|
|
35797
35767
|
for (const mutation of mutations) {
|
|
35798
|
-
if (mutation.removedNodes.length > 0) focus(
|
|
35768
|
+
if (mutation.removedNodes.length > 0) focus(container);
|
|
35799
35769
|
}
|
|
35800
35770
|
};
|
|
35801
35771
|
document.addEventListener("focusin", handleFocusIn2);
|
|
35802
35772
|
document.addEventListener("focusout", handleFocusOut2);
|
|
35803
35773
|
const mutationObserver = new MutationObserver(handleMutations2);
|
|
35804
|
-
if (
|
|
35774
|
+
if (container) mutationObserver.observe(container, { childList: true, subtree: true });
|
|
35805
35775
|
return () => {
|
|
35806
35776
|
document.removeEventListener("focusin", handleFocusIn2);
|
|
35807
35777
|
document.removeEventListener("focusout", handleFocusOut2);
|
|
35808
35778
|
mutationObserver.disconnect();
|
|
35809
35779
|
};
|
|
35810
35780
|
}
|
|
35811
|
-
}, [trapped,
|
|
35781
|
+
}, [trapped, container, focusScope.paused]);
|
|
35812
35782
|
React.useEffect(() => {
|
|
35813
|
-
if (
|
|
35783
|
+
if (container) {
|
|
35814
35784
|
focusScopesStack.add(focusScope);
|
|
35815
35785
|
const previouslyFocusedElement = document.activeElement;
|
|
35816
|
-
const hasFocusedCandidate =
|
|
35786
|
+
const hasFocusedCandidate = container.contains(previouslyFocusedElement);
|
|
35817
35787
|
if (!hasFocusedCandidate) {
|
|
35818
35788
|
const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS$1);
|
|
35819
|
-
|
|
35820
|
-
|
|
35789
|
+
container.addEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
|
|
35790
|
+
container.dispatchEvent(mountEvent);
|
|
35821
35791
|
if (!mountEvent.defaultPrevented) {
|
|
35822
|
-
focusFirst$2(removeLinks(getTabbableCandidates(
|
|
35792
|
+
focusFirst$2(removeLinks(getTabbableCandidates(container)), { select: true });
|
|
35823
35793
|
if (document.activeElement === previouslyFocusedElement) {
|
|
35824
|
-
focus(
|
|
35794
|
+
focus(container);
|
|
35825
35795
|
}
|
|
35826
35796
|
}
|
|
35827
35797
|
}
|
|
35828
35798
|
return () => {
|
|
35829
|
-
|
|
35799
|
+
container.removeEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
|
|
35830
35800
|
setTimeout(() => {
|
|
35831
35801
|
const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS$1);
|
|
35832
|
-
|
|
35833
|
-
|
|
35802
|
+
container.addEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
|
|
35803
|
+
container.dispatchEvent(unmountEvent);
|
|
35834
35804
|
if (!unmountEvent.defaultPrevented) {
|
|
35835
35805
|
focus(previouslyFocusedElement ?? document.body, { select: true });
|
|
35836
35806
|
}
|
|
35837
|
-
|
|
35807
|
+
container.removeEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
|
|
35838
35808
|
focusScopesStack.remove(focusScope);
|
|
35839
35809
|
}, 0);
|
|
35840
35810
|
};
|
|
35841
35811
|
}
|
|
35842
|
-
}, [
|
|
35812
|
+
}, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
|
|
35843
35813
|
const handleKeyDown = React.useCallback(
|
|
35844
35814
|
(event) => {
|
|
35845
35815
|
if (!loop && !trapped) return;
|
|
@@ -35847,11 +35817,11 @@ var FocusScope = React.forwardRef((props, forwardedRef) => {
|
|
|
35847
35817
|
const isTabKey = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
|
|
35848
35818
|
const focusedElement = document.activeElement;
|
|
35849
35819
|
if (isTabKey && focusedElement) {
|
|
35850
|
-
const
|
|
35851
|
-
const [first, last] = getTabbableEdges(
|
|
35820
|
+
const container2 = event.currentTarget;
|
|
35821
|
+
const [first, last] = getTabbableEdges(container2);
|
|
35852
35822
|
const hasTabbableElementsInside = first && last;
|
|
35853
35823
|
if (!hasTabbableElementsInside) {
|
|
35854
|
-
if (focusedElement ===
|
|
35824
|
+
if (focusedElement === container2) event.preventDefault();
|
|
35855
35825
|
} else {
|
|
35856
35826
|
if (!event.shiftKey && focusedElement === last) {
|
|
35857
35827
|
event.preventDefault();
|
|
@@ -35875,15 +35845,15 @@ function focusFirst$2(candidates, { select = false } = {}) {
|
|
|
35875
35845
|
if (document.activeElement !== previouslyFocusedElement) return;
|
|
35876
35846
|
}
|
|
35877
35847
|
}
|
|
35878
|
-
function getTabbableEdges(
|
|
35879
|
-
const candidates = getTabbableCandidates(
|
|
35880
|
-
const first = findVisible(candidates,
|
|
35881
|
-
const last = findVisible(candidates.reverse(),
|
|
35848
|
+
function getTabbableEdges(container) {
|
|
35849
|
+
const candidates = getTabbableCandidates(container);
|
|
35850
|
+
const first = findVisible(candidates, container);
|
|
35851
|
+
const last = findVisible(candidates.reverse(), container);
|
|
35882
35852
|
return [first, last];
|
|
35883
35853
|
}
|
|
35884
|
-
function getTabbableCandidates(
|
|
35854
|
+
function getTabbableCandidates(container) {
|
|
35885
35855
|
const nodes = [];
|
|
35886
|
-
const walker2 = document.createTreeWalker(
|
|
35856
|
+
const walker2 = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
|
|
35887
35857
|
acceptNode: (node) => {
|
|
35888
35858
|
const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
|
|
35889
35859
|
if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
|
|
@@ -35893,9 +35863,9 @@ function getTabbableCandidates(container2) {
|
|
|
35893
35863
|
while (walker2.nextNode()) nodes.push(walker2.currentNode);
|
|
35894
35864
|
return nodes;
|
|
35895
35865
|
}
|
|
35896
|
-
function findVisible(elements,
|
|
35866
|
+
function findVisible(elements, container) {
|
|
35897
35867
|
for (const element of elements) {
|
|
35898
|
-
if (!isHidden(element, { upTo:
|
|
35868
|
+
if (!isHidden(element, { upTo: container })) return element;
|
|
35899
35869
|
}
|
|
35900
35870
|
}
|
|
35901
35871
|
function isHidden(node, { upTo }) {
|
|
@@ -36032,9 +36002,9 @@ var [PortalProvider$1, usePortalContext$1] = createPopoverContext(PORTAL_NAME$3,
|
|
|
36032
36002
|
forceMount: void 0
|
|
36033
36003
|
});
|
|
36034
36004
|
var PopoverPortal = (props) => {
|
|
36035
|
-
const { __scopePopover, forceMount, children: children2, container
|
|
36005
|
+
const { __scopePopover, forceMount, children: children2, container } = props;
|
|
36036
36006
|
const context = usePopoverContext(PORTAL_NAME$3, __scopePopover);
|
|
36037
|
-
return /* @__PURE__ */ jsx(PortalProvider$1, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$6, { asChild: true, container
|
|
36007
|
+
return /* @__PURE__ */ jsx(PortalProvider$1, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$6, { asChild: true, container, children: children2 }) }) });
|
|
36038
36008
|
};
|
|
36039
36009
|
PopoverPortal.displayName = PORTAL_NAME$3;
|
|
36040
36010
|
var CONTENT_NAME$4 = "PopoverContent";
|
|
@@ -36054,8 +36024,8 @@ var PopoverContentModal = React.forwardRef(
|
|
|
36054
36024
|
const composedRefs = useComposedRefs(forwardedRef, contentRef);
|
|
36055
36025
|
const isRightClickOutsideRef = React.useRef(false);
|
|
36056
36026
|
React.useEffect(() => {
|
|
36057
|
-
const
|
|
36058
|
-
if (
|
|
36027
|
+
const content = contentRef.current;
|
|
36028
|
+
if (content) return hideOthers(content);
|
|
36059
36029
|
}, []);
|
|
36060
36030
|
return /* @__PURE__ */ jsx(ReactRemoveScroll$1, { as: Slot$3, allowPinchZoom: true, children: /* @__PURE__ */ jsx(
|
|
36061
36031
|
PopoverContentImpl,
|
|
@@ -36961,7 +36931,7 @@ var SelectContentImpl = React.forwardRef(
|
|
|
36961
36931
|
...contentProps
|
|
36962
36932
|
} = props;
|
|
36963
36933
|
const context = useSelectContext(CONTENT_NAME$3, __scopeSelect);
|
|
36964
|
-
const [
|
|
36934
|
+
const [content, setContent] = React.useState(null);
|
|
36965
36935
|
const [viewport, setViewport] = React.useState(null);
|
|
36966
36936
|
const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
|
|
36967
36937
|
const [selectedItem, setSelectedItem] = React.useState(null);
|
|
@@ -36972,8 +36942,8 @@ var SelectContentImpl = React.forwardRef(
|
|
|
36972
36942
|
const [isPositioned, setIsPositioned] = React.useState(false);
|
|
36973
36943
|
const firstValidItemFoundRef = React.useRef(false);
|
|
36974
36944
|
React.useEffect(() => {
|
|
36975
|
-
if (
|
|
36976
|
-
}, [
|
|
36945
|
+
if (content) return hideOthers(content);
|
|
36946
|
+
}, [content]);
|
|
36977
36947
|
useFocusGuards();
|
|
36978
36948
|
const focusFirst2 = React.useCallback(
|
|
36979
36949
|
(candidates) => {
|
|
@@ -36992,8 +36962,8 @@ var SelectContentImpl = React.forwardRef(
|
|
|
36992
36962
|
[getItems, viewport]
|
|
36993
36963
|
);
|
|
36994
36964
|
const focusSelectedItem = React.useCallback(
|
|
36995
|
-
() => focusFirst2([selectedItem,
|
|
36996
|
-
[focusFirst2, selectedItem,
|
|
36965
|
+
() => focusFirst2([selectedItem, content]),
|
|
36966
|
+
[focusFirst2, selectedItem, content]
|
|
36997
36967
|
);
|
|
36998
36968
|
React.useEffect(() => {
|
|
36999
36969
|
if (isPositioned) {
|
|
@@ -37002,7 +36972,7 @@ var SelectContentImpl = React.forwardRef(
|
|
|
37002
36972
|
}, [isPositioned, focusSelectedItem]);
|
|
37003
36973
|
const { onOpenChange, triggerPointerDownPosRef } = context;
|
|
37004
36974
|
React.useEffect(() => {
|
|
37005
|
-
if (
|
|
36975
|
+
if (content) {
|
|
37006
36976
|
let pointerMoveDelta = { x: 0, y: 0 };
|
|
37007
36977
|
const handlePointerMove = (event) => {
|
|
37008
36978
|
pointerMoveDelta = {
|
|
@@ -37014,7 +36984,7 @@ var SelectContentImpl = React.forwardRef(
|
|
|
37014
36984
|
if (pointerMoveDelta.x <= 10 && pointerMoveDelta.y <= 10) {
|
|
37015
36985
|
event.preventDefault();
|
|
37016
36986
|
} else {
|
|
37017
|
-
if (!
|
|
36987
|
+
if (!content.contains(event.target)) {
|
|
37018
36988
|
onOpenChange(false);
|
|
37019
36989
|
}
|
|
37020
36990
|
}
|
|
@@ -37030,7 +37000,7 @@ var SelectContentImpl = React.forwardRef(
|
|
|
37030
37000
|
document.removeEventListener("pointerup", handlePointerUp, { capture: true });
|
|
37031
37001
|
};
|
|
37032
37002
|
}
|
|
37033
|
-
}, [
|
|
37003
|
+
}, [content, onOpenChange, triggerPointerDownPosRef]);
|
|
37034
37004
|
React.useEffect(() => {
|
|
37035
37005
|
const close2 = () => onOpenChange(false);
|
|
37036
37006
|
window.addEventListener("blur", close2);
|
|
@@ -37059,7 +37029,7 @@ var SelectContentImpl = React.forwardRef(
|
|
|
37059
37029
|
},
|
|
37060
37030
|
[context.value]
|
|
37061
37031
|
);
|
|
37062
|
-
const handleItemLeave = React.useCallback(() =>
|
|
37032
|
+
const handleItemLeave = React.useCallback(() => content?.focus(), [content]);
|
|
37063
37033
|
const itemTextRefCallback = React.useCallback(
|
|
37064
37034
|
(node, value, disabled) => {
|
|
37065
37035
|
const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
|
|
@@ -37087,7 +37057,7 @@ var SelectContentImpl = React.forwardRef(
|
|
|
37087
37057
|
SelectContentProvider,
|
|
37088
37058
|
{
|
|
37089
37059
|
scope: __scopeSelect,
|
|
37090
|
-
content
|
|
37060
|
+
content,
|
|
37091
37061
|
viewport,
|
|
37092
37062
|
onViewportChange: setViewport,
|
|
37093
37063
|
itemRefCallback,
|
|
@@ -37176,16 +37146,16 @@ var SelectItemAlignedPosition = React.forwardRef((props, forwardedRef) => {
|
|
|
37176
37146
|
const context = useSelectContext(CONTENT_NAME$3, __scopeSelect);
|
|
37177
37147
|
const contentContext = useSelectContentContext(CONTENT_NAME$3, __scopeSelect);
|
|
37178
37148
|
const [contentWrapper, setContentWrapper] = React.useState(null);
|
|
37179
|
-
const [
|
|
37149
|
+
const [content, setContent] = React.useState(null);
|
|
37180
37150
|
const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
|
|
37181
37151
|
const getItems = useCollection$2(__scopeSelect);
|
|
37182
37152
|
const shouldExpandOnScrollRef = React.useRef(false);
|
|
37183
37153
|
const shouldRepositionRef = React.useRef(true);
|
|
37184
37154
|
const { viewport, selectedItem, selectedItemText, focusSelectedItem } = contentContext;
|
|
37185
37155
|
const position = React.useCallback(() => {
|
|
37186
|
-
if (context.trigger && context.valueNode && contentWrapper &&
|
|
37156
|
+
if (context.trigger && context.valueNode && contentWrapper && content && viewport && selectedItem && selectedItemText) {
|
|
37187
37157
|
const triggerRect = context.trigger.getBoundingClientRect();
|
|
37188
|
-
const contentRect =
|
|
37158
|
+
const contentRect = content.getBoundingClientRect();
|
|
37189
37159
|
const valueNodeRect = context.valueNode.getBoundingClientRect();
|
|
37190
37160
|
const itemTextRect = selectedItemText.getBoundingClientRect();
|
|
37191
37161
|
if (context.dir !== "rtl") {
|
|
@@ -37223,7 +37193,7 @@ var SelectItemAlignedPosition = React.forwardRef((props, forwardedRef) => {
|
|
|
37223
37193
|
const items = getItems();
|
|
37224
37194
|
const availableHeight = window.innerHeight - CONTENT_MARGIN * 2;
|
|
37225
37195
|
const itemsHeight = viewport.scrollHeight;
|
|
37226
|
-
const contentStyles = window.getComputedStyle(
|
|
37196
|
+
const contentStyles = window.getComputedStyle(content);
|
|
37227
37197
|
const contentBorderTopWidth = parseInt(contentStyles.borderTopWidth, 10);
|
|
37228
37198
|
const contentPaddingTop = parseInt(contentStyles.paddingTop, 10);
|
|
37229
37199
|
const contentBorderBottomWidth = parseInt(contentStyles.borderBottomWidth, 10);
|
|
@@ -37243,7 +37213,7 @@ var SelectItemAlignedPosition = React.forwardRef((props, forwardedRef) => {
|
|
|
37243
37213
|
if (willAlignWithoutTopOverflow) {
|
|
37244
37214
|
const isLastItem = items.length > 0 && selectedItem === items[items.length - 1].ref.current;
|
|
37245
37215
|
contentWrapper.style.bottom = "0px";
|
|
37246
|
-
const viewportOffsetBottom =
|
|
37216
|
+
const viewportOffsetBottom = content.clientHeight - viewport.offsetTop - viewport.offsetHeight;
|
|
37247
37217
|
const clampedTriggerMiddleToBottomEdge = Math.max(
|
|
37248
37218
|
triggerMiddleToBottomEdge,
|
|
37249
37219
|
selectedItemHalfHeight + // viewport might have padding bottom, include it to avoid a scrollable viewport
|
|
@@ -37274,7 +37244,7 @@ var SelectItemAlignedPosition = React.forwardRef((props, forwardedRef) => {
|
|
|
37274
37244
|
context.trigger,
|
|
37275
37245
|
context.valueNode,
|
|
37276
37246
|
contentWrapper,
|
|
37277
|
-
|
|
37247
|
+
content,
|
|
37278
37248
|
viewport,
|
|
37279
37249
|
selectedItem,
|
|
37280
37250
|
selectedItemText,
|
|
@@ -37284,8 +37254,8 @@ var SelectItemAlignedPosition = React.forwardRef((props, forwardedRef) => {
|
|
|
37284
37254
|
useLayoutEffect2(() => position(), [position]);
|
|
37285
37255
|
const [contentZIndex, setContentZIndex] = React.useState();
|
|
37286
37256
|
useLayoutEffect2(() => {
|
|
37287
|
-
if (
|
|
37288
|
-
}, [
|
|
37257
|
+
if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
|
|
37258
|
+
}, [content]);
|
|
37289
37259
|
const handleScrollButtonChange = React.useCallback(
|
|
37290
37260
|
(node) => {
|
|
37291
37261
|
if (node && shouldRepositionRef.current === true) {
|
|
@@ -39574,7 +39544,7 @@ var [MenuRootProvider, useMenuRootContext] = createMenuContext(MENU_NAME);
|
|
|
39574
39544
|
var Menu = (props) => {
|
|
39575
39545
|
const { __scopeMenu, open = false, children: children2, dir, onOpenChange, modal = true } = props;
|
|
39576
39546
|
const popperScope = usePopperScope(__scopeMenu);
|
|
39577
|
-
const [
|
|
39547
|
+
const [content, setContent] = React.useState(null);
|
|
39578
39548
|
const isUsingKeyboardRef = React.useRef(false);
|
|
39579
39549
|
const handleOpenChange = useCallbackRef$1(onOpenChange);
|
|
39580
39550
|
const direction = useDirection(dir);
|
|
@@ -39598,7 +39568,7 @@ var Menu = (props) => {
|
|
|
39598
39568
|
scope: __scopeMenu,
|
|
39599
39569
|
open,
|
|
39600
39570
|
onOpenChange: handleOpenChange,
|
|
39601
|
-
content
|
|
39571
|
+
content,
|
|
39602
39572
|
onContentChange: setContent,
|
|
39603
39573
|
children: /* @__PURE__ */ jsx(
|
|
39604
39574
|
MenuRootProvider,
|
|
@@ -39629,9 +39599,9 @@ var [PortalProvider, usePortalContext] = createMenuContext(PORTAL_NAME$1, {
|
|
|
39629
39599
|
forceMount: void 0
|
|
39630
39600
|
});
|
|
39631
39601
|
var MenuPortal = (props) => {
|
|
39632
|
-
const { __scopeMenu, forceMount, children: children2, container
|
|
39602
|
+
const { __scopeMenu, forceMount, children: children2, container } = props;
|
|
39633
39603
|
const context = useMenuContext(PORTAL_NAME$1, __scopeMenu);
|
|
39634
|
-
return /* @__PURE__ */ jsx(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$6, { asChild: true, container
|
|
39604
|
+
return /* @__PURE__ */ jsx(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$6, { asChild: true, container, children: children2 }) }) });
|
|
39635
39605
|
};
|
|
39636
39606
|
MenuPortal.displayName = PORTAL_NAME$1;
|
|
39637
39607
|
var CONTENT_NAME$1 = "MenuContent";
|
|
@@ -39651,8 +39621,8 @@ var MenuRootContentModal = React.forwardRef(
|
|
|
39651
39621
|
const ref = React.useRef(null);
|
|
39652
39622
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
39653
39623
|
React.useEffect(() => {
|
|
39654
|
-
const
|
|
39655
|
-
if (
|
|
39624
|
+
const content = ref.current;
|
|
39625
|
+
if (content) return hideOthers(content);
|
|
39656
39626
|
}, []);
|
|
39657
39627
|
return /* @__PURE__ */ jsx(
|
|
39658
39628
|
MenuContentImpl,
|
|
@@ -39829,8 +39799,8 @@ var MenuContentImpl = React.forwardRef(
|
|
|
39829
39799
|
if (event.key === "Tab") event.preventDefault();
|
|
39830
39800
|
if (!isModifierKey && isCharacterKey) handleTypeaheadSearch(event.key);
|
|
39831
39801
|
}
|
|
39832
|
-
const
|
|
39833
|
-
if (event.target !==
|
|
39802
|
+
const content = contentRef.current;
|
|
39803
|
+
if (event.target !== content) return;
|
|
39834
39804
|
if (!FIRST_LAST_KEYS.includes(event.key)) return;
|
|
39835
39805
|
event.preventDefault();
|
|
39836
39806
|
const items = getItems().filter((item) => !item.disabled);
|
|
@@ -40756,27 +40726,7 @@ const BackNextButtonGroup = ({
|
|
|
40756
40726
|
)
|
|
40757
40727
|
] });
|
|
40758
40728
|
};
|
|
40759
|
-
const
|
|
40760
|
-
const destructive = "reach-styles-module__destructive___5EWhN";
|
|
40761
|
-
const outline = "reach-styles-module__outline___gj9sC";
|
|
40762
|
-
const secondary = "reach-styles-module__secondary___cN5Wj";
|
|
40763
|
-
const header = "reach-styles-module__header___-izE2";
|
|
40764
|
-
const title = "reach-styles-module__title___n1hA9";
|
|
40765
|
-
const description = "reach-styles-module__description___EvXM-";
|
|
40766
|
-
const content = "reach-styles-module__content___okv68";
|
|
40767
|
-
const footer = "reach-styles-module__footer___YA4U4";
|
|
40768
|
-
const styles = {
|
|
40769
|
-
base,
|
|
40770
|
-
"default": "reach-styles-module__default___88Q0d",
|
|
40771
|
-
destructive,
|
|
40772
|
-
outline,
|
|
40773
|
-
secondary,
|
|
40774
|
-
header,
|
|
40775
|
-
title,
|
|
40776
|
-
description,
|
|
40777
|
-
content,
|
|
40778
|
-
footer
|
|
40779
|
-
};
|
|
40729
|
+
const styles = {};
|
|
40780
40730
|
const cardVariants = cva(styles.base, {
|
|
40781
40731
|
variants: {
|
|
40782
40732
|
variant: {
|
|
@@ -42120,7 +42070,7 @@ const EstimatedMatchesView = ({
|
|
|
42120
42070
|
iconDefinitions,
|
|
42121
42071
|
includeSegments,
|
|
42122
42072
|
excludeSegments,
|
|
42123
|
-
title
|
|
42073
|
+
title = "Estimated Matches",
|
|
42124
42074
|
subtitle
|
|
42125
42075
|
}) => {
|
|
42126
42076
|
const {
|
|
@@ -42146,7 +42096,7 @@ const EstimatedMatchesView = ({
|
|
|
42146
42096
|
}, [data?.recipients]);
|
|
42147
42097
|
return /* @__PURE__ */ jsxs("div", { className: "w-full p-4", children: [
|
|
42148
42098
|
/* @__PURE__ */ jsxs("div", { className: "mb-4 md:mb-6", children: [
|
|
42149
|
-
/* @__PURE__ */ jsx("h3", { className: "text-xl font-semibold text-gray-900", children:
|
|
42099
|
+
/* @__PURE__ */ jsx("h3", { className: "text-xl font-semibold text-gray-900", children: title }),
|
|
42150
42100
|
subtitle && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-gray-500", children: subtitle })
|
|
42151
42101
|
] }),
|
|
42152
42102
|
/* @__PURE__ */ jsx("div", { className: "@container", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 @[30rem]:grid-cols-3 gap-2 md:gap-3 mb-4 md:mb-6", children: [
|
|
@@ -44587,10 +44537,10 @@ function Caption(props) {
|
|
|
44587
44537
|
return jsx("div", { className: classNames.caption, style: styles2.caption, children: caption });
|
|
44588
44538
|
}
|
|
44589
44539
|
function Footer(props) {
|
|
44590
|
-
var _a = useDayPicker(),
|
|
44591
|
-
if (!
|
|
44540
|
+
var _a = useDayPicker(), footer = _a.footer, styles2 = _a.styles, tfoot = _a.classNames.tfoot;
|
|
44541
|
+
if (!footer)
|
|
44592
44542
|
return jsx(Fragment, {});
|
|
44593
|
-
return jsx("tfoot", { className: tfoot, style: styles2.tfoot, children: jsx("tr", { children: jsx("td", { colSpan: 8, children:
|
|
44543
|
+
return jsx("tfoot", { className: tfoot, style: styles2.tfoot, children: jsx("tr", { children: jsx("td", { colSpan: 8, children: footer }) }) });
|
|
44594
44544
|
}
|
|
44595
44545
|
function getWeekdays(locale2, weekStartsOn, ISOWeek) {
|
|
44596
44546
|
var start = ISOWeek ? startOfISOWeek(/* @__PURE__ */ new Date()) : startOfWeek(/* @__PURE__ */ new Date(), { locale: locale2, weekStartsOn });
|
|
@@ -45398,15 +45348,15 @@ function Day(props) {
|
|
|
45398
45348
|
function WeekNumber(props) {
|
|
45399
45349
|
var weekNumber = props.number, dates2 = props.dates;
|
|
45400
45350
|
var _a = useDayPicker(), onWeekNumberClick = _a.onWeekNumberClick, styles2 = _a.styles, classNames = _a.classNames, locale2 = _a.locale, labelWeekNumber2 = _a.labels.labelWeekNumber, formatWeekNumber2 = _a.formatters.formatWeekNumber;
|
|
45401
|
-
var
|
|
45351
|
+
var content = formatWeekNumber2(Number(weekNumber), { locale: locale2 });
|
|
45402
45352
|
if (!onWeekNumberClick) {
|
|
45403
|
-
return jsx("span", { className: classNames.weeknumber, style: styles2.weeknumber, children:
|
|
45353
|
+
return jsx("span", { className: classNames.weeknumber, style: styles2.weeknumber, children: content });
|
|
45404
45354
|
}
|
|
45405
45355
|
var label = labelWeekNumber2(Number(weekNumber), { locale: locale2 });
|
|
45406
45356
|
var handleClick = function(e4) {
|
|
45407
45357
|
onWeekNumberClick(weekNumber, dates2, e4);
|
|
45408
45358
|
};
|
|
45409
|
-
return jsx(Button, { name: "week-number", "aria-label": label, className: classNames.weeknumber, style: styles2.weeknumber, onClick: handleClick, children:
|
|
45359
|
+
return jsx(Button, { name: "week-number", "aria-label": label, className: classNames.weeknumber, style: styles2.weeknumber, onClick: handleClick, children: content });
|
|
45410
45360
|
}
|
|
45411
45361
|
function Row(props) {
|
|
45412
45362
|
var _a, _b;
|
|
@@ -46427,13 +46377,13 @@ const SelectAudience = ({ iconDefinitions, automation }) => {
|
|
|
46427
46377
|
] }) })
|
|
46428
46378
|
] });
|
|
46429
46379
|
};
|
|
46430
|
-
const TitleAndContent = ({ title
|
|
46380
|
+
const TitleAndContent = ({ title, subtitle, content }) => {
|
|
46431
46381
|
return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 w-full p-6 rounded-xl bg-gray-100 ", children: [
|
|
46432
46382
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
46433
|
-
/* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold", children:
|
|
46383
|
+
/* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold", children: title }),
|
|
46434
46384
|
subtitle && /* @__PURE__ */ jsx("p", { className: "text-gray-600 mt-1", children: subtitle })
|
|
46435
46385
|
] }),
|
|
46436
|
-
/* @__PURE__ */ jsx("div", { className: "bg-white rounded-2xl w-full border border-gray-200 p-6 relative", children:
|
|
46386
|
+
/* @__PURE__ */ jsx("div", { className: "bg-white rounded-2xl w-full border border-gray-200 p-6 relative", children: content })
|
|
46437
46387
|
] });
|
|
46438
46388
|
};
|
|
46439
46389
|
const EditAutomationPopup = ({
|