@webskill/sdk 0.8.0 → 0.10.0
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/agent.d.ts +2 -2
- package/dist/agent.js +6 -2
- package/dist/browser.d.ts +5 -3
- package/dist/browser.js +35 -13
- package/dist/{catalogComponents-DfxxfUvn-D55Gbb2l.js → catalogComponents-DTcYfpLQ-CcoOaz-Z.js} +1946 -976
- package/dist/{dist-CJqQsIm9.js → dist-1OFC-zax.js} +7 -5
- package/dist/{dist-DmI5SBBF.js → dist-BViUeszk.js} +393 -44
- package/dist/{dist-59XlqDuv.js → dist-Bev6i6Ip.js} +10 -2
- package/dist/{eventTypes-g1BXL6x5-CibcOftR.js → eventTypes-s2uwAcLG-Go3l_dUe.js} +13 -2
- package/dist/governance.d.ts +37 -6
- package/dist/governance.js +53 -15
- package/dist/{index-P9J2LTfU.d.ts → index-B0QPLWPZ.d.ts} +6 -2
- package/dist/{index-fLskQfAS.d.ts → index-BF4E1a9j.d.ts} +10 -3
- package/dist/{index-K-eewlGL.d.ts → index-DtFdMKBX.d.ts} +69 -7
- package/dist/index.d.ts +11 -3
- package/dist/index.js +13 -4
- package/dist/mcp.d.ts +23 -3
- package/dist/mcp.js +70 -25
- package/dist/{memoryArtifactStore-52Zn9npI-upv5OWYf.js → memoryArtifactStore-52Zn9npI-LbCQaqyx.js} +1 -1
- package/dist/node.d.ts +3 -3
- package/dist/node.js +6 -6
- package/dist/{openUiLibrary-DURlAxjk-CU6AzfSW.js → openUiLibrary-CIrV--Ad-B8zG_91e.js} +3 -3
- package/dist/{skillVersionStore-Bl-ElD45-gRfSaAby.d.ts → skillVersionStore-D-qHk9ZE-DBsYYCWn.d.ts} +13 -5
- package/dist/{testing-BCUO5gZR.js → testing-WPTyXQYt.js} +28 -5
- package/dist/testing.d.ts +1 -1
- package/dist/testing.js +2 -2
- package/dist/{types-B3n0cMZu-BdcqQ35O.d.ts → types-CrRcT-LM-DZAp8sWv.d.ts} +44 -3
- package/dist/ui-react.d.ts +17 -2
- package/dist/ui-react.js +123 -39
- package/dist/ui-vue.d.ts +1 -1
- package/dist/ui-vue.js +1 -1
- package/dist/ui.d.ts +3 -3
- package/dist/ui.js +2 -2
- package/dist/{webskillLitCatalog-DwTwSBFt-DiXXpNZA.js → webskillLitCatalog-BJrphK0y-SGmRXaaO.js} +2 -2
- package/package.json +1 -1
package/dist/{catalogComponents-DfxxfUvn-D55Gbb2l.js → catalogComponents-DTcYfpLQ-CcoOaz-Z.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { a as __require, i as __reExport, n as __esmMin, o as __toCommonJS, r as __exportAll$2, s as __toESM$1, t as __commonJSMin$1 } from "./rolldown-runtime-BOF7iYI8.js";
|
|
2
|
-
import {
|
|
3
|
-
import { D as evaluateFieldCondition, I as qualifyFieldName, S as collectScopedValues, Z as DEFAULT_SURFACE_FORM_TEXTS, it as chartSpecFromProps, st as mountEchart, ut as resolveSurfaceFormTexts, x as collectFormScopes } from "./dist-
|
|
2
|
+
import { h as WebSkillError } from "./dist-Bev6i6Ip.js";
|
|
3
|
+
import { D as evaluateFieldCondition, I as qualifyFieldName, S as collectScopedValues, Z as DEFAULT_SURFACE_FORM_TEXTS, it as chartSpecFromProps, st as mountEchart, ut as resolveSurfaceFormTexts, x as collectFormScopes } from "./dist-1OFC-zax.js";
|
|
4
4
|
import minpath$1 from "node:path";
|
|
5
5
|
import { fileURLToPath as urlToPath$1 } from "node:url";
|
|
6
6
|
import { z } from "zod";
|
|
@@ -3490,8 +3490,8 @@ function useDarkAncestor() {
|
|
|
3490
3490
|
|
|
3491
3491
|
//#endregion
|
|
3492
3492
|
//#region ../../node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.5_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
|
|
3493
|
-
var __defProp$
|
|
3494
|
-
var __name$
|
|
3493
|
+
var __defProp$31 = Object.defineProperty;
|
|
3494
|
+
var __name$29 = (target, value) => __defProp$31(target, "name", {
|
|
3495
3495
|
value,
|
|
3496
3496
|
configurable: true
|
|
3497
3497
|
});
|
|
@@ -3499,7 +3499,7 @@ function setRef$1(ref, value) {
|
|
|
3499
3499
|
if (typeof ref === "function") return ref(value);
|
|
3500
3500
|
else if (ref !== null && ref !== void 0) ref.current = value;
|
|
3501
3501
|
}
|
|
3502
|
-
__name$
|
|
3502
|
+
__name$29(setRef$1, "setRef");
|
|
3503
3503
|
function composeRefs(...refs) {
|
|
3504
3504
|
return (node) => {
|
|
3505
3505
|
let hasCleanup = false;
|
|
@@ -3517,16 +3517,16 @@ function composeRefs(...refs) {
|
|
|
3517
3517
|
};
|
|
3518
3518
|
};
|
|
3519
3519
|
}
|
|
3520
|
-
__name$
|
|
3520
|
+
__name$29(composeRefs, "composeRefs");
|
|
3521
3521
|
function useComposedRefs(...refs) {
|
|
3522
3522
|
return React$10.useCallback(composeRefs(...refs), refs);
|
|
3523
3523
|
}
|
|
3524
|
-
__name$
|
|
3524
|
+
__name$29(useComposedRefs, "useComposedRefs");
|
|
3525
3525
|
|
|
3526
3526
|
//#endregion
|
|
3527
3527
|
//#region ../../node_modules/.pnpm/@radix-ui+react-context@1.2.2_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-context/dist/index.mjs
|
|
3528
|
-
var __defProp$
|
|
3529
|
-
var __name$
|
|
3528
|
+
var __defProp$30 = Object.defineProperty;
|
|
3529
|
+
var __name$28 = (target, value) => __defProp$30(target, "name", {
|
|
3530
3530
|
value,
|
|
3531
3531
|
configurable: true
|
|
3532
3532
|
});
|
|
@@ -3534,7 +3534,7 @@ var __name$26 = (target, value) => __defProp$28(target, "name", {
|
|
|
3534
3534
|
function createContext2(rootComponentName, defaultContext) {
|
|
3535
3535
|
const Context = React$10.createContext(defaultContext);
|
|
3536
3536
|
Context.displayName = rootComponentName + "Context";
|
|
3537
|
-
const Provider = /* @__PURE__ */ __name$
|
|
3537
|
+
const Provider = /* @__PURE__ */ __name$28((props) => {
|
|
3538
3538
|
const { children, ...context } = props;
|
|
3539
3539
|
const value = React$10.useMemo(() => context, Object.values(context));
|
|
3540
3540
|
return /* @__PURE__ */ jsx(Context.Provider, {
|
|
@@ -3551,10 +3551,10 @@ function createContext2(rootComponentName, defaultContext) {
|
|
|
3551
3551
|
if (optional) return void 0;
|
|
3552
3552
|
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
|
3553
3553
|
}
|
|
3554
|
-
__name$
|
|
3554
|
+
__name$28(useContext2, "useContext");
|
|
3555
3555
|
return [Provider, useContext2];
|
|
3556
3556
|
}
|
|
3557
|
-
__name$
|
|
3557
|
+
__name$28(createContext2, "createContext");
|
|
3558
3558
|
// @__NO_SIDE_EFFECTS__
|
|
3559
3559
|
function createContextScope(scopeName, createContextScopeDeps = []) {
|
|
3560
3560
|
let defaultContexts = [];
|
|
@@ -3563,7 +3563,7 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
|
|
|
3563
3563
|
BaseContext.displayName = rootComponentName + "Context";
|
|
3564
3564
|
const index = defaultContexts.length;
|
|
3565
3565
|
defaultContexts = [...defaultContexts, defaultContext];
|
|
3566
|
-
const Provider = /* @__PURE__ */ __name$
|
|
3566
|
+
const Provider = /* @__PURE__ */ __name$28((props) => {
|
|
3567
3567
|
const { scope, children, ...context } = props;
|
|
3568
3568
|
const Context = scope?.[scopeName]?.[index] || BaseContext;
|
|
3569
3569
|
const value = React$10.useMemo(() => context, Object.values(context));
|
|
@@ -3582,15 +3582,15 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
|
|
|
3582
3582
|
if (optional) return void 0;
|
|
3583
3583
|
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
|
3584
3584
|
}
|
|
3585
|
-
__name$
|
|
3585
|
+
__name$28(useContext2, "useContext");
|
|
3586
3586
|
return [Provider, useContext2];
|
|
3587
3587
|
}
|
|
3588
|
-
__name$
|
|
3589
|
-
const createScope = /* @__PURE__ */ __name$
|
|
3588
|
+
__name$28(createContext3, "createContext");
|
|
3589
|
+
const createScope = /* @__PURE__ */ __name$28(() => {
|
|
3590
3590
|
const scopeContexts = defaultContexts.map((defaultContext) => {
|
|
3591
3591
|
return React$10.createContext(defaultContext);
|
|
3592
3592
|
});
|
|
3593
|
-
return /* @__PURE__ */ __name$
|
|
3593
|
+
return /* @__PURE__ */ __name$28(function useScope(scope) {
|
|
3594
3594
|
const contexts = scope?.[scopeName] || scopeContexts;
|
|
3595
3595
|
return React$10.useMemo(() => ({ [`__scope${scopeName}`]: {
|
|
3596
3596
|
...scope,
|
|
@@ -3601,16 +3601,16 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
|
|
|
3601
3601
|
createScope.scopeName = scopeName;
|
|
3602
3602
|
return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
|
|
3603
3603
|
}
|
|
3604
|
-
__name$
|
|
3604
|
+
__name$28(createContextScope, "createContextScope");
|
|
3605
3605
|
function composeContextScopes(...scopes) {
|
|
3606
3606
|
const baseScope = scopes[0];
|
|
3607
3607
|
if (scopes.length === 1) return baseScope;
|
|
3608
|
-
const createScope = /* @__PURE__ */ __name$
|
|
3608
|
+
const createScope = /* @__PURE__ */ __name$28(() => {
|
|
3609
3609
|
const scopeHooks = scopes.map((createScope2) => ({
|
|
3610
3610
|
useScope: createScope2(),
|
|
3611
3611
|
scopeName: createScope2.scopeName
|
|
3612
3612
|
}));
|
|
3613
|
-
return /* @__PURE__ */ __name$
|
|
3613
|
+
return /* @__PURE__ */ __name$28(function useComposedScopes(overrideScopes) {
|
|
3614
3614
|
const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
|
|
3615
3615
|
const currentScope = useScope(overrideScopes)[`__scope${scopeName}`];
|
|
3616
3616
|
return {
|
|
@@ -3624,33 +3624,33 @@ function composeContextScopes(...scopes) {
|
|
|
3624
3624
|
createScope.scopeName = baseScope.scopeName;
|
|
3625
3625
|
return createScope;
|
|
3626
3626
|
}
|
|
3627
|
-
__name$
|
|
3627
|
+
__name$28(composeContextScopes, "composeContextScopes");
|
|
3628
3628
|
|
|
3629
3629
|
//#endregion
|
|
3630
3630
|
//#region ../../node_modules/.pnpm/@radix-ui+primitive@1.1.7/node_modules/@radix-ui/primitive/dist/index.mjs
|
|
3631
|
-
var __defProp$
|
|
3632
|
-
var __name$
|
|
3631
|
+
var __defProp$29 = Object.defineProperty;
|
|
3632
|
+
var __name$27 = (target, value) => __defProp$29(target, "name", {
|
|
3633
3633
|
value,
|
|
3634
3634
|
configurable: true
|
|
3635
3635
|
});
|
|
3636
3636
|
var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
|
|
3637
3637
|
function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
|
|
3638
|
-
return /* @__PURE__ */ __name$
|
|
3638
|
+
return /* @__PURE__ */ __name$27(function handleEvent(event) {
|
|
3639
3639
|
originalEventHandler?.(event);
|
|
3640
3640
|
if (checkForDefaultPrevented === false || !event || !event.defaultPrevented) return ourEventHandler?.(event);
|
|
3641
3641
|
}, "handleEvent");
|
|
3642
3642
|
}
|
|
3643
|
-
__name$
|
|
3643
|
+
__name$27(composeEventHandlers, "composeEventHandlers");
|
|
3644
3644
|
function getOwnerWindow(element) {
|
|
3645
3645
|
if (!canUseDOM) throw new Error("Cannot access window outside of the DOM");
|
|
3646
3646
|
return element?.ownerDocument?.defaultView ?? window;
|
|
3647
3647
|
}
|
|
3648
|
-
__name$
|
|
3648
|
+
__name$27(getOwnerWindow, "getOwnerWindow");
|
|
3649
3649
|
function getOwnerDocument(element) {
|
|
3650
3650
|
if (!canUseDOM) throw new Error("Cannot access document outside of the DOM");
|
|
3651
3651
|
return element?.ownerDocument ?? document;
|
|
3652
3652
|
}
|
|
3653
|
-
__name$
|
|
3653
|
+
__name$27(getOwnerDocument, "getOwnerDocument");
|
|
3654
3654
|
function getActiveElement(node, activeDescendant = false) {
|
|
3655
3655
|
const { activeElement } = getOwnerDocument(node);
|
|
3656
3656
|
if (!activeElement?.nodeName) return null;
|
|
@@ -3664,11 +3664,11 @@ function getActiveElement(node, activeDescendant = false) {
|
|
|
3664
3664
|
}
|
|
3665
3665
|
return activeElement;
|
|
3666
3666
|
}
|
|
3667
|
-
__name$
|
|
3667
|
+
__name$27(getActiveElement, "getActiveElement");
|
|
3668
3668
|
function isFrame(element) {
|
|
3669
3669
|
return element.tagName === "IFRAME";
|
|
3670
3670
|
}
|
|
3671
|
-
__name$
|
|
3671
|
+
__name$27(isFrame, "isFrame");
|
|
3672
3672
|
|
|
3673
3673
|
//#endregion
|
|
3674
3674
|
//#region ../../node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
|
|
@@ -3676,8 +3676,8 @@ var useLayoutEffect2 = globalThis?.document ? React$10.useLayoutEffect : () => {
|
|
|
3676
3676
|
|
|
3677
3677
|
//#endregion
|
|
3678
3678
|
//#region ../../node_modules/.pnpm/@radix-ui+react-use-effect-event@0.0.5_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-effect-event/dist/index.mjs
|
|
3679
|
-
var __defProp$
|
|
3680
|
-
var __name$
|
|
3679
|
+
var __defProp$28 = Object.defineProperty;
|
|
3680
|
+
var __name$26 = (target, value) => __defProp$28(target, "name", {
|
|
3681
3681
|
value,
|
|
3682
3682
|
configurable: true
|
|
3683
3683
|
});
|
|
@@ -3696,17 +3696,17 @@ function useEffectEvent$2(callback) {
|
|
|
3696
3696
|
});
|
|
3697
3697
|
return React$10.useMemo(() => ((...args) => ref.current?.(...args)), []);
|
|
3698
3698
|
}
|
|
3699
|
-
__name$
|
|
3699
|
+
__name$26(useEffectEvent$2, "useEffectEvent");
|
|
3700
3700
|
|
|
3701
3701
|
//#endregion
|
|
3702
3702
|
//#region ../../node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.2.6_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
|
|
3703
|
-
var __defProp$
|
|
3704
|
-
var __name$
|
|
3703
|
+
var __defProp$27 = Object.defineProperty;
|
|
3704
|
+
var __name$25 = (target, value) => __defProp$27(target, "name", {
|
|
3705
3705
|
value,
|
|
3706
3706
|
configurable: true
|
|
3707
3707
|
});
|
|
3708
3708
|
var useInsertionEffect$1 = React$10[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
|
|
3709
|
-
function useControllableState({ prop, defaultProp, onChange = /* @__PURE__ */ __name$
|
|
3709
|
+
function useControllableState({ prop, defaultProp, onChange = /* @__PURE__ */ __name$25(() => {}, "onChange"), caller }) {
|
|
3710
3710
|
const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState({
|
|
3711
3711
|
defaultProp,
|
|
3712
3712
|
onChange
|
|
@@ -3723,7 +3723,7 @@ function useControllableState({ prop, defaultProp, onChange = /* @__PURE__ */ __
|
|
|
3723
3723
|
}
|
|
3724
3724
|
return [value, React$10.useCallback((nextValue) => {
|
|
3725
3725
|
if (isControlled) {
|
|
3726
|
-
const value2 = isFunction$
|
|
3726
|
+
const value2 = isFunction$4(nextValue) ? nextValue(prop) : nextValue;
|
|
3727
3727
|
if (value2 !== prop) onChangeRef.current?.(value2);
|
|
3728
3728
|
} else setUncontrolledProp(nextValue);
|
|
3729
3729
|
}, [
|
|
@@ -3733,7 +3733,7 @@ function useControllableState({ prop, defaultProp, onChange = /* @__PURE__ */ __
|
|
|
3733
3733
|
onChangeRef
|
|
3734
3734
|
])];
|
|
3735
3735
|
}
|
|
3736
|
-
__name$
|
|
3736
|
+
__name$25(useControllableState, "useControllableState");
|
|
3737
3737
|
function useUncontrolledState({ defaultProp, onChange }) {
|
|
3738
3738
|
const [value, setValue] = React$10.useState(defaultProp);
|
|
3739
3739
|
const prevValueRef = React$10.useRef(value);
|
|
@@ -3753,11 +3753,11 @@ function useUncontrolledState({ defaultProp, onChange }) {
|
|
|
3753
3753
|
onChangeRef
|
|
3754
3754
|
];
|
|
3755
3755
|
}
|
|
3756
|
-
__name$
|
|
3757
|
-
function isFunction$
|
|
3756
|
+
__name$25(useUncontrolledState, "useUncontrolledState");
|
|
3757
|
+
function isFunction$4(value) {
|
|
3758
3758
|
return typeof value === "function";
|
|
3759
3759
|
}
|
|
3760
|
-
__name$
|
|
3760
|
+
__name$25(isFunction$4, "isFunction");
|
|
3761
3761
|
var SYNC_STATE = Symbol("RADIX:SYNC_STATE");
|
|
3762
3762
|
function useControllableStateReducer(reducer, userArgs, initialArg, init) {
|
|
3763
3763
|
const { prop: controlledState, defaultProp, onChange: onChangeProp, caller } = userArgs;
|
|
@@ -3816,12 +3816,12 @@ function useControllableStateReducer(reducer, userArgs, initialArg, init) {
|
|
|
3816
3816
|
]);
|
|
3817
3817
|
return [state, dispatch];
|
|
3818
3818
|
}
|
|
3819
|
-
__name$
|
|
3819
|
+
__name$25(useControllableStateReducer, "useControllableStateReducer");
|
|
3820
3820
|
|
|
3821
3821
|
//#endregion
|
|
3822
3822
|
//#region ../../node_modules/.pnpm/@radix-ui+react-use-size@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-size/dist/index.mjs
|
|
3823
|
-
var __defProp$
|
|
3824
|
-
var __name$
|
|
3823
|
+
var __defProp$26 = Object.defineProperty;
|
|
3824
|
+
var __name$24 = (target, value) => __defProp$26(target, "name", {
|
|
3825
3825
|
value,
|
|
3826
3826
|
configurable: true
|
|
3827
3827
|
});
|
|
@@ -3859,12 +3859,12 @@ function useSize(element) {
|
|
|
3859
3859
|
}, [element]);
|
|
3860
3860
|
return size;
|
|
3861
3861
|
}
|
|
3862
|
-
__name$
|
|
3862
|
+
__name$24(useSize, "useSize");
|
|
3863
3863
|
|
|
3864
3864
|
//#endregion
|
|
3865
3865
|
//#region ../../node_modules/.pnpm/@radix-ui+react-presence@1.1.10_@types+react-dom@19.2.3_@types+react@19.2.17__@types+re_138587ba593102bdcf335a5673d92068/node_modules/@radix-ui/react-presence/dist/index.mjs
|
|
3866
|
-
var __defProp$
|
|
3867
|
-
var __name$
|
|
3866
|
+
var __defProp$25 = Object.defineProperty;
|
|
3867
|
+
var __name$23 = (target, value) => __defProp$25(target, "name", {
|
|
3868
3868
|
value,
|
|
3869
3869
|
configurable: true
|
|
3870
3870
|
});
|
|
@@ -3873,8 +3873,8 @@ function useStateMachine$1(initialState, machine) {
|
|
|
3873
3873
|
return machine[state][event] ?? state;
|
|
3874
3874
|
}, initialState);
|
|
3875
3875
|
}
|
|
3876
|
-
__name$
|
|
3877
|
-
var Presence = /* @__PURE__ */ __name$
|
|
3876
|
+
__name$23(useStateMachine$1, "useStateMachine");
|
|
3877
|
+
var Presence = /* @__PURE__ */ __name$23((props) => {
|
|
3878
3878
|
const { present, children } = props;
|
|
3879
3879
|
const presence = usePresence(present);
|
|
3880
3880
|
const child = typeof children === "function" ? children({ present: presence.isPresent }) : React$10.Children.only(children);
|
|
@@ -3923,7 +3923,7 @@ function usePresence(present) {
|
|
|
3923
3923
|
if (node) {
|
|
3924
3924
|
let timeoutId;
|
|
3925
3925
|
const ownerWindow = node.ownerDocument.defaultView ?? window;
|
|
3926
|
-
const handleAnimationEnd = /* @__PURE__ */ __name$
|
|
3926
|
+
const handleAnimationEnd = /* @__PURE__ */ __name$23((event) => {
|
|
3927
3927
|
const isCurrentAnimation = getAnimationName(stylesRef.current).includes(CSS.escape(event.animationName));
|
|
3928
3928
|
if (event.target === node && isCurrentAnimation) {
|
|
3929
3929
|
send("ANIMATION_END");
|
|
@@ -3936,7 +3936,7 @@ function usePresence(present) {
|
|
|
3936
3936
|
}
|
|
3937
3937
|
}
|
|
3938
3938
|
}, "handleAnimationEnd");
|
|
3939
|
-
const handleAnimationStart = /* @__PURE__ */ __name$
|
|
3939
|
+
const handleAnimationStart = /* @__PURE__ */ __name$23((event) => {
|
|
3940
3940
|
if (event.target === node) prevAnimationNameRef.current = getAnimationName(stylesRef.current);
|
|
3941
3941
|
}, "handleAnimationStart");
|
|
3942
3942
|
node.addEventListener("animationstart", handleAnimationStart);
|
|
@@ -3962,12 +3962,12 @@ function usePresence(present) {
|
|
|
3962
3962
|
}, [])
|
|
3963
3963
|
};
|
|
3964
3964
|
}
|
|
3965
|
-
__name$
|
|
3965
|
+
__name$23(usePresence, "usePresence");
|
|
3966
3966
|
function setRef(ref, value) {
|
|
3967
3967
|
if (typeof ref === "function") return ref(value);
|
|
3968
3968
|
else if (ref !== null && ref !== void 0) ref.current = value;
|
|
3969
3969
|
}
|
|
3970
|
-
__name$
|
|
3970
|
+
__name$23(setRef, "setRef");
|
|
3971
3971
|
function useStableComposedRefs(...refs) {
|
|
3972
3972
|
const refsRef = React$10.useRef(refs);
|
|
3973
3973
|
refsRef.current = refs;
|
|
@@ -3988,11 +3988,11 @@ function useStableComposedRefs(...refs) {
|
|
|
3988
3988
|
};
|
|
3989
3989
|
}, []);
|
|
3990
3990
|
}
|
|
3991
|
-
__name$
|
|
3991
|
+
__name$23(useStableComposedRefs, "useStableComposedRefs");
|
|
3992
3992
|
function getAnimationName(styles) {
|
|
3993
3993
|
return styles?.animationName || "none";
|
|
3994
3994
|
}
|
|
3995
|
-
__name$
|
|
3995
|
+
__name$23(getAnimationName, "getAnimationName");
|
|
3996
3996
|
function getElementRef$1(element) {
|
|
3997
3997
|
let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
|
|
3998
3998
|
let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
|
|
@@ -4002,12 +4002,12 @@ function getElementRef$1(element) {
|
|
|
4002
4002
|
if (mayWarn) return element.props.ref;
|
|
4003
4003
|
return element.props.ref || element.ref;
|
|
4004
4004
|
}
|
|
4005
|
-
__name$
|
|
4005
|
+
__name$23(getElementRef$1, "getElementRef");
|
|
4006
4006
|
|
|
4007
4007
|
//#endregion
|
|
4008
4008
|
//#region ../../node_modules/.pnpm/@radix-ui+react-slot@1.3.3_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-slot/dist/index.mjs
|
|
4009
|
-
var __defProp$
|
|
4010
|
-
var __name$
|
|
4009
|
+
var __defProp$24 = Object.defineProperty;
|
|
4010
|
+
var __name$22 = (target, value) => __defProp$24(target, "name", {
|
|
4011
4011
|
value,
|
|
4012
4012
|
configurable: true
|
|
4013
4013
|
});
|
|
@@ -4044,17 +4044,17 @@ function createSlot(ownerName) {
|
|
|
4044
4044
|
Slot2.displayName = `${ownerName}.Slot`;
|
|
4045
4045
|
return Slot2;
|
|
4046
4046
|
}
|
|
4047
|
-
__name$
|
|
4047
|
+
__name$22(createSlot, "createSlot");
|
|
4048
4048
|
var SLOTTABLE_IDENTIFIER = Symbol.for("radix.slottable");
|
|
4049
4049
|
// @__NO_SIDE_EFFECTS__
|
|
4050
4050
|
function createSlottable(ownerName) {
|
|
4051
|
-
const Slottable2 = /* @__PURE__ */ __name$
|
|
4051
|
+
const Slottable2 = /* @__PURE__ */ __name$22((props) => "child" in props ? props.children(props.child) : props.children, "Slottable");
|
|
4052
4052
|
Slottable2.displayName = `${ownerName}.Slottable`;
|
|
4053
4053
|
Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
|
|
4054
4054
|
return Slottable2;
|
|
4055
4055
|
}
|
|
4056
|
-
__name$
|
|
4057
|
-
var getSlottableElementFromSlottable = /* @__PURE__ */ __name$
|
|
4056
|
+
__name$22(createSlottable, "createSlottable");
|
|
4057
|
+
var getSlottableElementFromSlottable = /* @__PURE__ */ __name$22((slottable, child) => {
|
|
4058
4058
|
if ("child" in slottable.props) {
|
|
4059
4059
|
const child2 = slottable.props.child;
|
|
4060
4060
|
if (!React$10.isValidElement(child2)) return null;
|
|
@@ -4085,7 +4085,7 @@ function mergeProps(slotProps, childProps) {
|
|
|
4085
4085
|
...overrideProps
|
|
4086
4086
|
};
|
|
4087
4087
|
}
|
|
4088
|
-
__name$
|
|
4088
|
+
__name$22(mergeProps, "mergeProps");
|
|
4089
4089
|
function getElementRef(element) {
|
|
4090
4090
|
let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
|
|
4091
4091
|
let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
|
|
@@ -4095,32 +4095,32 @@ function getElementRef(element) {
|
|
|
4095
4095
|
if (mayWarn) return element.props.ref;
|
|
4096
4096
|
return element.props.ref || element.ref;
|
|
4097
4097
|
}
|
|
4098
|
-
__name$
|
|
4098
|
+
__name$22(getElementRef, "getElementRef");
|
|
4099
4099
|
function isSlottable(child) {
|
|
4100
4100
|
return React$10.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
|
|
4101
4101
|
}
|
|
4102
|
-
__name$
|
|
4102
|
+
__name$22(isSlottable, "isSlottable");
|
|
4103
4103
|
var REACT_LAZY_TYPE = Symbol.for("react.lazy");
|
|
4104
4104
|
function isLazyComponent(element) {
|
|
4105
4105
|
return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
|
|
4106
4106
|
}
|
|
4107
|
-
__name$
|
|
4107
|
+
__name$22(isLazyComponent, "isLazyComponent");
|
|
4108
4108
|
function isPromiseLike(value) {
|
|
4109
4109
|
return typeof value === "object" && value !== null && "then" in value;
|
|
4110
4110
|
}
|
|
4111
|
-
__name$
|
|
4112
|
-
var createSlotError = /* @__PURE__ */ __name$
|
|
4111
|
+
__name$22(isPromiseLike, "isPromiseLike");
|
|
4112
|
+
var createSlotError = /* @__PURE__ */ __name$22((ownerName) => {
|
|
4113
4113
|
return `${ownerName} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`;
|
|
4114
4114
|
}, "createSlotError");
|
|
4115
|
-
var createSlottableError = /* @__PURE__ */ __name$
|
|
4115
|
+
var createSlottableError = /* @__PURE__ */ __name$22((ownerName) => {
|
|
4116
4116
|
return `${ownerName} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`;
|
|
4117
4117
|
}, "createSlottableError");
|
|
4118
4118
|
var use$2 = React$10[" use ".trim().toString()];
|
|
4119
4119
|
|
|
4120
4120
|
//#endregion
|
|
4121
4121
|
//#region ../../node_modules/.pnpm/@radix-ui+react-primitive@2.1.10_@types+react-dom@19.2.3_@types+react@19.2.17__@types+r_be17283a23f513d7b972453cc36e2a96/node_modules/@radix-ui/react-primitive/dist/index.mjs
|
|
4122
|
-
var __defProp$
|
|
4123
|
-
var __name$
|
|
4122
|
+
var __defProp$23 = Object.defineProperty;
|
|
4123
|
+
var __name$21 = (target, value) => __defProp$23(target, "name", {
|
|
4124
4124
|
value,
|
|
4125
4125
|
configurable: true
|
|
4126
4126
|
});
|
|
@@ -4162,12 +4162,12 @@ var Primitive = [
|
|
|
4162
4162
|
function dispatchDiscreteCustomEvent(target, event) {
|
|
4163
4163
|
if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));
|
|
4164
4164
|
}
|
|
4165
|
-
__name$
|
|
4165
|
+
__name$21(dispatchDiscreteCustomEvent, "dispatchDiscreteCustomEvent");
|
|
4166
4166
|
|
|
4167
4167
|
//#endregion
|
|
4168
4168
|
//#region ../../node_modules/.pnpm/@radix-ui+react-switch@1.3.7_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react_e96baf15833549650471eefa4ffd78d0/node_modules/@radix-ui/react-switch/dist/index.mjs
|
|
4169
|
-
var __defProp$
|
|
4170
|
-
var __name$
|
|
4169
|
+
var __defProp$22 = Object.defineProperty;
|
|
4170
|
+
var __name$20 = (target, value) => __defProp$22(target, "name", {
|
|
4171
4171
|
value,
|
|
4172
4172
|
configurable: true
|
|
4173
4173
|
});
|
|
@@ -4207,19 +4207,19 @@ function SwitchProvider(props) {
|
|
|
4207
4207
|
return /* @__PURE__ */ jsx(SwitchProviderImpl, {
|
|
4208
4208
|
scope: __scopeSwitch,
|
|
4209
4209
|
...context,
|
|
4210
|
-
children: isFunction$
|
|
4210
|
+
children: isFunction$3(internal_do_not_use_render) ? internal_do_not_use_render(context) : children
|
|
4211
4211
|
});
|
|
4212
4212
|
}
|
|
4213
|
-
__name$
|
|
4214
|
-
var TRIGGER_NAME$
|
|
4215
|
-
var SwitchTrigger = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
4216
|
-
const { control, form, value, disabled, checked, required, setControl, setChecked, hasConsumerStoppedPropagationRef, onUserInteraction, isFormControl, bubbleInput } = useSwitchContext(TRIGGER_NAME$
|
|
4213
|
+
__name$20(SwitchProvider, "SwitchProvider");
|
|
4214
|
+
var TRIGGER_NAME$3 = "SwitchTrigger";
|
|
4215
|
+
var SwitchTrigger = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$20(function SwitchTrigger2({ __scopeSwitch, onClick, ...switchProps }, forwardedRef) {
|
|
4216
|
+
const { control, form, value, disabled, checked, required, setControl, setChecked, hasConsumerStoppedPropagationRef, onUserInteraction, isFormControl, bubbleInput } = useSwitchContext(TRIGGER_NAME$3, __scopeSwitch);
|
|
4217
4217
|
const composedRefs = useComposedRefs(forwardedRef, setControl);
|
|
4218
4218
|
const initialCheckedStateRef = React$10.useRef(checked);
|
|
4219
4219
|
React$10.useEffect(() => {
|
|
4220
4220
|
const associatedForm = form ? control?.ownerDocument.getElementById(form) : control?.form;
|
|
4221
4221
|
if (associatedForm instanceof HTMLFormElement) {
|
|
4222
|
-
const reset = /* @__PURE__ */ __name$
|
|
4222
|
+
const reset = /* @__PURE__ */ __name$20(() => setChecked(initialCheckedStateRef.current), "reset");
|
|
4223
4223
|
associatedForm.addEventListener("reset", reset);
|
|
4224
4224
|
return () => associatedForm.removeEventListener("reset", reset);
|
|
4225
4225
|
}
|
|
@@ -4249,7 +4249,7 @@ var SwitchTrigger = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$1
|
|
|
4249
4249
|
})
|
|
4250
4250
|
});
|
|
4251
4251
|
}, "SwitchTrigger"));
|
|
4252
|
-
var Switch$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
4252
|
+
var Switch$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$20(function Switch2(props, forwardedRef) {
|
|
4253
4253
|
const { __scopeSwitch, name, checked, defaultChecked, required, disabled, value, onCheckedChange, form, ...switchProps } = props;
|
|
4254
4254
|
return /* @__PURE__ */ jsx(SwitchProvider, {
|
|
4255
4255
|
__scopeSwitch,
|
|
@@ -4269,7 +4269,7 @@ var Switch$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$18(fun
|
|
|
4269
4269
|
});
|
|
4270
4270
|
}, "Switch"));
|
|
4271
4271
|
var THUMB_NAME$1 = "SwitchThumb";
|
|
4272
|
-
var SwitchThumb = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
4272
|
+
var SwitchThumb = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$20(function SwitchThumb2(props, forwardedRef) {
|
|
4273
4273
|
const { __scopeSwitch, ...thumbProps } = props;
|
|
4274
4274
|
const context = useSwitchContext(THUMB_NAME$1, __scopeSwitch);
|
|
4275
4275
|
return /* @__PURE__ */ jsx(Primitive.span, {
|
|
@@ -4279,9 +4279,9 @@ var SwitchThumb = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$18(
|
|
|
4279
4279
|
ref: forwardedRef
|
|
4280
4280
|
});
|
|
4281
4281
|
}, "SwitchThumb"));
|
|
4282
|
-
var BUBBLE_INPUT_NAME$
|
|
4283
|
-
var SwitchBubbleInput = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
4284
|
-
const { control, hasConsumerStoppedPropagationRef, userInteractionCount, checked, defaultChecked, required, disabled, name, value, form, bubbleInput, setBubbleInput } = useSwitchContext(BUBBLE_INPUT_NAME$
|
|
4282
|
+
var BUBBLE_INPUT_NAME$2 = "SwitchBubbleInput";
|
|
4283
|
+
var SwitchBubbleInput = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$20(function SwitchBubbleInput2({ __scopeSwitch, onClick, ...props }, forwardedRef) {
|
|
4284
|
+
const { control, hasConsumerStoppedPropagationRef, userInteractionCount, checked, defaultChecked, required, disabled, name, value, form, bubbleInput, setBubbleInput } = useSwitchContext(BUBBLE_INPUT_NAME$2, __scopeSwitch);
|
|
4285
4285
|
const composedRefs = useComposedRefs(forwardedRef, setBubbleInput);
|
|
4286
4286
|
const controlSize = useSize(control);
|
|
4287
4287
|
const shouldStopClickPropagationRef = React$10.useRef(false);
|
|
@@ -4337,19 +4337,19 @@ var SwitchBubbleInput = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __na
|
|
|
4337
4337
|
}
|
|
4338
4338
|
});
|
|
4339
4339
|
}, "SwitchBubbleInput"));
|
|
4340
|
-
function isFunction$
|
|
4340
|
+
function isFunction$3(value) {
|
|
4341
4341
|
return typeof value === "function";
|
|
4342
4342
|
}
|
|
4343
|
-
__name$
|
|
4343
|
+
__name$20(isFunction$3, "isFunction");
|
|
4344
4344
|
function getState$2(checked) {
|
|
4345
4345
|
return checked ? "checked" : "unchecked";
|
|
4346
4346
|
}
|
|
4347
|
-
__name$
|
|
4347
|
+
__name$20(getState$2, "getState");
|
|
4348
4348
|
|
|
4349
4349
|
//#endregion
|
|
4350
4350
|
//#region ../../node_modules/.pnpm/@radix-ui+react-collection@1.1.15_@types+react-dom@19.2.3_@types+react@19.2.17__@types+_e3b314e214d3788bd2a3a0fbdfeba189/node_modules/@radix-ui/react-collection/dist/index.mjs
|
|
4351
|
-
var __defProp$
|
|
4352
|
-
var __name$
|
|
4351
|
+
var __defProp$21 = Object.defineProperty;
|
|
4352
|
+
var __name$19 = (target, value) => __defProp$21(target, "name", {
|
|
4353
4353
|
value,
|
|
4354
4354
|
configurable: true
|
|
4355
4355
|
});
|
|
@@ -4361,7 +4361,7 @@ function createCollection(name) {
|
|
|
4361
4361
|
collectionRef: { current: null },
|
|
4362
4362
|
itemMap: /* @__PURE__ */ new Map()
|
|
4363
4363
|
});
|
|
4364
|
-
const CollectionProvider = /* @__PURE__ */ __name$
|
|
4364
|
+
const CollectionProvider = /* @__PURE__ */ __name$19((props) => {
|
|
4365
4365
|
const { scope, children } = props;
|
|
4366
4366
|
const ref = React$10.useRef(null);
|
|
4367
4367
|
const itemMap = React$10.useRef(/* @__PURE__ */ new Map()).current;
|
|
@@ -4415,7 +4415,7 @@ function createCollection(name) {
|
|
|
4415
4415
|
return Array.from(context.itemMap.values()).sort((a, b) => orderedNodes.indexOf(a.ref.current) - orderedNodes.indexOf(b.ref.current));
|
|
4416
4416
|
}, [context.collectionRef, context.itemMap]);
|
|
4417
4417
|
}
|
|
4418
|
-
__name$
|
|
4418
|
+
__name$19(useCollection, "useCollection");
|
|
4419
4419
|
return [
|
|
4420
4420
|
{
|
|
4421
4421
|
Provider: CollectionProvider,
|
|
@@ -4426,11 +4426,11 @@ function createCollection(name) {
|
|
|
4426
4426
|
createCollectionScope
|
|
4427
4427
|
];
|
|
4428
4428
|
}
|
|
4429
|
-
__name$
|
|
4429
|
+
__name$19(createCollection, "createCollection");
|
|
4430
4430
|
var __instanciated = /* @__PURE__ */ new WeakMap();
|
|
4431
4431
|
var OrderedDict = class _OrderedDict extends Map {
|
|
4432
4432
|
static {
|
|
4433
|
-
__name$
|
|
4433
|
+
__name$19(this, "OrderedDict");
|
|
4434
4434
|
}
|
|
4435
4435
|
#keys;
|
|
4436
4436
|
constructor(entries) {
|
|
@@ -4698,18 +4698,18 @@ function at(array, index) {
|
|
|
4698
4698
|
const actualIndex = toSafeIndex(array, index);
|
|
4699
4699
|
return actualIndex === -1 ? void 0 : array[actualIndex];
|
|
4700
4700
|
}
|
|
4701
|
-
__name$
|
|
4701
|
+
__name$19(at, "at");
|
|
4702
4702
|
function toSafeIndex(array, index) {
|
|
4703
4703
|
const length = array.length;
|
|
4704
4704
|
const relativeIndex = toSafeInteger(index);
|
|
4705
4705
|
const actualIndex = relativeIndex >= 0 ? relativeIndex : length + relativeIndex;
|
|
4706
4706
|
return actualIndex < 0 || actualIndex >= length ? -1 : actualIndex;
|
|
4707
4707
|
}
|
|
4708
|
-
__name$
|
|
4708
|
+
__name$19(toSafeIndex, "toSafeIndex");
|
|
4709
4709
|
function toSafeInteger(number) {
|
|
4710
4710
|
return number !== number || number === 0 ? 0 : Math.trunc(number);
|
|
4711
4711
|
}
|
|
4712
|
-
__name$
|
|
4712
|
+
__name$19(toSafeInteger, "toSafeInteger");
|
|
4713
4713
|
// @__NO_SIDE_EFFECTS__
|
|
4714
4714
|
function createCollection2(name) {
|
|
4715
4715
|
const PROVIDER_NAME = name + "CollectionProvider";
|
|
@@ -4719,16 +4719,16 @@ function createCollection2(name) {
|
|
|
4719
4719
|
collectionRef: { current: null },
|
|
4720
4720
|
collectionRefObject: { current: null },
|
|
4721
4721
|
itemMap: new OrderedDict(),
|
|
4722
|
-
setItemMap: /* @__PURE__ */ __name$
|
|
4722
|
+
setItemMap: /* @__PURE__ */ __name$19(() => void 0, "setItemMap")
|
|
4723
4723
|
});
|
|
4724
|
-
const CollectionProvider = /* @__PURE__ */ __name$
|
|
4724
|
+
const CollectionProvider = /* @__PURE__ */ __name$19(({ state, ...props }) => {
|
|
4725
4725
|
return state ? /* @__PURE__ */ jsx(CollectionProviderImpl, {
|
|
4726
4726
|
...props,
|
|
4727
4727
|
state
|
|
4728
4728
|
}) : /* @__PURE__ */ jsx(CollectionInit, { ...props });
|
|
4729
4729
|
}, "CollectionProvider");
|
|
4730
4730
|
CollectionProvider.displayName = PROVIDER_NAME;
|
|
4731
|
-
const CollectionInit = /* @__PURE__ */ __name$
|
|
4731
|
+
const CollectionInit = /* @__PURE__ */ __name$19((props) => {
|
|
4732
4732
|
const state = useInitCollection();
|
|
4733
4733
|
return /* @__PURE__ */ jsx(CollectionProviderImpl, {
|
|
4734
4734
|
...props,
|
|
@@ -4736,7 +4736,7 @@ function createCollection2(name) {
|
|
|
4736
4736
|
});
|
|
4737
4737
|
}, "CollectionInit");
|
|
4738
4738
|
CollectionInit.displayName = PROVIDER_NAME + "Init";
|
|
4739
|
-
const CollectionProviderImpl = /* @__PURE__ */ __name$
|
|
4739
|
+
const CollectionProviderImpl = /* @__PURE__ */ __name$19((props) => {
|
|
4740
4740
|
const { scope, children, state } = props;
|
|
4741
4741
|
const ref = React$10.useRef(null);
|
|
4742
4742
|
const [collectionElement, setCollectionElement] = React$10.useState(null);
|
|
@@ -4825,12 +4825,12 @@ function createCollection2(name) {
|
|
|
4825
4825
|
function useInitCollection() {
|
|
4826
4826
|
return React$10.useState(new OrderedDict());
|
|
4827
4827
|
}
|
|
4828
|
-
__name$
|
|
4828
|
+
__name$19(useInitCollection, "useInitCollection");
|
|
4829
4829
|
function useCollection(scope) {
|
|
4830
4830
|
const { itemMap } = useCollectionContext(name + "CollectionConsumer", scope);
|
|
4831
4831
|
return itemMap;
|
|
4832
4832
|
}
|
|
4833
|
-
__name$
|
|
4833
|
+
__name$19(useCollection, "useCollection");
|
|
4834
4834
|
return [{
|
|
4835
4835
|
Provider: CollectionProvider,
|
|
4836
4836
|
Slot: CollectionSlot,
|
|
@@ -4841,7 +4841,7 @@ function createCollection2(name) {
|
|
|
4841
4841
|
useInitCollection
|
|
4842
4842
|
}];
|
|
4843
4843
|
}
|
|
4844
|
-
__name$
|
|
4844
|
+
__name$19(createCollection2, "createCollection");
|
|
4845
4845
|
function shallowEqual$1(a, b) {
|
|
4846
4846
|
if (a === b) return true;
|
|
4847
4847
|
if (typeof a !== "object" || typeof b !== "object") return false;
|
|
@@ -4855,15 +4855,15 @@ function shallowEqual$1(a, b) {
|
|
|
4855
4855
|
}
|
|
4856
4856
|
return true;
|
|
4857
4857
|
}
|
|
4858
|
-
__name$
|
|
4858
|
+
__name$19(shallowEqual$1, "shallowEqual");
|
|
4859
4859
|
function isElementPreceding(a, b) {
|
|
4860
4860
|
return !!(b.compareDocumentPosition(a) & Node.DOCUMENT_POSITION_PRECEDING);
|
|
4861
4861
|
}
|
|
4862
|
-
__name$
|
|
4862
|
+
__name$19(isElementPreceding, "isElementPreceding");
|
|
4863
4863
|
function sortByDocumentPosition(a, b) {
|
|
4864
4864
|
return !a[1].element || !b[1].element ? 0 : isElementPreceding(a[1].element, b[1].element) ? -1 : 1;
|
|
4865
4865
|
}
|
|
4866
|
-
__name$
|
|
4866
|
+
__name$19(sortByDocumentPosition, "sortByDocumentPosition");
|
|
4867
4867
|
function getChildListObserver(callback) {
|
|
4868
4868
|
return new MutationObserver((mutationsList) => {
|
|
4869
4869
|
for (const mutation of mutationsList) if (mutation.type === "childList") {
|
|
@@ -4872,12 +4872,12 @@ function getChildListObserver(callback) {
|
|
|
4872
4872
|
}
|
|
4873
4873
|
});
|
|
4874
4874
|
}
|
|
4875
|
-
__name$
|
|
4875
|
+
__name$19(getChildListObserver, "getChildListObserver");
|
|
4876
4876
|
|
|
4877
4877
|
//#endregion
|
|
4878
4878
|
//#region ../../node_modules/.pnpm/@radix-ui+react-direction@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-direction/dist/index.mjs
|
|
4879
|
-
var __defProp$
|
|
4880
|
-
var __name$
|
|
4879
|
+
var __defProp$20 = Object.defineProperty;
|
|
4880
|
+
var __name$18 = (target, value) => __defProp$20(target, "name", {
|
|
4881
4881
|
value,
|
|
4882
4882
|
configurable: true
|
|
4883
4883
|
});
|
|
@@ -4886,12 +4886,12 @@ function useDirection(localDir) {
|
|
|
4886
4886
|
const globalDir = React$10.useContext(DirectionContext);
|
|
4887
4887
|
return localDir || globalDir || "ltr";
|
|
4888
4888
|
}
|
|
4889
|
-
__name$
|
|
4889
|
+
__name$18(useDirection, "useDirection");
|
|
4890
4890
|
|
|
4891
4891
|
//#endregion
|
|
4892
4892
|
//#region ../../node_modules/.pnpm/@radix-ui+react-use-callback-ref@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
|
|
4893
|
-
var __defProp$
|
|
4894
|
-
var __name$
|
|
4893
|
+
var __defProp$19 = Object.defineProperty;
|
|
4894
|
+
var __name$17 = (target, value) => __defProp$19(target, "name", {
|
|
4895
4895
|
value,
|
|
4896
4896
|
configurable: true
|
|
4897
4897
|
});
|
|
@@ -4902,12 +4902,12 @@ function useCallbackRef(callback) {
|
|
|
4902
4902
|
});
|
|
4903
4903
|
return React$10.useMemo(() => ((...args) => callbackRef.current?.(...args)), []);
|
|
4904
4904
|
}
|
|
4905
|
-
__name$
|
|
4905
|
+
__name$17(useCallbackRef, "useCallbackRef");
|
|
4906
4906
|
|
|
4907
4907
|
//#endregion
|
|
4908
4908
|
//#region ../../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.19_@types+react-dom@19.2.3_@types+react@19.2.17___1726272c044b69ad8799cdb51c1704df/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
|
|
4909
|
-
var __defProp$
|
|
4910
|
-
var __name$
|
|
4909
|
+
var __defProp$18 = Object.defineProperty;
|
|
4910
|
+
var __name$16 = (target, value) => __defProp$18(target, "name", {
|
|
4911
4911
|
value,
|
|
4912
4912
|
configurable: true
|
|
4913
4913
|
});
|
|
@@ -4921,7 +4921,7 @@ var DismissableLayerContext = React$10.createContext({
|
|
|
4921
4921
|
branches: /* @__PURE__ */ new Set(),
|
|
4922
4922
|
dismissableSurfaces: /* @__PURE__ */ new Set()
|
|
4923
4923
|
});
|
|
4924
|
-
var DismissableLayer = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
4924
|
+
var DismissableLayer = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$16(function DismissableLayer2(props, forwardedRef) {
|
|
4925
4925
|
const { disableOutsidePointerEvents = false, deferPointerDownOutside = false, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, onDismiss, ...layerProps } = props;
|
|
4926
4926
|
const context = React$10.useContext(DismissableLayerContext);
|
|
4927
4927
|
const [node, setNode] = React$10.useState(null);
|
|
@@ -5008,7 +5008,7 @@ var DismissableLayer = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __nam
|
|
|
5008
5008
|
};
|
|
5009
5009
|
}, [node, context]);
|
|
5010
5010
|
React$10.useEffect(() => {
|
|
5011
|
-
const handleUpdate = /* @__PURE__ */ __name$
|
|
5011
|
+
const handleUpdate = /* @__PURE__ */ __name$16(() => force({}), "handleUpdate");
|
|
5012
5012
|
document.addEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
5013
5013
|
return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
5014
5014
|
}, []);
|
|
@@ -5036,8 +5036,8 @@ function useDismissableLayerSurface() {
|
|
|
5036
5036
|
}, [node, context.dismissableSurfaces]);
|
|
5037
5037
|
return setNode;
|
|
5038
5038
|
}
|
|
5039
|
-
__name$
|
|
5040
|
-
var IS_TRUE = /* @__PURE__ */ __name$
|
|
5039
|
+
__name$16(useDismissableLayerSurface, "useDismissableLayerSurface");
|
|
5040
|
+
var IS_TRUE = /* @__PURE__ */ __name$16(() => true, "IS_TRUE");
|
|
5041
5041
|
function usePointerDownOutside(onPointerDownOutside, args) {
|
|
5042
5042
|
const { ownerDocument = globalThis?.document, deferPointerDownOutside = false, isDeferredPointerDownOutsideRef, dismissableSurfaces, shouldHandlePointerDownOutside = IS_TRUE } = args;
|
|
5043
5043
|
const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
|
|
@@ -5051,11 +5051,11 @@ function usePointerDownOutside(onPointerDownOutside, args) {
|
|
|
5051
5051
|
isDeferredPointerDownOutsideRef.current = false;
|
|
5052
5052
|
interceptedOutsideInteractionEventsRef.current.clear();
|
|
5053
5053
|
}
|
|
5054
|
-
__name$
|
|
5054
|
+
__name$16(resetOutsideInteraction, "resetOutsideInteraction");
|
|
5055
5055
|
function isOutsideInteractionIntercepted() {
|
|
5056
5056
|
return Array.from(interceptedOutsideInteractionEventsRef.current.values()).some(Boolean);
|
|
5057
5057
|
}
|
|
5058
|
-
__name$
|
|
5058
|
+
__name$16(isOutsideInteractionIntercepted, "isOutsideInteractionIntercepted");
|
|
5059
5059
|
function handleInteractionCapture(event) {
|
|
5060
5060
|
if (!isPointerDownOutsideRef.current) return;
|
|
5061
5061
|
const target = event.target;
|
|
@@ -5064,12 +5064,12 @@ function usePointerDownOutside(onPointerDownOutside, args) {
|
|
|
5064
5064
|
if (isPointerDownOutsideRef.current) handleClickRef.current();
|
|
5065
5065
|
}, 0);
|
|
5066
5066
|
}
|
|
5067
|
-
__name$
|
|
5067
|
+
__name$16(handleInteractionCapture, "handleInteractionCapture");
|
|
5068
5068
|
function handleInteractionBubble(event) {
|
|
5069
5069
|
if (isPointerDownOutsideRef.current) interceptedOutsideInteractionEventsRef.current.set(event.type, false);
|
|
5070
5070
|
}
|
|
5071
|
-
__name$
|
|
5072
|
-
const handlePointerDown = /* @__PURE__ */ __name$
|
|
5071
|
+
__name$16(handleInteractionBubble, "handleInteractionBubble");
|
|
5072
|
+
const handlePointerDown = /* @__PURE__ */ __name$16((event) => {
|
|
5073
5073
|
if (event.target && !isPointerInsideReactTreeRef.current) {
|
|
5074
5074
|
let handleAndDispatchPointerDownOutsideEvent2 = function() {
|
|
5075
5075
|
ownerDocument.removeEventListener("click", handleClickRef.current);
|
|
@@ -5077,7 +5077,7 @@ function usePointerDownOutside(onPointerDownOutside, args) {
|
|
|
5077
5077
|
resetOutsideInteraction();
|
|
5078
5078
|
if (!wasOutsideInteractionIntercepted) handleAndDispatchCustomEvent(POINTER_DOWN_OUTSIDE, handlePointerDownOutside, eventDetail, { discrete: true });
|
|
5079
5079
|
};
|
|
5080
|
-
__name$
|
|
5080
|
+
__name$16(handleAndDispatchPointerDownOutsideEvent2, "handleAndDispatchPointerDownOutsideEvent");
|
|
5081
5081
|
if (!shouldHandlePointerDownOutside(event.target)) {
|
|
5082
5082
|
ownerDocument.removeEventListener("click", handleClickRef.current);
|
|
5083
5083
|
resetOutsideInteraction();
|
|
@@ -5132,30 +5132,30 @@ function usePointerDownOutside(onPointerDownOutside, args) {
|
|
|
5132
5132
|
dismissableSurfaces,
|
|
5133
5133
|
shouldHandlePointerDownOutside
|
|
5134
5134
|
]);
|
|
5135
|
-
return { onPointerDownCapture: /* @__PURE__ */ __name$
|
|
5135
|
+
return { onPointerDownCapture: /* @__PURE__ */ __name$16(() => isPointerInsideReactTreeRef.current = true, "onPointerDownCapture") };
|
|
5136
5136
|
}
|
|
5137
|
-
__name$
|
|
5137
|
+
__name$16(usePointerDownOutside, "usePointerDownOutside");
|
|
5138
5138
|
function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
|
|
5139
5139
|
const handleFocusOutside = useCallbackRef(onFocusOutside);
|
|
5140
5140
|
const isFocusInsideReactTreeRef = React$10.useRef(false);
|
|
5141
5141
|
React$10.useEffect(() => {
|
|
5142
|
-
const handleFocus = /* @__PURE__ */ __name$
|
|
5142
|
+
const handleFocus = /* @__PURE__ */ __name$16((event) => {
|
|
5143
5143
|
if (event.target && !isFocusInsideReactTreeRef.current) handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, { originalEvent: event }, { discrete: false });
|
|
5144
5144
|
}, "handleFocus");
|
|
5145
5145
|
ownerDocument.addEventListener("focusin", handleFocus);
|
|
5146
5146
|
return () => ownerDocument.removeEventListener("focusin", handleFocus);
|
|
5147
5147
|
}, [ownerDocument, handleFocusOutside]);
|
|
5148
5148
|
return {
|
|
5149
|
-
onFocusCapture: /* @__PURE__ */ __name$
|
|
5150
|
-
onBlurCapture: /* @__PURE__ */ __name$
|
|
5149
|
+
onFocusCapture: /* @__PURE__ */ __name$16(() => isFocusInsideReactTreeRef.current = true, "onFocusCapture"),
|
|
5150
|
+
onBlurCapture: /* @__PURE__ */ __name$16(() => isFocusInsideReactTreeRef.current = false, "onBlurCapture")
|
|
5151
5151
|
};
|
|
5152
5152
|
}
|
|
5153
|
-
__name$
|
|
5153
|
+
__name$16(useFocusOutside, "useFocusOutside");
|
|
5154
5154
|
function dispatchUpdate() {
|
|
5155
5155
|
const event = new CustomEvent(CONTEXT_UPDATE);
|
|
5156
5156
|
document.dispatchEvent(event);
|
|
5157
5157
|
}
|
|
5158
|
-
__name$
|
|
5158
|
+
__name$16(dispatchUpdate, "dispatchUpdate");
|
|
5159
5159
|
function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
|
|
5160
5160
|
const target = detail.originalEvent.target;
|
|
5161
5161
|
const event = new CustomEvent(name, {
|
|
@@ -5167,12 +5167,12 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
|
|
|
5167
5167
|
if (discrete) dispatchDiscreteCustomEvent(target, event);
|
|
5168
5168
|
else target.dispatchEvent(event);
|
|
5169
5169
|
}
|
|
5170
|
-
__name$
|
|
5170
|
+
__name$16(handleAndDispatchCustomEvent, "handleAndDispatchCustomEvent");
|
|
5171
5171
|
|
|
5172
5172
|
//#endregion
|
|
5173
5173
|
//#region ../../node_modules/.pnpm/@radix-ui+react-focus-guards@1.1.6_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-focus-guards/dist/index.mjs
|
|
5174
|
-
var __defProp$
|
|
5175
|
-
var __name$
|
|
5174
|
+
var __defProp$17 = Object.defineProperty;
|
|
5175
|
+
var __name$15 = (target, value) => __defProp$17(target, "name", {
|
|
5176
5176
|
value,
|
|
5177
5177
|
configurable: true
|
|
5178
5178
|
});
|
|
@@ -5182,7 +5182,7 @@ function FocusGuards(props) {
|
|
|
5182
5182
|
useFocusGuards();
|
|
5183
5183
|
return props.children;
|
|
5184
5184
|
}
|
|
5185
|
-
__name$
|
|
5185
|
+
__name$15(FocusGuards, "FocusGuards");
|
|
5186
5186
|
function useFocusGuards() {
|
|
5187
5187
|
React$10.useEffect(() => {
|
|
5188
5188
|
if (!guards) guards = {
|
|
@@ -5203,7 +5203,7 @@ function useFocusGuards() {
|
|
|
5203
5203
|
};
|
|
5204
5204
|
}, []);
|
|
5205
5205
|
}
|
|
5206
|
-
__name$
|
|
5206
|
+
__name$15(useFocusGuards, "useFocusGuards");
|
|
5207
5207
|
function createFocusGuard() {
|
|
5208
5208
|
const element = document.createElement("span");
|
|
5209
5209
|
element.setAttribute("data-radix-focus-guard", "");
|
|
@@ -5214,12 +5214,12 @@ function createFocusGuard() {
|
|
|
5214
5214
|
element.style.pointerEvents = "none";
|
|
5215
5215
|
return element;
|
|
5216
5216
|
}
|
|
5217
|
-
__name$
|
|
5217
|
+
__name$15(createFocusGuard, "createFocusGuard");
|
|
5218
5218
|
|
|
5219
5219
|
//#endregion
|
|
5220
5220
|
//#region ../../node_modules/.pnpm/@radix-ui+react-focus-scope@1.1.16_@types+react-dom@19.2.3_@types+react@19.2.17__@types_688a7092b7a27f27c45d3c59450c400f/node_modules/@radix-ui/react-focus-scope/dist/index.mjs
|
|
5221
|
-
var __defProp$
|
|
5222
|
-
var __name$
|
|
5221
|
+
var __defProp$16 = Object.defineProperty;
|
|
5222
|
+
var __name$14 = (target, value) => __defProp$16(target, "name", {
|
|
5223
5223
|
value,
|
|
5224
5224
|
configurable: true
|
|
5225
5225
|
});
|
|
@@ -5229,7 +5229,7 @@ var EVENT_OPTIONS$1 = {
|
|
|
5229
5229
|
bubbles: false,
|
|
5230
5230
|
cancelable: true
|
|
5231
5231
|
};
|
|
5232
|
-
var FocusScope = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
5232
|
+
var FocusScope = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$14(function FocusScope2(props, forwardedRef) {
|
|
5233
5233
|
const { loop = false, trapped = false, onMountAutoFocus: onMountAutoFocusProp, onUnmountAutoFocus: onUnmountAutoFocusProp, ...scopeProps } = props;
|
|
5234
5234
|
const [container, setContainer] = React$10.useState(null);
|
|
5235
5235
|
const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);
|
|
@@ -5261,9 +5261,9 @@ var FocusScope = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$12(f
|
|
|
5261
5261
|
if (document.activeElement !== document.body) return;
|
|
5262
5262
|
for (const mutation of mutations) if (mutation.removedNodes.length > 0) focus(container);
|
|
5263
5263
|
};
|
|
5264
|
-
__name$
|
|
5265
|
-
__name$
|
|
5266
|
-
__name$
|
|
5264
|
+
__name$14(handleFocusIn2, "handleFocusIn");
|
|
5265
|
+
__name$14(handleFocusOut2, "handleFocusOut");
|
|
5266
|
+
__name$14(handleMutations2, "handleMutations");
|
|
5267
5267
|
document.addEventListener("focusin", handleFocusIn2);
|
|
5268
5268
|
document.addEventListener("focusout", handleFocusOut2);
|
|
5269
5269
|
const mutationObserver = new MutationObserver(handleMutations2);
|
|
@@ -5350,15 +5350,15 @@ function focusFirst$2(candidates, { select = false } = {}) {
|
|
|
5350
5350
|
if (document.activeElement !== previouslyFocusedElement) return;
|
|
5351
5351
|
}
|
|
5352
5352
|
}
|
|
5353
|
-
__name$
|
|
5353
|
+
__name$14(focusFirst$2, "focusFirst");
|
|
5354
5354
|
function getTabbableEdges(container) {
|
|
5355
5355
|
const candidates = getTabbableCandidates(container);
|
|
5356
5356
|
return [findVisible(candidates, container), findVisible(candidates.reverse(), container)];
|
|
5357
5357
|
}
|
|
5358
|
-
__name$
|
|
5358
|
+
__name$14(getTabbableEdges, "getTabbableEdges");
|
|
5359
5359
|
function getTabbableCandidates(container) {
|
|
5360
5360
|
const nodes = [];
|
|
5361
|
-
const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, { acceptNode: /* @__PURE__ */ __name$
|
|
5361
|
+
const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, { acceptNode: /* @__PURE__ */ __name$14((node) => {
|
|
5362
5362
|
const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
|
|
5363
5363
|
if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
|
|
5364
5364
|
return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
|
|
@@ -5366,12 +5366,12 @@ function getTabbableCandidates(container) {
|
|
|
5366
5366
|
while (walker.nextNode()) nodes.push(walker.currentNode);
|
|
5367
5367
|
return nodes;
|
|
5368
5368
|
}
|
|
5369
|
-
__name$
|
|
5369
|
+
__name$14(getTabbableCandidates, "getTabbableCandidates");
|
|
5370
5370
|
function findVisible(elements, container) {
|
|
5371
5371
|
const canUseCheckVisibility = typeof container.checkVisibility === "function" && container.checkVisibility({ checkVisibilityCSS: true });
|
|
5372
5372
|
for (const element of elements) if (!(canUseCheckVisibility ? !element.checkVisibility({ checkVisibilityCSS: true }) : isHidden(element, { upTo: container }))) return element;
|
|
5373
5373
|
}
|
|
5374
|
-
__name$
|
|
5374
|
+
__name$14(findVisible, "findVisible");
|
|
5375
5375
|
function isHidden(node, { upTo }) {
|
|
5376
5376
|
if (getComputedStyle(node).visibility === "hidden") return true;
|
|
5377
5377
|
while (node) {
|
|
@@ -5381,11 +5381,11 @@ function isHidden(node, { upTo }) {
|
|
|
5381
5381
|
}
|
|
5382
5382
|
return false;
|
|
5383
5383
|
}
|
|
5384
|
-
__name$
|
|
5384
|
+
__name$14(isHidden, "isHidden");
|
|
5385
5385
|
function isSelectableInput(element) {
|
|
5386
5386
|
return element instanceof HTMLInputElement && "select" in element;
|
|
5387
5387
|
}
|
|
5388
|
-
__name$
|
|
5388
|
+
__name$14(isSelectableInput, "isSelectableInput");
|
|
5389
5389
|
function focus(element, { select = false } = {}) {
|
|
5390
5390
|
if (element && element.focus) {
|
|
5391
5391
|
const previouslyFocusedElement = document.activeElement;
|
|
@@ -5393,7 +5393,7 @@ function focus(element, { select = false } = {}) {
|
|
|
5393
5393
|
if (element !== previouslyFocusedElement && isSelectableInput(element) && select) element.select();
|
|
5394
5394
|
}
|
|
5395
5395
|
}
|
|
5396
|
-
__name$
|
|
5396
|
+
__name$14(focus, "focus");
|
|
5397
5397
|
var focusScopesStack = createFocusScopesStack();
|
|
5398
5398
|
function createFocusScopesStack() {
|
|
5399
5399
|
let stack = [];
|
|
@@ -5410,23 +5410,23 @@ function createFocusScopesStack() {
|
|
|
5410
5410
|
}
|
|
5411
5411
|
};
|
|
5412
5412
|
}
|
|
5413
|
-
__name$
|
|
5413
|
+
__name$14(createFocusScopesStack, "createFocusScopesStack");
|
|
5414
5414
|
function arrayRemove(array, item) {
|
|
5415
5415
|
const updatedArray = [...array];
|
|
5416
5416
|
const index = updatedArray.indexOf(item);
|
|
5417
5417
|
if (index !== -1) updatedArray.splice(index, 1);
|
|
5418
5418
|
return updatedArray;
|
|
5419
5419
|
}
|
|
5420
|
-
__name$
|
|
5420
|
+
__name$14(arrayRemove, "arrayRemove");
|
|
5421
5421
|
function removeLinks(items) {
|
|
5422
5422
|
return items.filter((item) => item.tagName !== "A");
|
|
5423
5423
|
}
|
|
5424
|
-
__name$
|
|
5424
|
+
__name$14(removeLinks, "removeLinks");
|
|
5425
5425
|
|
|
5426
5426
|
//#endregion
|
|
5427
5427
|
//#region ../../node_modules/.pnpm/@radix-ui+react-id@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-id/dist/index.mjs
|
|
5428
|
-
var __defProp$
|
|
5429
|
-
var __name$
|
|
5428
|
+
var __defProp$15 = Object.defineProperty;
|
|
5429
|
+
var __name$13 = (target, value) => __defProp$15(target, "name", {
|
|
5430
5430
|
value,
|
|
5431
5431
|
configurable: true
|
|
5432
5432
|
});
|
|
@@ -5439,7 +5439,7 @@ function useId$1(deterministicId) {
|
|
|
5439
5439
|
}, [deterministicId]);
|
|
5440
5440
|
return deterministicId || (id ? `radix-${id}` : "");
|
|
5441
5441
|
}
|
|
5442
|
-
__name$
|
|
5442
|
+
__name$13(useId$1, "useId");
|
|
5443
5443
|
|
|
5444
5444
|
//#endregion
|
|
5445
5445
|
//#region ../../node_modules/.pnpm/@floating-ui+utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
|
|
@@ -7077,15 +7077,15 @@ const arrow = (options, deps) => {
|
|
|
7077
7077
|
|
|
7078
7078
|
//#endregion
|
|
7079
7079
|
//#region ../../node_modules/.pnpm/@radix-ui+react-popper@1.3.7_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react_4e5bda27561956783247cbf95bf4739f/node_modules/@radix-ui/react-popper/dist/index.mjs
|
|
7080
|
-
var __defProp$
|
|
7081
|
-
var __name$
|
|
7080
|
+
var __defProp$14 = Object.defineProperty;
|
|
7081
|
+
var __name$12 = (target, value) => __defProp$14(target, "name", {
|
|
7082
7082
|
value,
|
|
7083
7083
|
configurable: true
|
|
7084
7084
|
});
|
|
7085
7085
|
var POPPER_NAME = "Popper";
|
|
7086
7086
|
var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
|
|
7087
7087
|
var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
|
|
7088
|
-
var Popper = /* @__PURE__ */ __name$
|
|
7088
|
+
var Popper = /* @__PURE__ */ __name$12((props) => {
|
|
7089
7089
|
const { __scopePopper, children } = props;
|
|
7090
7090
|
const [anchor, setAnchor] = React$10.useState(null);
|
|
7091
7091
|
const [placementState, setPlacementState] = React$10.useState(void 0);
|
|
@@ -7099,7 +7099,7 @@ var Popper = /* @__PURE__ */ __name$10((props) => {
|
|
|
7099
7099
|
});
|
|
7100
7100
|
}, "Popper");
|
|
7101
7101
|
var ANCHOR_NAME = "PopperAnchor";
|
|
7102
|
-
var PopperAnchor = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
7102
|
+
var PopperAnchor = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$12(function PopperAnchor2(props, forwardedRef) {
|
|
7103
7103
|
const { __scopePopper, virtualRef, ...anchorProps } = props;
|
|
7104
7104
|
const context = usePopperContext(ANCHOR_NAME, __scopePopper);
|
|
7105
7105
|
const ref = React$10.useRef(null);
|
|
@@ -7125,11 +7125,11 @@ var PopperAnchor = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$10
|
|
|
7125
7125
|
ref: composedRefs
|
|
7126
7126
|
});
|
|
7127
7127
|
}, "PopperAnchor"));
|
|
7128
|
-
var CONTENT_NAME$
|
|
7129
|
-
var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME$
|
|
7130
|
-
var PopperContent = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
7128
|
+
var CONTENT_NAME$4 = "PopperContent";
|
|
7129
|
+
var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME$4);
|
|
7130
|
+
var PopperContent = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$12(function PopperContent2(props, forwardedRef) {
|
|
7131
7131
|
const { __scopePopper, side = "bottom", sideOffset = 0, align = "center", alignOffset = 0, arrowPadding = 0, avoidCollisions = true, collisionBoundary = [], collisionPadding: collisionPaddingProp = 0, sticky = "partial", hideWhenDetached = false, updatePositionStrategy = "optimized", onPlaced, ...contentProps } = props;
|
|
7132
|
-
const context = usePopperContext(CONTENT_NAME$
|
|
7132
|
+
const context = usePopperContext(CONTENT_NAME$4, __scopePopper);
|
|
7133
7133
|
const [content, setContent] = React$10.useState(null);
|
|
7134
7134
|
const composedRefs = useComposedRefs(forwardedRef, setContent);
|
|
7135
7135
|
const [arrow$4, setArrow] = React$10.useState(null);
|
|
@@ -7154,7 +7154,7 @@ var PopperContent = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$1
|
|
|
7154
7154
|
const { refs, floatingStyles, placement, isPositioned, middlewareData } = useFloating({
|
|
7155
7155
|
strategy: "fixed",
|
|
7156
7156
|
placement: desiredPlacement,
|
|
7157
|
-
whileElementsMounted: /* @__PURE__ */ __name$
|
|
7157
|
+
whileElementsMounted: /* @__PURE__ */ __name$12((...args) => {
|
|
7158
7158
|
return autoUpdate(...args, { animationFrame: updatePositionStrategy === "always" });
|
|
7159
7159
|
}, "whileElementsMounted"),
|
|
7160
7160
|
elements: { reference: context.anchor },
|
|
@@ -7172,7 +7172,7 @@ var PopperContent = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$1
|
|
|
7172
7172
|
avoidCollisions && flip({ ...detectOverflowOptions }),
|
|
7173
7173
|
size({
|
|
7174
7174
|
...detectOverflowOptions,
|
|
7175
|
-
apply: /* @__PURE__ */ __name$
|
|
7175
|
+
apply: /* @__PURE__ */ __name$12(({ elements, rects, availableWidth, availableHeight }) => {
|
|
7176
7176
|
const { width: anchorWidth, height: anchorHeight } = rects.reference;
|
|
7177
7177
|
const contentStyle = elements.floating.style;
|
|
7178
7178
|
contentStyle.setProperty("--radix-popper-available-width", `${availableWidth}px`);
|
|
@@ -7254,8 +7254,8 @@ var PopperContent = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$1
|
|
|
7254
7254
|
function isNotNull(value) {
|
|
7255
7255
|
return value !== null;
|
|
7256
7256
|
}
|
|
7257
|
-
__name$
|
|
7258
|
-
var transformOrigin = /* @__PURE__ */ __name$
|
|
7257
|
+
__name$12(isNotNull, "isNotNull");
|
|
7258
|
+
var transformOrigin = /* @__PURE__ */ __name$12((options) => ({
|
|
7259
7259
|
name: "transformOrigin",
|
|
7260
7260
|
options,
|
|
7261
7261
|
fn(data) {
|
|
@@ -7296,19 +7296,19 @@ function getSideAndAlignFromPlacement(placement) {
|
|
|
7296
7296
|
const [side, align = "center"] = placement.split("-");
|
|
7297
7297
|
return [side, align];
|
|
7298
7298
|
}
|
|
7299
|
-
__name$
|
|
7299
|
+
__name$12(getSideAndAlignFromPlacement, "getSideAndAlignFromPlacement");
|
|
7300
7300
|
var Root2$1 = Popper;
|
|
7301
7301
|
var Anchor = PopperAnchor;
|
|
7302
7302
|
var Content = PopperContent;
|
|
7303
7303
|
|
|
7304
7304
|
//#endregion
|
|
7305
7305
|
//#region ../../node_modules/.pnpm/@radix-ui+react-portal@1.1.17_@types+react-dom@19.2.3_@types+react@19.2.17__@types+reac_17de5f572cef13944a3e44b7d1e8f104/node_modules/@radix-ui/react-portal/dist/index.mjs
|
|
7306
|
-
var __defProp$
|
|
7307
|
-
var __name$
|
|
7306
|
+
var __defProp$13 = Object.defineProperty;
|
|
7307
|
+
var __name$11 = (target, value) => __defProp$13(target, "name", {
|
|
7308
7308
|
value,
|
|
7309
7309
|
configurable: true
|
|
7310
7310
|
});
|
|
7311
|
-
var Portal$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
7311
|
+
var Portal$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$11(function Portal2(props, forwardedRef) {
|
|
7312
7312
|
const { container: containerProp, ...portalProps } = props;
|
|
7313
7313
|
const [mounted, setMounted] = React$10.useState(false);
|
|
7314
7314
|
useLayoutEffect2(() => setMounted(true), []);
|
|
@@ -7321,8 +7321,8 @@ var Portal$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$9(func
|
|
|
7321
7321
|
|
|
7322
7322
|
//#endregion
|
|
7323
7323
|
//#region ../../node_modules/.pnpm/@radix-ui+react-use-is-hydrated@0.1.3_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-is-hydrated/dist/index.mjs
|
|
7324
|
-
var __defProp$
|
|
7325
|
-
var __name$
|
|
7324
|
+
var __defProp$12 = Object.defineProperty;
|
|
7325
|
+
var __name$10 = (target, value) => __defProp$12(target, "name", {
|
|
7326
7326
|
value,
|
|
7327
7327
|
configurable: true
|
|
7328
7328
|
});
|
|
@@ -7337,22 +7337,22 @@ function useIsHydrated() {
|
|
|
7337
7337
|
}, []);
|
|
7338
7338
|
return isHydrated;
|
|
7339
7339
|
}
|
|
7340
|
-
__name$
|
|
7340
|
+
__name$10(useIsHydrated, "useIsHydrated");
|
|
7341
7341
|
var useReactSyncExternalStore = React$10[" useSyncExternalStore ".trim().toString()];
|
|
7342
7342
|
function subscribe() {
|
|
7343
7343
|
return () => {};
|
|
7344
7344
|
}
|
|
7345
|
-
__name$
|
|
7345
|
+
__name$10(subscribe, "subscribe");
|
|
7346
7346
|
function useIsHydratedModern() {
|
|
7347
7347
|
return useReactSyncExternalStore(subscribe, () => true, () => false);
|
|
7348
7348
|
}
|
|
7349
|
-
__name$
|
|
7349
|
+
__name$10(useIsHydratedModern, "useIsHydratedModern");
|
|
7350
7350
|
var useIsHydrated2 = typeof useReactSyncExternalStore === "function" ? useIsHydratedModern : useIsHydrated;
|
|
7351
7351
|
|
|
7352
7352
|
//#endregion
|
|
7353
7353
|
//#region ../../node_modules/.pnpm/@radix-ui+react-roving-focus@1.1.19_@types+react-dom@19.2.3_@types+react@19.2.17__@type_1ba36d19799ef89b87b035255f196a64/node_modules/@radix-ui/react-roving-focus/dist/index.mjs
|
|
7354
|
-
var __defProp$
|
|
7355
|
-
var __name$
|
|
7354
|
+
var __defProp$11 = Object.defineProperty;
|
|
7355
|
+
var __name$9 = (target, value) => __defProp$11(target, "name", {
|
|
7356
7356
|
value,
|
|
7357
7357
|
configurable: true
|
|
7358
7358
|
});
|
|
@@ -7362,13 +7362,13 @@ var EVENT_OPTIONS = {
|
|
|
7362
7362
|
cancelable: true
|
|
7363
7363
|
};
|
|
7364
7364
|
var GROUP_NAME = "RovingFocusGroup";
|
|
7365
|
-
var [Collection$
|
|
7366
|
-
var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(GROUP_NAME, [createCollectionScope$
|
|
7365
|
+
var [Collection$2, useCollection$2, createCollectionScope$2] = createCollection(GROUP_NAME);
|
|
7366
|
+
var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(GROUP_NAME, [createCollectionScope$2]);
|
|
7367
7367
|
var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
|
|
7368
|
-
var RovingFocusGroup = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
7369
|
-
return /* @__PURE__ */ jsx(Collection$
|
|
7368
|
+
var RovingFocusGroup = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$9(function RovingFocusGroup2(props, forwardedRef) {
|
|
7369
|
+
return /* @__PURE__ */ jsx(Collection$2.Provider, {
|
|
7370
7370
|
scope: props.__scopeRovingFocusGroup,
|
|
7371
|
-
children: /* @__PURE__ */ jsx(Collection$
|
|
7371
|
+
children: /* @__PURE__ */ jsx(Collection$2.Slot, {
|
|
7372
7372
|
scope: props.__scopeRovingFocusGroup,
|
|
7373
7373
|
children: /* @__PURE__ */ jsx(RovingFocusGroupImpl, {
|
|
7374
7374
|
...props,
|
|
@@ -7377,7 +7377,7 @@ var RovingFocusGroup = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __nam
|
|
|
7377
7377
|
})
|
|
7378
7378
|
});
|
|
7379
7379
|
}, "RovingFocusGroup"));
|
|
7380
|
-
var RovingFocusGroupImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
7380
|
+
var RovingFocusGroupImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$9(function RovingFocusGroupImpl2(props, forwardedRef) {
|
|
7381
7381
|
const { __scopeRovingFocusGroup, orientation, loop = false, dir, currentTabStopId: currentTabStopIdProp, defaultCurrentTabStopId, onCurrentTabStopIdChange, onEntryFocus, preventScrollOnEntryFocus = false, ...groupProps } = props;
|
|
7382
7382
|
const ref = React$10.useRef(null);
|
|
7383
7383
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
@@ -7390,7 +7390,7 @@ var RovingFocusGroupImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ _
|
|
|
7390
7390
|
});
|
|
7391
7391
|
const [isTabbingBackOut, setIsTabbingBackOut] = React$10.useState(false);
|
|
7392
7392
|
const handleEntryFocus = useCallbackRef(onEntryFocus);
|
|
7393
|
-
const getItems = useCollection$
|
|
7393
|
+
const getItems = useCollection$2(__scopeRovingFocusGroup);
|
|
7394
7394
|
const isClickFocusRef = React$10.useRef(false);
|
|
7395
7395
|
const [focusableItemsCount, setFocusableItemsCount] = React$10.useState(0);
|
|
7396
7396
|
React$10.useEffect(() => {
|
|
@@ -7442,14 +7442,14 @@ var RovingFocusGroupImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ _
|
|
|
7442
7442
|
})
|
|
7443
7443
|
});
|
|
7444
7444
|
}, "RovingFocusGroupImpl"));
|
|
7445
|
-
var ITEM_NAME$
|
|
7446
|
-
var RovingFocusGroupItem = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
7445
|
+
var ITEM_NAME$2 = "RovingFocusGroupItem";
|
|
7446
|
+
var RovingFocusGroupItem = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$9(function RovingFocusGroupItem2(props, forwardedRef) {
|
|
7447
7447
|
const { __scopeRovingFocusGroup, focusable = true, active = false, tabStopId, children, ...itemProps } = props;
|
|
7448
7448
|
const autoId = useId$1();
|
|
7449
7449
|
const id = tabStopId || autoId;
|
|
7450
|
-
const context = useRovingFocusContext(ITEM_NAME$
|
|
7450
|
+
const context = useRovingFocusContext(ITEM_NAME$2, __scopeRovingFocusGroup);
|
|
7451
7451
|
const isCurrentTabStop = context.currentTabStopId === id;
|
|
7452
|
-
const getItems = useCollection$
|
|
7452
|
+
const getItems = useCollection$2(__scopeRovingFocusGroup);
|
|
7453
7453
|
const { onFocusableItemAdd, onFocusableItemRemove, currentTabStopId } = context;
|
|
7454
7454
|
const isHydrated = useIsHydrated2();
|
|
7455
7455
|
useLayoutEffect2(() => {
|
|
@@ -7472,7 +7472,7 @@ var RovingFocusGroupItem = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ _
|
|
|
7472
7472
|
onFocusableItemAdd,
|
|
7473
7473
|
onFocusableItemRemove
|
|
7474
7474
|
]);
|
|
7475
|
-
return /* @__PURE__ */ jsx(Collection$
|
|
7475
|
+
return /* @__PURE__ */ jsx(Collection$2.ItemSlot, {
|
|
7476
7476
|
scope: __scopeRovingFocusGroup,
|
|
7477
7477
|
id,
|
|
7478
7478
|
focusable,
|
|
@@ -7502,7 +7502,7 @@ var RovingFocusGroupItem = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ _
|
|
|
7502
7502
|
else if (focusIntent === "prev" || focusIntent === "next") {
|
|
7503
7503
|
if (focusIntent === "prev") candidateNodes.reverse();
|
|
7504
7504
|
const currentIndex = candidateNodes.indexOf(event.currentTarget);
|
|
7505
|
-
candidateNodes = context.loop ? wrapArray$
|
|
7505
|
+
candidateNodes = context.loop ? wrapArray$2(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
|
|
7506
7506
|
}
|
|
7507
7507
|
setTimeout(() => focusFirst$1(candidateNodes));
|
|
7508
7508
|
}
|
|
@@ -7528,14 +7528,14 @@ function getDirectionAwareKey(key, dir) {
|
|
|
7528
7528
|
if (dir !== "rtl") return key;
|
|
7529
7529
|
return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
|
|
7530
7530
|
}
|
|
7531
|
-
__name$
|
|
7531
|
+
__name$9(getDirectionAwareKey, "getDirectionAwareKey");
|
|
7532
7532
|
function getFocusIntent(event, orientation, dir) {
|
|
7533
7533
|
const key = getDirectionAwareKey(event.key, dir);
|
|
7534
7534
|
if (orientation === "vertical" && ["ArrowLeft", "ArrowRight"].includes(key)) return void 0;
|
|
7535
7535
|
if (orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key)) return void 0;
|
|
7536
7536
|
return MAP_KEY_TO_FOCUS_INTENT[key];
|
|
7537
7537
|
}
|
|
7538
|
-
__name$
|
|
7538
|
+
__name$9(getFocusIntent, "getFocusIntent");
|
|
7539
7539
|
function focusFirst$1(candidates, preventScroll = false) {
|
|
7540
7540
|
const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
|
|
7541
7541
|
for (const candidate of candidates) {
|
|
@@ -7544,11 +7544,11 @@ function focusFirst$1(candidates, preventScroll = false) {
|
|
|
7544
7544
|
if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
|
|
7545
7545
|
}
|
|
7546
7546
|
}
|
|
7547
|
-
__name$
|
|
7548
|
-
function wrapArray$
|
|
7547
|
+
__name$9(focusFirst$1, "focusFirst");
|
|
7548
|
+
function wrapArray$2(array, startIndex) {
|
|
7549
7549
|
return array.map((_, index) => array[(startIndex + index) % array.length]);
|
|
7550
7550
|
}
|
|
7551
|
-
__name$
|
|
7551
|
+
__name$9(wrapArray$2, "wrapArray");
|
|
7552
7552
|
var Root$2 = RovingFocusGroup;
|
|
7553
7553
|
var Item = RovingFocusGroupItem;
|
|
7554
7554
|
|
|
@@ -9605,12 +9605,12 @@ var require_es5 = /* @__PURE__ */ __commonJSMin$1(((exports) => {
|
|
|
9605
9605
|
//#region ../../node_modules/.pnpm/@radix-ui+react-menu@2.1.24_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react@_b4abbb2a563651316651d75e08bb1ff0/node_modules/@radix-ui/react-menu/dist/index.mjs
|
|
9606
9606
|
var import_es5 = require_es5$6();
|
|
9607
9607
|
var import_es5$1 = require_es5();
|
|
9608
|
-
var __defProp$
|
|
9609
|
-
var __name$
|
|
9608
|
+
var __defProp$10 = Object.defineProperty;
|
|
9609
|
+
var __name$8 = (target, value) => __defProp$10(target, "name", {
|
|
9610
9610
|
value,
|
|
9611
9611
|
configurable: true
|
|
9612
9612
|
});
|
|
9613
|
-
var SELECTION_KEYS = ["Enter", " "];
|
|
9613
|
+
var SELECTION_KEYS$1 = ["Enter", " "];
|
|
9614
9614
|
var FIRST_KEYS = [
|
|
9615
9615
|
"ArrowDown",
|
|
9616
9616
|
"PageUp",
|
|
@@ -9623,29 +9623,29 @@ var LAST_KEYS = [
|
|
|
9623
9623
|
];
|
|
9624
9624
|
var FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS];
|
|
9625
9625
|
var SUB_OPEN_KEYS = {
|
|
9626
|
-
ltr: [...SELECTION_KEYS, "ArrowRight"],
|
|
9627
|
-
rtl: [...SELECTION_KEYS, "ArrowLeft"]
|
|
9626
|
+
ltr: [...SELECTION_KEYS$1, "ArrowRight"],
|
|
9627
|
+
rtl: [...SELECTION_KEYS$1, "ArrowLeft"]
|
|
9628
9628
|
};
|
|
9629
9629
|
var MENU_NAME = "Menu";
|
|
9630
|
-
var [Collection, useCollection, createCollectionScope] = createCollection(MENU_NAME);
|
|
9630
|
+
var [Collection$1, useCollection$1, createCollectionScope$1] = createCollection(MENU_NAME);
|
|
9631
9631
|
var [createMenuContext, createMenuScope] = createContextScope(MENU_NAME, [
|
|
9632
|
-
createCollectionScope,
|
|
9632
|
+
createCollectionScope$1,
|
|
9633
9633
|
createPopperScope,
|
|
9634
9634
|
createRovingFocusGroupScope
|
|
9635
9635
|
]);
|
|
9636
|
-
var usePopperScope = createPopperScope();
|
|
9636
|
+
var usePopperScope$1 = createPopperScope();
|
|
9637
9637
|
var useRovingFocusGroupScope$1 = createRovingFocusGroupScope();
|
|
9638
9638
|
var [MenuProvider, useMenuContext] = createMenuContext(MENU_NAME);
|
|
9639
9639
|
var [MenuRootProvider, useMenuRootContext] = createMenuContext(MENU_NAME);
|
|
9640
|
-
var Menu = /* @__PURE__ */ __name$
|
|
9640
|
+
var Menu = /* @__PURE__ */ __name$8((props) => {
|
|
9641
9641
|
const { __scopeMenu, open = false, children, dir, onOpenChange, modal = true } = props;
|
|
9642
|
-
const popperScope = usePopperScope(__scopeMenu);
|
|
9642
|
+
const popperScope = usePopperScope$1(__scopeMenu);
|
|
9643
9643
|
const [content, setContent] = React$10.useState(null);
|
|
9644
9644
|
const isUsingKeyboardRef = React$10.useRef(false);
|
|
9645
9645
|
const handleOpenChange = useCallbackRef(onOpenChange);
|
|
9646
9646
|
const direction = useDirection(dir);
|
|
9647
9647
|
React$10.useEffect(() => {
|
|
9648
|
-
const handleKeyDown = /* @__PURE__ */ __name$
|
|
9648
|
+
const handleKeyDown = /* @__PURE__ */ __name$8(() => {
|
|
9649
9649
|
isUsingKeyboardRef.current = true;
|
|
9650
9650
|
document.addEventListener("pointerdown", handlePointer, {
|
|
9651
9651
|
capture: true,
|
|
@@ -9656,7 +9656,7 @@ var Menu = /* @__PURE__ */ __name$6((props) => {
|
|
|
9656
9656
|
once: true
|
|
9657
9657
|
});
|
|
9658
9658
|
}, "handleKeyDown");
|
|
9659
|
-
const handlePointer = /* @__PURE__ */ __name$
|
|
9659
|
+
const handlePointer = /* @__PURE__ */ __name$8(() => isUsingKeyboardRef.current = false, "handlePointer");
|
|
9660
9660
|
document.addEventListener("keydown", handleKeyDown, { capture: true });
|
|
9661
9661
|
return () => {
|
|
9662
9662
|
document.removeEventListener("keydown", handleKeyDown, { capture: true });
|
|
@@ -9666,7 +9666,7 @@ var Menu = /* @__PURE__ */ __name$6((props) => {
|
|
|
9666
9666
|
}, []);
|
|
9667
9667
|
React$10.useEffect(() => {
|
|
9668
9668
|
if (!open) return;
|
|
9669
|
-
const handleBlur = /* @__PURE__ */ __name$
|
|
9669
|
+
const handleBlur = /* @__PURE__ */ __name$8(() => handleOpenChange(false), "handleBlur");
|
|
9670
9670
|
window.addEventListener("blur", handleBlur);
|
|
9671
9671
|
return () => window.removeEventListener("blur", handleBlur);
|
|
9672
9672
|
}, [open, handleOpenChange]);
|
|
@@ -9689,9 +9689,9 @@ var Menu = /* @__PURE__ */ __name$6((props) => {
|
|
|
9689
9689
|
})
|
|
9690
9690
|
});
|
|
9691
9691
|
}, "Menu");
|
|
9692
|
-
var MenuAnchor = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
9692
|
+
var MenuAnchor = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$8(function MenuAnchor2(props, forwardedRef) {
|
|
9693
9693
|
const { __scopeMenu, ...anchorProps } = props;
|
|
9694
|
-
const popperScope = usePopperScope(__scopeMenu);
|
|
9694
|
+
const popperScope = usePopperScope$1(__scopeMenu);
|
|
9695
9695
|
return /* @__PURE__ */ jsx(Anchor, {
|
|
9696
9696
|
...popperScope,
|
|
9697
9697
|
...anchorProps,
|
|
@@ -9699,11 +9699,11 @@ var MenuAnchor = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$6(fu
|
|
|
9699
9699
|
});
|
|
9700
9700
|
}, "MenuAnchor"));
|
|
9701
9701
|
var PORTAL_NAME$1 = "MenuPortal";
|
|
9702
|
-
var [PortalProvider$
|
|
9703
|
-
var MenuPortal = /* @__PURE__ */ __name$
|
|
9702
|
+
var [PortalProvider$2, usePortalContext$2] = createMenuContext(PORTAL_NAME$1, { forceMount: void 0 });
|
|
9703
|
+
var MenuPortal = /* @__PURE__ */ __name$8((props) => {
|
|
9704
9704
|
const { __scopeMenu, forceMount, children, container } = props;
|
|
9705
9705
|
const context = useMenuContext(PORTAL_NAME$1, __scopeMenu);
|
|
9706
|
-
return /* @__PURE__ */ jsx(PortalProvider$
|
|
9706
|
+
return /* @__PURE__ */ jsx(PortalProvider$2, {
|
|
9707
9707
|
scope: __scopeMenu,
|
|
9708
9708
|
forceMount,
|
|
9709
9709
|
children: /* @__PURE__ */ jsx(Presence, {
|
|
@@ -9716,18 +9716,18 @@ var MenuPortal = /* @__PURE__ */ __name$6((props) => {
|
|
|
9716
9716
|
})
|
|
9717
9717
|
});
|
|
9718
9718
|
}, "MenuPortal");
|
|
9719
|
-
var CONTENT_NAME$
|
|
9720
|
-
var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME$
|
|
9721
|
-
var MenuContent = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
9722
|
-
const portalContext = usePortalContext$
|
|
9719
|
+
var CONTENT_NAME$3 = "MenuContent";
|
|
9720
|
+
var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME$3);
|
|
9721
|
+
var MenuContent = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$8(function MenuContent2(props, forwardedRef) {
|
|
9722
|
+
const portalContext = usePortalContext$2(CONTENT_NAME$3, props.__scopeMenu);
|
|
9723
9723
|
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
9724
|
-
const context = useMenuContext(CONTENT_NAME$
|
|
9725
|
-
const rootContext = useMenuRootContext(CONTENT_NAME$
|
|
9726
|
-
return /* @__PURE__ */ jsx(Collection.Provider, {
|
|
9724
|
+
const context = useMenuContext(CONTENT_NAME$3, props.__scopeMenu);
|
|
9725
|
+
const rootContext = useMenuRootContext(CONTENT_NAME$3, props.__scopeMenu);
|
|
9726
|
+
return /* @__PURE__ */ jsx(Collection$1.Provider, {
|
|
9727
9727
|
scope: props.__scopeMenu,
|
|
9728
9728
|
children: /* @__PURE__ */ jsx(Presence, {
|
|
9729
9729
|
present: forceMount || context.open,
|
|
9730
|
-
children: /* @__PURE__ */ jsx(Collection.Slot, {
|
|
9730
|
+
children: /* @__PURE__ */ jsx(Collection$1.Slot, {
|
|
9731
9731
|
scope: props.__scopeMenu,
|
|
9732
9732
|
children: rootContext.modal ? /* @__PURE__ */ jsx(MenuRootContentModal, {
|
|
9733
9733
|
...contentProps,
|
|
@@ -9740,8 +9740,8 @@ var MenuContent = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$6(f
|
|
|
9740
9740
|
})
|
|
9741
9741
|
});
|
|
9742
9742
|
}, "MenuContent"));
|
|
9743
|
-
var MenuRootContentModal = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
9744
|
-
const context = useMenuContext(CONTENT_NAME$
|
|
9743
|
+
var MenuRootContentModal = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$8(function MenuRootContentModal2(props, forwardedRef) {
|
|
9744
|
+
const context = useMenuContext(CONTENT_NAME$3, props.__scopeMenu);
|
|
9745
9745
|
const ref = React$10.useRef(null);
|
|
9746
9746
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
9747
9747
|
React$10.useEffect(() => {
|
|
@@ -9758,8 +9758,8 @@ var MenuRootContentModal = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ _
|
|
|
9758
9758
|
onDismiss: () => context.onOpenChange(false)
|
|
9759
9759
|
});
|
|
9760
9760
|
}, "MenuRootContentModal"));
|
|
9761
|
-
var MenuRootContentNonModal = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
9762
|
-
const context = useMenuContext(CONTENT_NAME$
|
|
9761
|
+
var MenuRootContentNonModal = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$8(function MenuRootContentNonModal2(props, forwardedRef) {
|
|
9762
|
+
const context = useMenuContext(CONTENT_NAME$3, props.__scopeMenu);
|
|
9763
9763
|
return /* @__PURE__ */ jsx(MenuContentImpl, {
|
|
9764
9764
|
...props,
|
|
9765
9765
|
ref: forwardedRef,
|
|
@@ -9769,14 +9769,14 @@ var MenuRootContentNonModal = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ *
|
|
|
9769
9769
|
onDismiss: () => context.onOpenChange(false)
|
|
9770
9770
|
});
|
|
9771
9771
|
}, "MenuRootContentNonModal"));
|
|
9772
|
-
var Slot$
|
|
9773
|
-
var MenuContentImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
9772
|
+
var Slot$2 = createSlot("MenuContent.ScrollLock");
|
|
9773
|
+
var MenuContentImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$8(function MenuContentImpl2(props, forwardedRef) {
|
|
9774
9774
|
const { __scopeMenu, loop = false, trapFocus, onOpenAutoFocus, onCloseAutoFocus, disableOutsidePointerEvents, onEntryFocus, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, onDismiss, disableOutsideScroll, ...contentProps } = props;
|
|
9775
|
-
const context = useMenuContext(CONTENT_NAME$
|
|
9776
|
-
const rootContext = useMenuRootContext(CONTENT_NAME$
|
|
9777
|
-
const popperScope = usePopperScope(__scopeMenu);
|
|
9775
|
+
const context = useMenuContext(CONTENT_NAME$3, __scopeMenu);
|
|
9776
|
+
const rootContext = useMenuRootContext(CONTENT_NAME$3, __scopeMenu);
|
|
9777
|
+
const popperScope = usePopperScope$1(__scopeMenu);
|
|
9778
9778
|
const rovingFocusGroupScope = useRovingFocusGroupScope$1(__scopeMenu);
|
|
9779
|
-
const getItems = useCollection(__scopeMenu);
|
|
9779
|
+
const getItems = useCollection$1(__scopeMenu);
|
|
9780
9780
|
const [currentItemId, setCurrentItemId] = React$10.useState(null);
|
|
9781
9781
|
const contentRef = React$10.useRef(null);
|
|
9782
9782
|
const composedRefs = useComposedRefs(forwardedRef, contentRef, context.onContentChange);
|
|
@@ -9788,17 +9788,17 @@ var MenuContentImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name
|
|
|
9788
9788
|
const lastPointerXRef = React$10.useRef(0);
|
|
9789
9789
|
const ScrollLockWrapper = disableOutsideScroll ? import_es5$1.RemoveScroll : React$10.Fragment;
|
|
9790
9790
|
const scrollLockWrapperProps = disableOutsideScroll ? {
|
|
9791
|
-
as: Slot$
|
|
9791
|
+
as: Slot$2,
|
|
9792
9792
|
allowPinchZoom: true
|
|
9793
9793
|
} : void 0;
|
|
9794
|
-
const handleTypeaheadSearch = /* @__PURE__ */ __name$
|
|
9794
|
+
const handleTypeaheadSearch = /* @__PURE__ */ __name$8((key) => {
|
|
9795
9795
|
const search = searchRef.current + key;
|
|
9796
9796
|
const items = getItems().filter((item) => !item.disabled);
|
|
9797
9797
|
const currentItem = document.activeElement;
|
|
9798
9798
|
const currentMatch = items.find((item) => item.ref.current === currentItem)?.textValue;
|
|
9799
9799
|
const nextMatch = getNextMatch(items.map((item) => item.textValue), search, currentMatch);
|
|
9800
9800
|
const newItem = items.find((item) => item.textValue === nextMatch)?.ref.current;
|
|
9801
|
-
(/* @__PURE__ */ __name$
|
|
9801
|
+
(/* @__PURE__ */ __name$8((function updateSearch(value) {
|
|
9802
9802
|
searchRef.current = value;
|
|
9803
9803
|
window.clearTimeout(timerRef.current);
|
|
9804
9804
|
if (value !== "") timerRef.current = window.setTimeout(() => updateSearch(""), 1e3);
|
|
@@ -9911,16 +9911,16 @@ var MenuContentImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name
|
|
|
9911
9911
|
})
|
|
9912
9912
|
});
|
|
9913
9913
|
}, "MenuContentImpl"));
|
|
9914
|
-
var ITEM_NAME = "MenuItem";
|
|
9914
|
+
var ITEM_NAME$1 = "MenuItem";
|
|
9915
9915
|
var ITEM_SELECT = "menu.itemSelect";
|
|
9916
|
-
var MenuItem = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
9916
|
+
var MenuItem = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$8(function MenuItem2(props, forwardedRef) {
|
|
9917
9917
|
const { disabled = false, onSelect, ...itemProps } = props;
|
|
9918
9918
|
const ref = React$10.useRef(null);
|
|
9919
|
-
const rootContext = useMenuRootContext(ITEM_NAME, props.__scopeMenu);
|
|
9920
|
-
const contentContext = useMenuContentContext(ITEM_NAME, props.__scopeMenu);
|
|
9919
|
+
const rootContext = useMenuRootContext(ITEM_NAME$1, props.__scopeMenu);
|
|
9920
|
+
const contentContext = useMenuContentContext(ITEM_NAME$1, props.__scopeMenu);
|
|
9921
9921
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
9922
9922
|
const isPointerDownRef = React$10.useRef(false);
|
|
9923
|
-
const handleSelect = /* @__PURE__ */ __name$
|
|
9923
|
+
const handleSelect = /* @__PURE__ */ __name$8(() => {
|
|
9924
9924
|
const menuItem = ref.current;
|
|
9925
9925
|
if (!disabled && menuItem) {
|
|
9926
9926
|
const itemSelectEvent = new CustomEvent(ITEM_SELECT, {
|
|
@@ -9948,16 +9948,16 @@ var MenuItem = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$6(func
|
|
|
9948
9948
|
onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
|
|
9949
9949
|
if (disabled || event.target !== event.currentTarget) return;
|
|
9950
9950
|
if (contentContext.searchRef.current !== "" && event.key === " ") return;
|
|
9951
|
-
if (SELECTION_KEYS.includes(event.key)) {
|
|
9951
|
+
if (SELECTION_KEYS$1.includes(event.key)) {
|
|
9952
9952
|
event.currentTarget.click();
|
|
9953
9953
|
event.preventDefault();
|
|
9954
9954
|
}
|
|
9955
9955
|
})
|
|
9956
9956
|
});
|
|
9957
9957
|
}, "MenuItem"));
|
|
9958
|
-
var MenuItemImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
9958
|
+
var MenuItemImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$8(function MenuItemImpl2(props, forwardedRef) {
|
|
9959
9959
|
const { __scopeMenu, disabled = false, textValue, ...itemProps } = props;
|
|
9960
|
-
const contentContext = useMenuContentContext(ITEM_NAME, __scopeMenu);
|
|
9960
|
+
const contentContext = useMenuContentContext(ITEM_NAME$1, __scopeMenu);
|
|
9961
9961
|
const rovingFocusGroupScope = useRovingFocusGroupScope$1(__scopeMenu);
|
|
9962
9962
|
const ref = React$10.useRef(null);
|
|
9963
9963
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
@@ -9967,7 +9967,7 @@ var MenuItemImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$6(
|
|
|
9967
9967
|
const menuItem = ref.current;
|
|
9968
9968
|
if (menuItem) setTextContent((menuItem.textContent ?? "").trim());
|
|
9969
9969
|
}, [itemProps.children]);
|
|
9970
|
-
return /* @__PURE__ */ jsx(Collection.ItemSlot, {
|
|
9970
|
+
return /* @__PURE__ */ jsx(Collection$1.ItemSlot, {
|
|
9971
9971
|
scope: __scopeMenu,
|
|
9972
9972
|
disabled,
|
|
9973
9973
|
textValue: textValue ?? textContent,
|
|
@@ -9996,7 +9996,7 @@ var MenuItemImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$6(
|
|
|
9996
9996
|
})
|
|
9997
9997
|
});
|
|
9998
9998
|
}, "MenuItemImpl"));
|
|
9999
|
-
var MenuCheckboxItem = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
9999
|
+
var MenuCheckboxItem = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$8(function MenuCheckboxItem2(props, forwardedRef) {
|
|
10000
10000
|
const { checked = false, onCheckedChange, ...checkboxItemProps } = props;
|
|
10001
10001
|
return /* @__PURE__ */ jsx(ItemIndicatorProvider, {
|
|
10002
10002
|
scope: props.__scopeMenu,
|
|
@@ -10013,13 +10013,13 @@ var MenuCheckboxItem = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __nam
|
|
|
10013
10013
|
}, "MenuCheckboxItem"));
|
|
10014
10014
|
var [RadioGroupProvider$1, useRadioGroupContext$1] = createMenuContext("MenuRadioGroup", {
|
|
10015
10015
|
value: void 0,
|
|
10016
|
-
onValueChange: /* @__PURE__ */ __name$
|
|
10016
|
+
onValueChange: /* @__PURE__ */ __name$8(() => {}, "onValueChange")
|
|
10017
10017
|
});
|
|
10018
|
-
var ITEM_INDICATOR_NAME = "MenuItemIndicator";
|
|
10019
|
-
var [ItemIndicatorProvider, useItemIndicatorContext] = createMenuContext(ITEM_INDICATOR_NAME, { checked: false });
|
|
10020
|
-
var MenuItemIndicator = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
10018
|
+
var ITEM_INDICATOR_NAME$1 = "MenuItemIndicator";
|
|
10019
|
+
var [ItemIndicatorProvider, useItemIndicatorContext] = createMenuContext(ITEM_INDICATOR_NAME$1, { checked: false });
|
|
10020
|
+
var MenuItemIndicator = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$8(function MenuItemIndicator2(props, forwardedRef) {
|
|
10021
10021
|
const { __scopeMenu, forceMount, ...itemIndicatorProps } = props;
|
|
10022
|
-
const indicatorContext = useItemIndicatorContext(ITEM_INDICATOR_NAME, __scopeMenu);
|
|
10022
|
+
const indicatorContext = useItemIndicatorContext(ITEM_INDICATOR_NAME$1, __scopeMenu);
|
|
10023
10023
|
return /* @__PURE__ */ jsx(Presence, {
|
|
10024
10024
|
present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
|
|
10025
10025
|
children: /* @__PURE__ */ jsx(Primitive.span, {
|
|
@@ -10034,15 +10034,15 @@ var [MenuSubProvider, useMenuSubContext] = createMenuContext(SUB_NAME);
|
|
|
10034
10034
|
function getOpenState(open) {
|
|
10035
10035
|
return open ? "open" : "closed";
|
|
10036
10036
|
}
|
|
10037
|
-
__name$
|
|
10037
|
+
__name$8(getOpenState, "getOpenState");
|
|
10038
10038
|
function isIndeterminate(checked) {
|
|
10039
10039
|
return checked === "indeterminate";
|
|
10040
10040
|
}
|
|
10041
|
-
__name$
|
|
10041
|
+
__name$8(isIndeterminate, "isIndeterminate");
|
|
10042
10042
|
function getCheckedState(checked) {
|
|
10043
10043
|
return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
|
|
10044
10044
|
}
|
|
10045
|
-
__name$
|
|
10045
|
+
__name$8(getCheckedState, "getCheckedState");
|
|
10046
10046
|
function focusFirst(candidates) {
|
|
10047
10047
|
const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
|
|
10048
10048
|
for (const candidate of candidates) {
|
|
@@ -10051,20 +10051,20 @@ function focusFirst(candidates) {
|
|
|
10051
10051
|
if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
|
|
10052
10052
|
}
|
|
10053
10053
|
}
|
|
10054
|
-
__name$
|
|
10055
|
-
function wrapArray(array, startIndex) {
|
|
10054
|
+
__name$8(focusFirst, "focusFirst");
|
|
10055
|
+
function wrapArray$1(array, startIndex) {
|
|
10056
10056
|
return array.map((_, index) => array[(startIndex + index) % array.length]);
|
|
10057
10057
|
}
|
|
10058
|
-
__name$
|
|
10058
|
+
__name$8(wrapArray$1, "wrapArray");
|
|
10059
10059
|
function getNextMatch(values, search, currentMatch) {
|
|
10060
10060
|
const normalizedSearch = search.length > 1 && Array.from(search).every((char) => char === search[0]) ? search[0] : search;
|
|
10061
10061
|
const currentMatchIndex = currentMatch ? values.indexOf(currentMatch) : -1;
|
|
10062
|
-
let wrappedValues = wrapArray(values, Math.max(currentMatchIndex, 0));
|
|
10062
|
+
let wrappedValues = wrapArray$1(values, Math.max(currentMatchIndex, 0));
|
|
10063
10063
|
if (normalizedSearch.length === 1) wrappedValues = wrappedValues.filter((v) => v !== currentMatch);
|
|
10064
10064
|
const nextMatch = wrappedValues.find((value) => value.toLowerCase().startsWith(normalizedSearch.toLowerCase()));
|
|
10065
10065
|
return nextMatch !== currentMatch ? nextMatch : void 0;
|
|
10066
10066
|
}
|
|
10067
|
-
__name$
|
|
10067
|
+
__name$8(getNextMatch, "getNextMatch");
|
|
10068
10068
|
function isPointInPolygon(point, polygon) {
|
|
10069
10069
|
const { x, y } = point;
|
|
10070
10070
|
let inside = false;
|
|
@@ -10079,7 +10079,7 @@ function isPointInPolygon(point, polygon) {
|
|
|
10079
10079
|
}
|
|
10080
10080
|
return inside;
|
|
10081
10081
|
}
|
|
10082
|
-
__name$
|
|
10082
|
+
__name$8(isPointInPolygon, "isPointInPolygon");
|
|
10083
10083
|
function isPointerInGraceArea(event, area) {
|
|
10084
10084
|
if (!area) return false;
|
|
10085
10085
|
return isPointInPolygon({
|
|
@@ -10087,11 +10087,11 @@ function isPointerInGraceArea(event, area) {
|
|
|
10087
10087
|
y: event.clientY
|
|
10088
10088
|
}, area);
|
|
10089
10089
|
}
|
|
10090
|
-
__name$
|
|
10090
|
+
__name$8(isPointerInGraceArea, "isPointerInGraceArea");
|
|
10091
10091
|
function whenMouse(handler) {
|
|
10092
10092
|
return (event) => event.pointerType === "mouse" ? handler(event) : void 0;
|
|
10093
10093
|
}
|
|
10094
|
-
__name$
|
|
10094
|
+
__name$8(whenMouse, "whenMouse");
|
|
10095
10095
|
var Root3 = Menu;
|
|
10096
10096
|
var Anchor2 = MenuAnchor;
|
|
10097
10097
|
var Portal = MenuPortal;
|
|
@@ -10101,8 +10101,8 @@ var ItemIndicator = MenuItemIndicator;
|
|
|
10101
10101
|
|
|
10102
10102
|
//#endregion
|
|
10103
10103
|
//#region ../../node_modules/.pnpm/@radix-ui+react-dropdown-menu@2.1.24_@types+react-dom@19.2.3_@types+react@19.2.17__@typ_cea3081213c77aa7bdcc6d13e3bb1673/node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs
|
|
10104
|
-
var __defProp$
|
|
10105
|
-
var __name$
|
|
10104
|
+
var __defProp$9 = Object.defineProperty;
|
|
10105
|
+
var __name$7 = (target, value) => __defProp$9(target, "name", {
|
|
10106
10106
|
value,
|
|
10107
10107
|
configurable: true
|
|
10108
10108
|
});
|
|
@@ -10110,7 +10110,7 @@ var DROPDOWN_MENU_NAME = "DropdownMenu";
|
|
|
10110
10110
|
var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(DROPDOWN_MENU_NAME, [createMenuScope]);
|
|
10111
10111
|
var useMenuScope = createMenuScope();
|
|
10112
10112
|
var [DropdownMenuProvider, useDropdownMenuContext] = createDropdownMenuContext(DROPDOWN_MENU_NAME);
|
|
10113
|
-
var DropdownMenu$1 = /* @__PURE__ */ __name$
|
|
10113
|
+
var DropdownMenu$1 = /* @__PURE__ */ __name$7((props) => {
|
|
10114
10114
|
const { __scopeDropdownMenu, children, dir, open: openProp, defaultOpen, onOpenChange, modal = true } = props;
|
|
10115
10115
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
10116
10116
|
const triggerRef = React$10.useRef(null);
|
|
@@ -10139,10 +10139,10 @@ var DropdownMenu$1 = /* @__PURE__ */ __name$5((props) => {
|
|
|
10139
10139
|
})
|
|
10140
10140
|
});
|
|
10141
10141
|
}, "DropdownMenu");
|
|
10142
|
-
var TRIGGER_NAME$
|
|
10143
|
-
var DropdownMenuTrigger$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
10142
|
+
var TRIGGER_NAME$2 = "DropdownMenuTrigger";
|
|
10143
|
+
var DropdownMenuTrigger$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$7(function DropdownMenuTrigger2(props, forwardedRef) {
|
|
10144
10144
|
const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
|
|
10145
|
-
const context = useDropdownMenuContext(TRIGGER_NAME$
|
|
10145
|
+
const context = useDropdownMenuContext(TRIGGER_NAME$2, __scopeDropdownMenu);
|
|
10146
10146
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
10147
10147
|
const composedRefs = useComposedRefs(forwardedRef, context.triggerRef);
|
|
10148
10148
|
return /* @__PURE__ */ jsx(Anchor2, {
|
|
@@ -10178,7 +10178,7 @@ var DropdownMenuTrigger$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */
|
|
|
10178
10178
|
})
|
|
10179
10179
|
});
|
|
10180
10180
|
}, "DropdownMenuTrigger"));
|
|
10181
|
-
var DropdownMenuPortal = /* @__PURE__ */ __name$
|
|
10181
|
+
var DropdownMenuPortal = /* @__PURE__ */ __name$7((props) => {
|
|
10182
10182
|
const { __scopeDropdownMenu, ...portalProps } = props;
|
|
10183
10183
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
10184
10184
|
return /* @__PURE__ */ jsx(Portal, {
|
|
@@ -10186,10 +10186,10 @@ var DropdownMenuPortal = /* @__PURE__ */ __name$5((props) => {
|
|
|
10186
10186
|
...portalProps
|
|
10187
10187
|
});
|
|
10188
10188
|
}, "DropdownMenuPortal");
|
|
10189
|
-
var CONTENT_NAME$
|
|
10190
|
-
var DropdownMenuContent$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
10189
|
+
var CONTENT_NAME$2 = "DropdownMenuContent";
|
|
10190
|
+
var DropdownMenuContent$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$7(function DropdownMenuContent2(props, forwardedRef) {
|
|
10191
10191
|
const { __scopeDropdownMenu, ...contentProps } = props;
|
|
10192
|
-
const context = useDropdownMenuContext(CONTENT_NAME$
|
|
10192
|
+
const context = useDropdownMenuContext(CONTENT_NAME$2, __scopeDropdownMenu);
|
|
10193
10193
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
10194
10194
|
const hasInteractedOutsideRef = React$10.useRef(false);
|
|
10195
10195
|
return /* @__PURE__ */ jsx(Content2$1, {
|
|
@@ -10219,7 +10219,7 @@ var DropdownMenuContent$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */
|
|
|
10219
10219
|
}
|
|
10220
10220
|
});
|
|
10221
10221
|
}, "DropdownMenuContent"));
|
|
10222
|
-
var DropdownMenuCheckboxItem$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
10222
|
+
var DropdownMenuCheckboxItem$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$7(function DropdownMenuCheckboxItem2(props, forwardedRef) {
|
|
10223
10223
|
const { __scopeDropdownMenu, ...checkboxItemProps } = props;
|
|
10224
10224
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
10225
10225
|
return /* @__PURE__ */ jsx(CheckboxItem, {
|
|
@@ -10228,7 +10228,7 @@ var DropdownMenuCheckboxItem$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE_
|
|
|
10228
10228
|
ref: forwardedRef
|
|
10229
10229
|
});
|
|
10230
10230
|
}, "DropdownMenuCheckboxItem"));
|
|
10231
|
-
var DropdownMenuItemIndicator = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
10231
|
+
var DropdownMenuItemIndicator = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$7(function DropdownMenuItemIndicator2(props, forwardedRef) {
|
|
10232
10232
|
const { __scopeDropdownMenu, ...itemIndicatorProps } = props;
|
|
10233
10233
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
10234
10234
|
return /* @__PURE__ */ jsx(ItemIndicator, {
|
|
@@ -10246,20 +10246,20 @@ var ItemIndicator2 = DropdownMenuItemIndicator;
|
|
|
10246
10246
|
|
|
10247
10247
|
//#endregion
|
|
10248
10248
|
//#region ../../node_modules/.pnpm/@radix-ui+number@1.1.3/node_modules/@radix-ui/number/dist/index.mjs
|
|
10249
|
-
var __defProp$
|
|
10250
|
-
var __name$
|
|
10249
|
+
var __defProp$8 = Object.defineProperty;
|
|
10250
|
+
var __name$6 = (target, value) => __defProp$8(target, "name", {
|
|
10251
10251
|
value,
|
|
10252
10252
|
configurable: true
|
|
10253
10253
|
});
|
|
10254
10254
|
function clamp(value, [min, max]) {
|
|
10255
10255
|
return Math.min(max, Math.max(min, value));
|
|
10256
10256
|
}
|
|
10257
|
-
__name$
|
|
10257
|
+
__name$6(clamp, "clamp");
|
|
10258
10258
|
|
|
10259
10259
|
//#endregion
|
|
10260
10260
|
//#region ../../node_modules/.pnpm/@radix-ui+react-scroll-area@1.2.18_@types+react-dom@19.2.3_@types+react@19.2.17__@types_47fa784ca1dbd5b454eeb26b59d20014/node_modules/@radix-ui/react-scroll-area/dist/index.mjs
|
|
10261
|
-
var __defProp$
|
|
10262
|
-
var __name$
|
|
10261
|
+
var __defProp$7 = Object.defineProperty;
|
|
10262
|
+
var __name$5 = (target, value) => __defProp$7(target, "name", {
|
|
10263
10263
|
value,
|
|
10264
10264
|
configurable: true
|
|
10265
10265
|
});
|
|
@@ -10268,11 +10268,11 @@ function useStateMachine(initialState, machine) {
|
|
|
10268
10268
|
return machine[state][event] ?? state;
|
|
10269
10269
|
}, initialState);
|
|
10270
10270
|
}
|
|
10271
|
-
__name$
|
|
10271
|
+
__name$5(useStateMachine, "useStateMachine");
|
|
10272
10272
|
var SCROLL_AREA_NAME = "ScrollArea";
|
|
10273
10273
|
var [createScrollAreaContext, createScrollAreaScope] = createContextScope(SCROLL_AREA_NAME);
|
|
10274
10274
|
var [ScrollAreaProvider, useScrollAreaContext] = createScrollAreaContext(SCROLL_AREA_NAME);
|
|
10275
|
-
var ScrollArea$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
10275
|
+
var ScrollArea$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$5(function ScrollArea2(props, forwardedRef) {
|
|
10276
10276
|
const { __scopeScrollArea, type = "hover", dir, scrollHideDelay = 600, ...scrollAreaProps } = props;
|
|
10277
10277
|
const [scrollArea, setScrollArea] = React$10.useState(null);
|
|
10278
10278
|
const [viewport, setViewport] = React$10.useState(null);
|
|
@@ -10318,10 +10318,10 @@ var ScrollArea$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$3(
|
|
|
10318
10318
|
})
|
|
10319
10319
|
});
|
|
10320
10320
|
}, "ScrollArea"));
|
|
10321
|
-
var VIEWPORT_NAME = "ScrollAreaViewport";
|
|
10322
|
-
var ScrollAreaViewport = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
10321
|
+
var VIEWPORT_NAME$1 = "ScrollAreaViewport";
|
|
10322
|
+
var ScrollAreaViewport = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$5(function ScrollAreaViewport2(props, forwardedRef) {
|
|
10323
10323
|
const { __scopeScrollArea, children, nonce, ...viewportProps } = props;
|
|
10324
|
-
const context = useScrollAreaContext(VIEWPORT_NAME, __scopeScrollArea);
|
|
10324
|
+
const context = useScrollAreaContext(VIEWPORT_NAME$1, __scopeScrollArea);
|
|
10325
10325
|
const composedRefs = useComposedRefs(forwardedRef, React$10.useRef(null), context.onViewportChange);
|
|
10326
10326
|
return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ScrollAreaViewportStyle, { nonce }), /* @__PURE__ */ jsx(Primitive.div, {
|
|
10327
10327
|
"data-radix-scroll-area-viewport": "",
|
|
@@ -10353,14 +10353,14 @@ var ScrollAreaViewport = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __n
|
|
|
10353
10353
|
})
|
|
10354
10354
|
})] });
|
|
10355
10355
|
}, "ScrollAreaViewport"));
|
|
10356
|
-
var ScrollAreaViewportStyle = /* @__PURE__ */ React$10.memo(/* @__PURE__ */ __name$
|
|
10356
|
+
var ScrollAreaViewportStyle = /* @__PURE__ */ React$10.memo(/* @__PURE__ */ __name$5(function ScrollAreaViewportStyle2({ nonce }) {
|
|
10357
10357
|
return /* @__PURE__ */ jsx("style", {
|
|
10358
10358
|
dangerouslySetInnerHTML: { __html: `[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}` },
|
|
10359
10359
|
nonce
|
|
10360
10360
|
});
|
|
10361
10361
|
}, "ScrollAreaViewportStyle"), (prevProps, nextProps) => prevProps.nonce === nextProps.nonce);
|
|
10362
10362
|
var SCROLLBAR_NAME = "ScrollAreaScrollbar";
|
|
10363
|
-
var ScrollAreaScrollbar = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
10363
|
+
var ScrollAreaScrollbar = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$5(function ScrollAreaScrollbar2(props, forwardedRef) {
|
|
10364
10364
|
const { forceMount, ...scrollbarProps } = props;
|
|
10365
10365
|
const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
|
|
10366
10366
|
const { onScrollbarXEnabledChange, onScrollbarYEnabledChange } = context;
|
|
@@ -10393,7 +10393,7 @@ var ScrollAreaScrollbar = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __
|
|
|
10393
10393
|
"data-state": "visible"
|
|
10394
10394
|
}) : null;
|
|
10395
10395
|
}, "ScrollAreaScrollbar"));
|
|
10396
|
-
var ScrollAreaScrollbarHover = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
10396
|
+
var ScrollAreaScrollbarHover = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$5(function ScrollAreaScrollbarHover2(props, forwardedRef) {
|
|
10397
10397
|
const { forceMount, ...scrollbarProps } = props;
|
|
10398
10398
|
const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
|
|
10399
10399
|
const [visible, setVisible] = React$10.useState(false);
|
|
@@ -10401,11 +10401,11 @@ var ScrollAreaScrollbarHover = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__
|
|
|
10401
10401
|
const scrollArea = context.scrollArea;
|
|
10402
10402
|
let hideTimer = 0;
|
|
10403
10403
|
if (scrollArea) {
|
|
10404
|
-
const handlePointerEnter = /* @__PURE__ */ __name$
|
|
10404
|
+
const handlePointerEnter = /* @__PURE__ */ __name$5(() => {
|
|
10405
10405
|
window.clearTimeout(hideTimer);
|
|
10406
10406
|
setVisible(true);
|
|
10407
10407
|
}, "handlePointerEnter");
|
|
10408
|
-
const handlePointerLeave = /* @__PURE__ */ __name$
|
|
10408
|
+
const handlePointerLeave = /* @__PURE__ */ __name$5(() => {
|
|
10409
10409
|
hideTimer = window.setTimeout(() => setVisible(false), context.scrollHideDelay);
|
|
10410
10410
|
}, "handlePointerLeave");
|
|
10411
10411
|
scrollArea.addEventListener("pointerenter", handlePointerEnter);
|
|
@@ -10426,7 +10426,7 @@ var ScrollAreaScrollbarHover = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__
|
|
|
10426
10426
|
})
|
|
10427
10427
|
});
|
|
10428
10428
|
}, "ScrollAreaScrollbarHover"));
|
|
10429
|
-
var ScrollAreaScrollbarScroll = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
10429
|
+
var ScrollAreaScrollbarScroll = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$5(function ScrollAreaScrollbarScroll2(props, forwardedRef) {
|
|
10430
10430
|
const { forceMount, ...scrollbarProps } = props;
|
|
10431
10431
|
const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
|
|
10432
10432
|
const isHorizontal = props.orientation === "horizontal";
|
|
@@ -10462,7 +10462,7 @@ var ScrollAreaScrollbarScroll = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__
|
|
|
10462
10462
|
const scrollDirection = isHorizontal ? "scrollLeft" : "scrollTop";
|
|
10463
10463
|
if (viewport) {
|
|
10464
10464
|
let prevScrollPos = viewport[scrollDirection];
|
|
10465
|
-
const handleScroll = /* @__PURE__ */ __name$
|
|
10465
|
+
const handleScroll = /* @__PURE__ */ __name$5(() => {
|
|
10466
10466
|
const scrollPos = viewport[scrollDirection];
|
|
10467
10467
|
if (prevScrollPos !== scrollPos) {
|
|
10468
10468
|
send("SCROLL");
|
|
@@ -10490,7 +10490,7 @@ var ScrollAreaScrollbarScroll = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__
|
|
|
10490
10490
|
})
|
|
10491
10491
|
});
|
|
10492
10492
|
}, "ScrollAreaScrollbarScroll"));
|
|
10493
|
-
var ScrollAreaScrollbarAuto = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
10493
|
+
var ScrollAreaScrollbarAuto = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$5(function ScrollAreaScrollbarAuto2(props, forwardedRef) {
|
|
10494
10494
|
const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
|
|
10495
10495
|
const { forceMount, ...scrollbarProps } = props;
|
|
10496
10496
|
const [visible, setVisible] = React$10.useState(false);
|
|
@@ -10513,7 +10513,7 @@ var ScrollAreaScrollbarAuto = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ *
|
|
|
10513
10513
|
})
|
|
10514
10514
|
});
|
|
10515
10515
|
}, "ScrollAreaScrollbarAuto"));
|
|
10516
|
-
var ScrollAreaScrollbarVisible = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
10516
|
+
var ScrollAreaScrollbarVisible = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$5(function ScrollAreaScrollbarVisible2(props, forwardedRef) {
|
|
10517
10517
|
const { orientation = "vertical", ...scrollbarProps } = props;
|
|
10518
10518
|
const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
|
|
10519
10519
|
const thumbRef = React$10.useRef(null);
|
|
@@ -10533,14 +10533,14 @@ var ScrollAreaScrollbarVisible = /* @__PURE__ */ React$10.forwardRef(/* @__PURE_
|
|
|
10533
10533
|
sizes,
|
|
10534
10534
|
onSizesChange: setSizes,
|
|
10535
10535
|
hasThumb: Boolean(thumbRatio > 0 && thumbRatio < 1),
|
|
10536
|
-
onThumbChange: /* @__PURE__ */ __name$
|
|
10537
|
-
onThumbPointerUp: /* @__PURE__ */ __name$
|
|
10538
|
-
onThumbPointerDown: /* @__PURE__ */ __name$
|
|
10536
|
+
onThumbChange: /* @__PURE__ */ __name$5((thumb) => thumbRef.current = thumb, "onThumbChange"),
|
|
10537
|
+
onThumbPointerUp: /* @__PURE__ */ __name$5(() => pointerOffsetRef.current = 0, "onThumbPointerUp"),
|
|
10538
|
+
onThumbPointerDown: /* @__PURE__ */ __name$5((pointerPos) => pointerOffsetRef.current = pointerPos, "onThumbPointerDown")
|
|
10539
10539
|
};
|
|
10540
10540
|
function getScrollPosition(pointerPos, dir) {
|
|
10541
10541
|
return getScrollPositionFromPointer(pointerPos, pointerOffsetRef.current, sizes, dir);
|
|
10542
10542
|
}
|
|
10543
|
-
__name$
|
|
10543
|
+
__name$5(getScrollPosition, "getScrollPosition");
|
|
10544
10544
|
if (orientation === "horizontal") return /* @__PURE__ */ jsx(ScrollAreaScrollbarX, {
|
|
10545
10545
|
...commonProps,
|
|
10546
10546
|
ref: forwardedRef,
|
|
@@ -10577,7 +10577,7 @@ var ScrollAreaScrollbarVisible = /* @__PURE__ */ React$10.forwardRef(/* @__PURE_
|
|
|
10577
10577
|
});
|
|
10578
10578
|
return null;
|
|
10579
10579
|
}, "ScrollAreaScrollbarVisible"));
|
|
10580
|
-
var ScrollAreaScrollbarX = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
10580
|
+
var ScrollAreaScrollbarX = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$5(function ScrollAreaScrollbarX2(props, forwardedRef) {
|
|
10581
10581
|
const { sizes, onSizesChange, ...scrollbarProps } = props;
|
|
10582
10582
|
const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
|
|
10583
10583
|
const [computedStyle, setComputedStyle] = React$10.useState();
|
|
@@ -10620,7 +10620,7 @@ var ScrollAreaScrollbarX = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ _
|
|
|
10620
10620
|
}
|
|
10621
10621
|
});
|
|
10622
10622
|
}, "ScrollAreaScrollbarX"));
|
|
10623
|
-
var ScrollAreaScrollbarY = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
10623
|
+
var ScrollAreaScrollbarY = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$5(function ScrollAreaScrollbarY2(props, forwardedRef) {
|
|
10624
10624
|
const { sizes, onSizesChange, ...scrollbarProps } = props;
|
|
10625
10625
|
const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
|
|
10626
10626
|
const [computedStyle, setComputedStyle] = React$10.useState();
|
|
@@ -10665,7 +10665,7 @@ var ScrollAreaScrollbarY = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ _
|
|
|
10665
10665
|
});
|
|
10666
10666
|
}, "ScrollAreaScrollbarY"));
|
|
10667
10667
|
var [ScrollbarProvider, useScrollbarContext] = createScrollAreaContext(SCROLLBAR_NAME);
|
|
10668
|
-
var ScrollAreaScrollbarImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
10668
|
+
var ScrollAreaScrollbarImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$5(function ScrollAreaScrollbarImpl2(props, forwardedRef) {
|
|
10669
10669
|
const { __scopeScrollArea, sizes, hasThumb, onThumbChange, onThumbPointerUp, onThumbPointerDown, onThumbPositionChange, onDragScroll, onWheelScroll, onResize, ...scrollbarProps } = props;
|
|
10670
10670
|
const context = useScrollAreaContext(SCROLLBAR_NAME, __scopeScrollArea);
|
|
10671
10671
|
const [scrollbar, setScrollbar] = React$10.useState(null);
|
|
@@ -10687,9 +10687,9 @@ var ScrollAreaScrollbarImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ *
|
|
|
10687
10687
|
});
|
|
10688
10688
|
}
|
|
10689
10689
|
}
|
|
10690
|
-
__name$
|
|
10690
|
+
__name$5(handleDragScroll, "handleDragScroll");
|
|
10691
10691
|
React$10.useEffect(() => {
|
|
10692
|
-
const handleWheel = /* @__PURE__ */ __name$
|
|
10692
|
+
const handleWheel = /* @__PURE__ */ __name$5((event) => {
|
|
10693
10693
|
const element = event.target;
|
|
10694
10694
|
if (scrollbar?.contains(element)) handleWheelScroll(event, maxScrollPos);
|
|
10695
10695
|
}, "handleWheel");
|
|
@@ -10741,7 +10741,7 @@ var ScrollAreaScrollbarImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ *
|
|
|
10741
10741
|
});
|
|
10742
10742
|
}, "ScrollAreaScrollbarImpl"));
|
|
10743
10743
|
var THUMB_NAME = "ScrollAreaThumb";
|
|
10744
|
-
var ScrollAreaThumb = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
10744
|
+
var ScrollAreaThumb = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$5(function ScrollAreaThumb2(props, forwardedRef) {
|
|
10745
10745
|
const { forceMount, ...thumbProps } = props;
|
|
10746
10746
|
const scrollbarContext = useScrollbarContext(THUMB_NAME, props.__scopeScrollArea);
|
|
10747
10747
|
return /* @__PURE__ */ jsx(Presence, {
|
|
@@ -10752,7 +10752,7 @@ var ScrollAreaThumb = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name
|
|
|
10752
10752
|
})
|
|
10753
10753
|
});
|
|
10754
10754
|
}, "ScrollAreaThumb"));
|
|
10755
|
-
var ScrollAreaThumbImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
10755
|
+
var ScrollAreaThumbImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$5(function ScrollAreaThumbImpl2(props, forwardedRef) {
|
|
10756
10756
|
const { __scopeScrollArea, style, ...thumbProps } = props;
|
|
10757
10757
|
const scrollAreaContext = useScrollAreaContext(THUMB_NAME, __scopeScrollArea);
|
|
10758
10758
|
const scrollbarContext = useScrollbarContext(THUMB_NAME, __scopeScrollArea);
|
|
@@ -10768,7 +10768,7 @@ var ScrollAreaThumbImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __
|
|
|
10768
10768
|
React$10.useEffect(() => {
|
|
10769
10769
|
const viewport = scrollAreaContext.viewport;
|
|
10770
10770
|
if (viewport) {
|
|
10771
|
-
const handleScroll = /* @__PURE__ */ __name$
|
|
10771
|
+
const handleScroll = /* @__PURE__ */ __name$5(() => {
|
|
10772
10772
|
debounceScrollEnd();
|
|
10773
10773
|
if (!removeUnlinkedScrollListenerRef.current) {
|
|
10774
10774
|
const listener = addUnlinkedScrollListener(viewport, onThumbPositionChange);
|
|
@@ -10807,7 +10807,7 @@ var ScrollAreaThumbImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __
|
|
|
10807
10807
|
});
|
|
10808
10808
|
}, "ScrollAreaThumbImpl"));
|
|
10809
10809
|
var CORNER_NAME = "ScrollAreaCorner";
|
|
10810
|
-
var ScrollAreaCorner = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
10810
|
+
var ScrollAreaCorner = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$5(function ScrollAreaCorner2(props, forwardedRef) {
|
|
10811
10811
|
const context = useScrollAreaContext(CORNER_NAME, props.__scopeScrollArea);
|
|
10812
10812
|
const hasBothScrollbarsVisible = Boolean(context.scrollbarX && context.scrollbarY);
|
|
10813
10813
|
return context.type !== "scroll" && hasBothScrollbarsVisible ? /* @__PURE__ */ jsx(ScrollAreaCornerImpl, {
|
|
@@ -10815,7 +10815,7 @@ var ScrollAreaCorner = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __nam
|
|
|
10815
10815
|
ref: forwardedRef
|
|
10816
10816
|
}) : null;
|
|
10817
10817
|
}, "ScrollAreaCorner"));
|
|
10818
|
-
var ScrollAreaCornerImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
10818
|
+
var ScrollAreaCornerImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$5(function ScrollAreaCornerImpl2(props, forwardedRef) {
|
|
10819
10819
|
const { __scopeScrollArea, ...cornerProps } = props;
|
|
10820
10820
|
const context = useScrollAreaContext(CORNER_NAME, __scopeScrollArea);
|
|
10821
10821
|
const [width, setWidth] = React$10.useState(0);
|
|
@@ -10855,19 +10855,19 @@ var ScrollAreaCornerImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ _
|
|
|
10855
10855
|
function toInt(value) {
|
|
10856
10856
|
return value ? parseInt(value, 10) : 0;
|
|
10857
10857
|
}
|
|
10858
|
-
__name$
|
|
10858
|
+
__name$5(toInt, "toInt");
|
|
10859
10859
|
function getThumbRatio(viewportSize, contentSize) {
|
|
10860
10860
|
const ratio = viewportSize / contentSize;
|
|
10861
10861
|
return isNaN(ratio) ? 0 : ratio;
|
|
10862
10862
|
}
|
|
10863
|
-
__name$
|
|
10863
|
+
__name$5(getThumbRatio, "getThumbRatio");
|
|
10864
10864
|
function getThumbSize(sizes) {
|
|
10865
10865
|
const ratio = getThumbRatio(sizes.viewport, sizes.content);
|
|
10866
10866
|
const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;
|
|
10867
10867
|
const thumbSize = (sizes.scrollbar.size - scrollbarPadding) * ratio;
|
|
10868
10868
|
return Math.max(thumbSize, 18);
|
|
10869
10869
|
}
|
|
10870
|
-
__name$
|
|
10870
|
+
__name$5(getThumbSize, "getThumbSize");
|
|
10871
10871
|
function getScrollPositionFromPointer(pointerPos, pointerOffset, sizes, dir = "ltr") {
|
|
10872
10872
|
const thumbSizePx = getThumbSize(sizes);
|
|
10873
10873
|
const thumbCenter = thumbSizePx / 2;
|
|
@@ -10879,7 +10879,7 @@ function getScrollPositionFromPointer(pointerPos, pointerOffset, sizes, dir = "l
|
|
|
10879
10879
|
const scrollRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
|
|
10880
10880
|
return linearScale([minPointerPos, maxPointerPos], scrollRange)(pointerPos);
|
|
10881
10881
|
}
|
|
10882
|
-
__name$
|
|
10882
|
+
__name$5(getScrollPositionFromPointer, "getScrollPositionFromPointer");
|
|
10883
10883
|
function getThumbOffsetFromScroll(scrollPos, sizes, dir = "ltr") {
|
|
10884
10884
|
const thumbSizePx = getThumbSize(sizes);
|
|
10885
10885
|
const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;
|
|
@@ -10889,7 +10889,7 @@ function getThumbOffsetFromScroll(scrollPos, sizes, dir = "ltr") {
|
|
|
10889
10889
|
const scrollWithoutMomentum = clamp(scrollPos, dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0]);
|
|
10890
10890
|
return linearScale([0, maxScrollPos], [0, maxThumbPos])(scrollWithoutMomentum);
|
|
10891
10891
|
}
|
|
10892
|
-
__name$
|
|
10892
|
+
__name$5(getThumbOffsetFromScroll, "getThumbOffsetFromScroll");
|
|
10893
10893
|
function linearScale(input, output) {
|
|
10894
10894
|
return (value) => {
|
|
10895
10895
|
if (input[0] === input[1] || output[0] === output[1]) return output[0];
|
|
@@ -10897,18 +10897,18 @@ function linearScale(input, output) {
|
|
|
10897
10897
|
return output[0] + ratio * (value - input[0]);
|
|
10898
10898
|
};
|
|
10899
10899
|
}
|
|
10900
|
-
__name$
|
|
10900
|
+
__name$5(linearScale, "linearScale");
|
|
10901
10901
|
function isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos) {
|
|
10902
10902
|
return scrollPos > 0 && scrollPos < maxScrollPos;
|
|
10903
10903
|
}
|
|
10904
|
-
__name$
|
|
10905
|
-
var addUnlinkedScrollListener = /* @__PURE__ */ __name$
|
|
10904
|
+
__name$5(isScrollingWithinScrollbarBounds, "isScrollingWithinScrollbarBounds");
|
|
10905
|
+
var addUnlinkedScrollListener = /* @__PURE__ */ __name$5((node, handler = () => {}) => {
|
|
10906
10906
|
let prevPosition = {
|
|
10907
10907
|
left: node.scrollLeft,
|
|
10908
10908
|
top: node.scrollTop
|
|
10909
10909
|
};
|
|
10910
10910
|
let rAF = 0;
|
|
10911
|
-
(/* @__PURE__ */ __name$
|
|
10911
|
+
(/* @__PURE__ */ __name$5((function loop() {
|
|
10912
10912
|
const position = {
|
|
10913
10913
|
left: node.scrollLeft,
|
|
10914
10914
|
top: node.scrollTop
|
|
@@ -10930,7 +10930,7 @@ function useDebounceCallback(callback, delay) {
|
|
|
10930
10930
|
debounceTimerRef.current = window.setTimeout(handleCallback, delay);
|
|
10931
10931
|
}, [handleCallback, delay]);
|
|
10932
10932
|
}
|
|
10933
|
-
__name$
|
|
10933
|
+
__name$5(useDebounceCallback, "useDebounceCallback");
|
|
10934
10934
|
function useResizeObserver(element, onResize) {
|
|
10935
10935
|
const handleResize = useCallbackRef(onResize);
|
|
10936
10936
|
useLayoutEffect2(() => {
|
|
@@ -10948,7 +10948,7 @@ function useResizeObserver(element, onResize) {
|
|
|
10948
10948
|
}
|
|
10949
10949
|
}, [element, handleResize]);
|
|
10950
10950
|
}
|
|
10951
|
-
__name$
|
|
10951
|
+
__name$5(useResizeObserver, "useResizeObserver");
|
|
10952
10952
|
var Root$1 = ScrollArea$1;
|
|
10953
10953
|
var Viewport = ScrollAreaViewport;
|
|
10954
10954
|
var Scrollbar = ScrollAreaScrollbar;
|
|
@@ -10957,14 +10957,14 @@ var Corner = ScrollAreaCorner;
|
|
|
10957
10957
|
|
|
10958
10958
|
//#endregion
|
|
10959
10959
|
//#region ../../node_modules/.pnpm/@radix-ui+react-separator@1.1.15_@types+react-dom@19.2.3_@types+react@19.2.17__@types+r_1f4f422602cd7d04ce160dab2bfd97f5/node_modules/@radix-ui/react-separator/dist/index.mjs
|
|
10960
|
-
var __defProp$
|
|
10961
|
-
var __name$
|
|
10960
|
+
var __defProp$6 = Object.defineProperty;
|
|
10961
|
+
var __name$4 = (target, value) => __defProp$6(target, "name", {
|
|
10962
10962
|
value,
|
|
10963
10963
|
configurable: true
|
|
10964
10964
|
});
|
|
10965
10965
|
var DEFAULT_ORIENTATION = "horizontal";
|
|
10966
10966
|
var ORIENTATIONS = ["horizontal", "vertical"];
|
|
10967
|
-
var Separator$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
10967
|
+
var Separator$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$4(function Separator2(props, forwardedRef) {
|
|
10968
10968
|
const { decorative, orientation: orientationProp = DEFAULT_ORIENTATION, ...domProps } = props;
|
|
10969
10969
|
const orientation = isValidOrientation(orientationProp) ? orientationProp : DEFAULT_ORIENTATION;
|
|
10970
10970
|
const semanticProps = decorative ? { role: "none" } : {
|
|
@@ -10981,7 +10981,7 @@ var Separator$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$2(f
|
|
|
10981
10981
|
function isValidOrientation(orientation) {
|
|
10982
10982
|
return ORIENTATIONS.includes(orientation);
|
|
10983
10983
|
}
|
|
10984
|
-
__name$
|
|
10984
|
+
__name$4(isValidOrientation, "isValidOrientation");
|
|
10985
10985
|
var Root = Separator$1;
|
|
10986
10986
|
|
|
10987
10987
|
//#endregion
|
|
@@ -11014,15 +11014,15 @@ function W(_, C, h) {
|
|
|
11014
11014
|
|
|
11015
11015
|
//#endregion
|
|
11016
11016
|
//#region ../../node_modules/.pnpm/@radix-ui+react-dialog@1.1.23_@types+react-dom@19.2.3_@types+react@19.2.17__@types+reac_ebeaa069aac513f5f318f7d1d5f561bf/node_modules/@radix-ui/react-dialog/dist/index.mjs
|
|
11017
|
-
var __defProp$
|
|
11018
|
-
var __name$
|
|
11017
|
+
var __defProp$5 = Object.defineProperty;
|
|
11018
|
+
var __name$3 = (target, value) => __defProp$5(target, "name", {
|
|
11019
11019
|
value,
|
|
11020
11020
|
configurable: true
|
|
11021
11021
|
});
|
|
11022
11022
|
var DIALOG_NAME = "Dialog";
|
|
11023
11023
|
var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
|
|
11024
11024
|
var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
|
|
11025
|
-
var Dialog = /* @__PURE__ */ __name$
|
|
11025
|
+
var Dialog = /* @__PURE__ */ __name$3((props) => {
|
|
11026
11026
|
const { __scopeDialog, children, open: openProp, defaultOpen, onOpenChange, modal = true } = props;
|
|
11027
11027
|
const triggerRef = React$10.useRef(null);
|
|
11028
11028
|
const contentRef = React$10.useRef(null);
|
|
@@ -11053,11 +11053,11 @@ var Dialog = /* @__PURE__ */ __name$1((props) => {
|
|
|
11053
11053
|
});
|
|
11054
11054
|
}, "Dialog");
|
|
11055
11055
|
var PORTAL_NAME = "DialogPortal";
|
|
11056
|
-
var [PortalProvider, usePortalContext] = createDialogContext(PORTAL_NAME, { forceMount: void 0 });
|
|
11057
|
-
var DialogPortal = /* @__PURE__ */ __name$
|
|
11056
|
+
var [PortalProvider$1, usePortalContext$1] = createDialogContext(PORTAL_NAME, { forceMount: void 0 });
|
|
11057
|
+
var DialogPortal = /* @__PURE__ */ __name$3((props) => {
|
|
11058
11058
|
const { __scopeDialog, forceMount, children, container } = props;
|
|
11059
11059
|
const context = useDialogContext(PORTAL_NAME, __scopeDialog);
|
|
11060
|
-
return /* @__PURE__ */ jsx(PortalProvider, {
|
|
11060
|
+
return /* @__PURE__ */ jsx(PortalProvider$1, {
|
|
11061
11061
|
scope: __scopeDialog,
|
|
11062
11062
|
forceMount,
|
|
11063
11063
|
children: React$10.Children.map(children, (child) => /* @__PURE__ */ jsx(Presence, {
|
|
@@ -11071,8 +11071,8 @@ var DialogPortal = /* @__PURE__ */ __name$1((props) => {
|
|
|
11071
11071
|
});
|
|
11072
11072
|
}, "DialogPortal");
|
|
11073
11073
|
var OVERLAY_NAME = "DialogOverlay";
|
|
11074
|
-
var DialogOverlay = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
11075
|
-
const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);
|
|
11074
|
+
var DialogOverlay = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$3(function DialogOverlay2(props, forwardedRef) {
|
|
11075
|
+
const portalContext = usePortalContext$1(OVERLAY_NAME, props.__scopeDialog);
|
|
11076
11076
|
const { forceMount = portalContext.forceMount, ...overlayProps } = props;
|
|
11077
11077
|
const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);
|
|
11078
11078
|
return context.modal ? /* @__PURE__ */ jsx(Presence, {
|
|
@@ -11083,13 +11083,13 @@ var DialogOverlay = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$1
|
|
|
11083
11083
|
})
|
|
11084
11084
|
}) : null;
|
|
11085
11085
|
}, "DialogOverlay"));
|
|
11086
|
-
var Slot = createSlot("DialogOverlay.RemoveScroll");
|
|
11087
|
-
var DialogOverlayImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
11086
|
+
var Slot$1 = createSlot("DialogOverlay.RemoveScroll");
|
|
11087
|
+
var DialogOverlayImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$3(function DialogOverlayImpl2(props, forwardedRef) {
|
|
11088
11088
|
const { __scopeDialog, ...overlayProps } = props;
|
|
11089
11089
|
const context = useDialogContext(OVERLAY_NAME, __scopeDialog);
|
|
11090
11090
|
const composedRefs = useComposedRefs(forwardedRef, useDismissableLayerSurface());
|
|
11091
11091
|
return /* @__PURE__ */ jsx(import_es5$1.RemoveScroll, {
|
|
11092
|
-
as: Slot,
|
|
11092
|
+
as: Slot$1,
|
|
11093
11093
|
allowPinchZoom: true,
|
|
11094
11094
|
shards: [context.contentRef],
|
|
11095
11095
|
children: /* @__PURE__ */ jsx(Primitive.div, {
|
|
@@ -11103,11 +11103,11 @@ var DialogOverlayImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __na
|
|
|
11103
11103
|
})
|
|
11104
11104
|
});
|
|
11105
11105
|
}, "DialogOverlayImpl"));
|
|
11106
|
-
var CONTENT_NAME = "DialogContent";
|
|
11107
|
-
var DialogContent = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
11108
|
-
const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);
|
|
11106
|
+
var CONTENT_NAME$1 = "DialogContent";
|
|
11107
|
+
var DialogContent = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$3(function DialogContent2(props, forwardedRef) {
|
|
11108
|
+
const portalContext = usePortalContext$1(CONTENT_NAME$1, props.__scopeDialog);
|
|
11109
11109
|
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
11110
|
-
const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
|
|
11110
|
+
const context = useDialogContext(CONTENT_NAME$1, props.__scopeDialog);
|
|
11111
11111
|
return /* @__PURE__ */ jsx(Presence, {
|
|
11112
11112
|
present: forceMount || context.open,
|
|
11113
11113
|
children: context.modal ? /* @__PURE__ */ jsx(DialogContentModal, {
|
|
@@ -11119,8 +11119,8 @@ var DialogContent = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$1
|
|
|
11119
11119
|
})
|
|
11120
11120
|
});
|
|
11121
11121
|
}, "DialogContent"));
|
|
11122
|
-
var DialogContentModal = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
11123
|
-
const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
|
|
11122
|
+
var DialogContentModal = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$3(function DialogContentModal2(props, forwardedRef) {
|
|
11123
|
+
const context = useDialogContext(CONTENT_NAME$1, props.__scopeDialog);
|
|
11124
11124
|
const contentRef = React$10.useRef(null);
|
|
11125
11125
|
const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
|
|
11126
11126
|
React$10.useEffect(() => {
|
|
@@ -11144,8 +11144,8 @@ var DialogContentModal = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __n
|
|
|
11144
11144
|
onFocusOutside: composeEventHandlers(props.onFocusOutside, (event) => event.preventDefault())
|
|
11145
11145
|
});
|
|
11146
11146
|
}, "DialogContentModal"));
|
|
11147
|
-
var DialogContentNonModal = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
11148
|
-
const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
|
|
11147
|
+
var DialogContentNonModal = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$3(function DialogContentNonModal2(props, forwardedRef) {
|
|
11148
|
+
const context = useDialogContext(CONTENT_NAME$1, props.__scopeDialog);
|
|
11149
11149
|
const hasInteractedOutsideRef = React$10.useRef(false);
|
|
11150
11150
|
const hasPointerDownOutsideRef = React$10.useRef(false);
|
|
11151
11151
|
return /* @__PURE__ */ jsx(DialogContentImpl, {
|
|
@@ -11174,9 +11174,9 @@ var DialogContentNonModal = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */
|
|
|
11174
11174
|
}
|
|
11175
11175
|
});
|
|
11176
11176
|
}, "DialogContentNonModal"));
|
|
11177
|
-
var DialogContentImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$
|
|
11177
|
+
var DialogContentImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$3(function DialogContentImpl2(props, forwardedRef) {
|
|
11178
11178
|
const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;
|
|
11179
|
-
const context = useDialogContext(CONTENT_NAME, __scopeDialog);
|
|
11179
|
+
const context = useDialogContext(CONTENT_NAME$1, __scopeDialog);
|
|
11180
11180
|
useFocusGuards();
|
|
11181
11181
|
return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(FocusScope, {
|
|
11182
11182
|
asChild: true,
|
|
@@ -11200,7 +11200,7 @@ var DialogContentImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __na
|
|
|
11200
11200
|
function getState$1(open) {
|
|
11201
11201
|
return open ? "open" : "closed";
|
|
11202
11202
|
}
|
|
11203
|
-
__name$
|
|
11203
|
+
__name$3(getState$1, "getState");
|
|
11204
11204
|
|
|
11205
11205
|
//#endregion
|
|
11206
11206
|
//#region ../../node_modules/.pnpm/cmdk@1.1.1_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react@19.2.17_react-dom_60d538ac8b3b3d77a9a153b095ee057f/node_modules/cmdk/dist/index.mjs
|
|
@@ -11674,6 +11674,21 @@ var Te = {
|
|
|
11674
11674
|
borderWidth: "0"
|
|
11675
11675
|
};
|
|
11676
11676
|
|
|
11677
|
+
//#endregion
|
|
11678
|
+
//#region ../../node_modules/.pnpm/@radix-ui+react-visually-hidden@1.2.11_@types+react-dom@19.2.3_@types+react@19.2.17__@t_49902735f28f2f777072691117febbac/node_modules/@radix-ui/react-visually-hidden/dist/index.mjs
|
|
11679
|
+
var VISUALLY_HIDDEN_STYLES = Object.freeze({
|
|
11680
|
+
position: "absolute",
|
|
11681
|
+
border: 0,
|
|
11682
|
+
width: 1,
|
|
11683
|
+
height: 1,
|
|
11684
|
+
padding: 0,
|
|
11685
|
+
margin: -1,
|
|
11686
|
+
overflow: "hidden",
|
|
11687
|
+
clip: "rect(0, 0, 0, 0)",
|
|
11688
|
+
whiteSpace: "nowrap",
|
|
11689
|
+
wordWrap: "normal"
|
|
11690
|
+
});
|
|
11691
|
+
|
|
11677
11692
|
//#endregion
|
|
11678
11693
|
//#region ../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs
|
|
11679
11694
|
/**
|
|
@@ -11731,8 +11746,8 @@ const cva = (base, config) => (props) => {
|
|
|
11731
11746
|
|
|
11732
11747
|
//#endregion
|
|
11733
11748
|
//#region ../../node_modules/.pnpm/@radix-ui+react-radio-group@1.4.7_@types+react-dom@19.2.3_@types+react@19.2.17__@types+_485e3617a4152919cb16b7f35978d7b0/node_modules/@radix-ui/react-radio-group/dist/index.mjs
|
|
11734
|
-
var __defProp$
|
|
11735
|
-
var __name = (target, value) => __defProp$
|
|
11749
|
+
var __defProp$4 = Object.defineProperty;
|
|
11750
|
+
var __name$2 = (target, value) => __defProp$4(target, "name", {
|
|
11736
11751
|
value,
|
|
11737
11752
|
configurable: true
|
|
11738
11753
|
});
|
|
@@ -11760,18 +11775,18 @@ function RadioProvider(props) {
|
|
|
11760
11775
|
isFormControl: control ? !!form || !!control.closest("form") : true,
|
|
11761
11776
|
bubbleInput,
|
|
11762
11777
|
setBubbleInput,
|
|
11763
|
-
onCheck: /* @__PURE__ */ __name(() => onCheck?.(), "onCheck")
|
|
11778
|
+
onCheck: /* @__PURE__ */ __name$2(() => onCheck?.(), "onCheck")
|
|
11764
11779
|
};
|
|
11765
11780
|
return /* @__PURE__ */ jsx(RadioProviderImpl, {
|
|
11766
11781
|
scope: __scopeRadio,
|
|
11767
11782
|
...context,
|
|
11768
|
-
children: isFunction$
|
|
11783
|
+
children: isFunction$2(internal_do_not_use_render) ? internal_do_not_use_render(context) : children
|
|
11769
11784
|
});
|
|
11770
11785
|
}
|
|
11771
|
-
__name(RadioProvider, "RadioProvider");
|
|
11772
|
-
var TRIGGER_NAME = "RadioTrigger";
|
|
11773
|
-
var RadioTrigger = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(function RadioTrigger2({ __scopeRadio, onClick, ...radioProps }, forwardedRef) {
|
|
11774
|
-
const { checked, disabled, value, setControl, onCheck, hasConsumerStoppedPropagationRef, onUserInteraction, isFormControl, bubbleInput } = useRadioContext(TRIGGER_NAME, __scopeRadio);
|
|
11786
|
+
__name$2(RadioProvider, "RadioProvider");
|
|
11787
|
+
var TRIGGER_NAME$1 = "RadioTrigger";
|
|
11788
|
+
var RadioTrigger = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$2(function RadioTrigger2({ __scopeRadio, onClick, ...radioProps }, forwardedRef) {
|
|
11789
|
+
const { checked, disabled, value, setControl, onCheck, hasConsumerStoppedPropagationRef, onUserInteraction, isFormControl, bubbleInput } = useRadioContext(TRIGGER_NAME$1, __scopeRadio);
|
|
11775
11790
|
const composedRefs = useComposedRefs(forwardedRef, setControl);
|
|
11776
11791
|
return /* @__PURE__ */ jsx(Primitive.button, {
|
|
11777
11792
|
type: "button",
|
|
@@ -11796,7 +11811,7 @@ var RadioTrigger = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(fu
|
|
|
11796
11811
|
});
|
|
11797
11812
|
}, "RadioTrigger"));
|
|
11798
11813
|
var INDICATOR_NAME = "RadioIndicator";
|
|
11799
|
-
var RadioIndicator = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(function RadioIndicator2(props, forwardedRef) {
|
|
11814
|
+
var RadioIndicator = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$2(function RadioIndicator2(props, forwardedRef) {
|
|
11800
11815
|
const { __scopeRadio, forceMount, ...indicatorProps } = props;
|
|
11801
11816
|
const context = useRadioContext(INDICATOR_NAME, __scopeRadio);
|
|
11802
11817
|
return /* @__PURE__ */ jsx(Presence, {
|
|
@@ -11809,9 +11824,9 @@ var RadioIndicator = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(
|
|
|
11809
11824
|
})
|
|
11810
11825
|
});
|
|
11811
11826
|
}, "RadioIndicator"));
|
|
11812
|
-
var BUBBLE_INPUT_NAME = "RadioBubbleInput";
|
|
11813
|
-
var RadioBubbleInput = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(function RadioBubbleInput2({ __scopeRadio, onClick, ...props }, forwardedRef) {
|
|
11814
|
-
const { control, checked, required, disabled, name, value, form, bubbleInput, setBubbleInput, hasConsumerStoppedPropagationRef, userInteractionCount } = useRadioContext(BUBBLE_INPUT_NAME, __scopeRadio);
|
|
11827
|
+
var BUBBLE_INPUT_NAME$1 = "RadioBubbleInput";
|
|
11828
|
+
var RadioBubbleInput = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$2(function RadioBubbleInput2({ __scopeRadio, onClick, ...props }, forwardedRef) {
|
|
11829
|
+
const { control, checked, required, disabled, name, value, form, bubbleInput, setBubbleInput, hasConsumerStoppedPropagationRef, userInteractionCount } = useRadioContext(BUBBLE_INPUT_NAME$1, __scopeRadio);
|
|
11815
11830
|
const composedRefs = useComposedRefs(forwardedRef, setBubbleInput);
|
|
11816
11831
|
const controlSize = useSize(control);
|
|
11817
11832
|
const shouldStopClickPropagationRef = React$10.useRef(false);
|
|
@@ -11867,14 +11882,14 @@ var RadioBubbleInput = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __nam
|
|
|
11867
11882
|
}
|
|
11868
11883
|
});
|
|
11869
11884
|
}, "RadioBubbleInput"));
|
|
11870
|
-
function isFunction$
|
|
11885
|
+
function isFunction$2(value) {
|
|
11871
11886
|
return typeof value === "function";
|
|
11872
11887
|
}
|
|
11873
|
-
__name(isFunction$
|
|
11888
|
+
__name$2(isFunction$2, "isFunction");
|
|
11874
11889
|
function getState(checked) {
|
|
11875
11890
|
return checked ? "checked" : "unchecked";
|
|
11876
11891
|
}
|
|
11877
|
-
__name(getState, "getState");
|
|
11892
|
+
__name$2(getState, "getState");
|
|
11878
11893
|
var ARROW_KEYS = [
|
|
11879
11894
|
"ArrowUp",
|
|
11880
11895
|
"ArrowDown",
|
|
@@ -11886,7 +11901,7 @@ var [createRadioGroupContext, createRadioGroupScope] = createContextScope(RADIO_
|
|
|
11886
11901
|
var useRovingFocusGroupScope = createRovingFocusGroupScope();
|
|
11887
11902
|
var useRadioScope = createRadioScope();
|
|
11888
11903
|
var [RadioGroupProvider, useRadioGroupContext] = createRadioGroupContext(RADIO_GROUP_NAME);
|
|
11889
|
-
var RadioGroup$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(function RadioGroup2(props, forwardedRef) {
|
|
11904
|
+
var RadioGroup$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$2(function RadioGroup2(props, forwardedRef) {
|
|
11890
11905
|
const { __scopeRadioGroup, name, form, defaultValue, value: valueProp, required = false, disabled = false, orientation, dir, loop = true, onValueChange, ...groupProps } = props;
|
|
11891
11906
|
const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeRadioGroup);
|
|
11892
11907
|
const direction = useDirection(dir);
|
|
@@ -11902,7 +11917,7 @@ var RadioGroup$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(fu
|
|
|
11902
11917
|
React$10.useEffect(() => {
|
|
11903
11918
|
const associatedForm = form ? control?.ownerDocument.getElementById(form) : control?.closest("form");
|
|
11904
11919
|
if (associatedForm instanceof HTMLFormElement) {
|
|
11905
|
-
const reset = /* @__PURE__ */ __name(() => setValue(initialValueRef.current), "reset");
|
|
11920
|
+
const reset = /* @__PURE__ */ __name$2(() => setValue(initialValueRef.current), "reset");
|
|
11906
11921
|
associatedForm.addEventListener("reset", reset);
|
|
11907
11922
|
return () => associatedForm.removeEventListener("reset", reset);
|
|
11908
11923
|
}
|
|
@@ -11957,8 +11972,8 @@ function RadioGroupItemProvider(props) {
|
|
|
11957
11972
|
children
|
|
11958
11973
|
});
|
|
11959
11974
|
}
|
|
11960
|
-
__name(RadioGroupItemProvider, "RadioGroupItemProvider");
|
|
11961
|
-
var RadioGroupItemTrigger = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(function RadioGroupItemTrigger2(props, forwardedRef) {
|
|
11975
|
+
__name$2(RadioGroupItemProvider, "RadioGroupItemProvider");
|
|
11976
|
+
var RadioGroupItemTrigger = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$2(function RadioGroupItemTrigger2(props, forwardedRef) {
|
|
11962
11977
|
const { __scopeRadioGroup, ...triggerProps } = props;
|
|
11963
11978
|
const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeRadioGroup);
|
|
11964
11979
|
const radioScope = useRadioScope(__scopeRadioGroup);
|
|
@@ -11967,10 +11982,10 @@ var RadioGroupItemTrigger = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */
|
|
|
11967
11982
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
11968
11983
|
const isArrowKeyPressedRef = React$10.useRef(false);
|
|
11969
11984
|
React$10.useEffect(() => {
|
|
11970
|
-
const handleKeyDown = /* @__PURE__ */ __name((event) => {
|
|
11985
|
+
const handleKeyDown = /* @__PURE__ */ __name$2((event) => {
|
|
11971
11986
|
if (ARROW_KEYS.includes(event.key)) isArrowKeyPressedRef.current = true;
|
|
11972
11987
|
}, "handleKeyDown");
|
|
11973
|
-
const handleKeyUp = /* @__PURE__ */ __name(() => isArrowKeyPressedRef.current = false, "handleKeyUp");
|
|
11988
|
+
const handleKeyUp = /* @__PURE__ */ __name$2(() => isArrowKeyPressedRef.current = false, "handleKeyUp");
|
|
11974
11989
|
document.addEventListener("keydown", handleKeyDown);
|
|
11975
11990
|
document.addEventListener("keyup", handleKeyUp);
|
|
11976
11991
|
return () => {
|
|
@@ -11996,7 +12011,7 @@ var RadioGroupItemTrigger = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */
|
|
|
11996
12011
|
})
|
|
11997
12012
|
});
|
|
11998
12013
|
}, "RadioGroupItemTrigger"));
|
|
11999
|
-
var RadioGroupItem = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(function RadioGroupItem2(props, forwardedRef) {
|
|
12014
|
+
var RadioGroupItem = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$2(function RadioGroupItem2(props, forwardedRef) {
|
|
12000
12015
|
const { __scopeRadioGroup, value, disabled, ...itemProps } = props;
|
|
12001
12016
|
return /* @__PURE__ */ jsx(RadioGroupItemProvider, {
|
|
12002
12017
|
__scopeRadioGroup,
|
|
@@ -12009,7 +12024,7 @@ var RadioGroupItem = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(
|
|
|
12009
12024
|
}), isFormControl && /* @__PURE__ */ jsx(RadioGroupItemBubbleInput, { __scopeRadioGroup })] })
|
|
12010
12025
|
});
|
|
12011
12026
|
}, "RadioGroupItem"));
|
|
12012
|
-
var RadioGroupItemBubbleInput = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(function RadioGroupItemBubbleInput2(props, forwardedRef) {
|
|
12027
|
+
var RadioGroupItemBubbleInput = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$2(function RadioGroupItemBubbleInput2(props, forwardedRef) {
|
|
12013
12028
|
const { __scopeRadioGroup, ...bubbleProps } = props;
|
|
12014
12029
|
return /* @__PURE__ */ jsx(RadioBubbleInput, {
|
|
12015
12030
|
...useRadioScope(__scopeRadioGroup),
|
|
@@ -12017,7 +12032,7 @@ var RadioGroupItemBubbleInput = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__
|
|
|
12017
12032
|
ref: forwardedRef
|
|
12018
12033
|
});
|
|
12019
12034
|
}, "RadioGroupItemBubbleInput"));
|
|
12020
|
-
var RadioGroupIndicator = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(function RadioGroupIndicator2(props, forwardedRef) {
|
|
12035
|
+
var RadioGroupIndicator = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$2(function RadioGroupIndicator2(props, forwardedRef) {
|
|
12021
12036
|
const { __scopeRadioGroup, ...indicatorProps } = props;
|
|
12022
12037
|
return /* @__PURE__ */ jsx(RadioIndicator, {
|
|
12023
12038
|
...useRadioScope(__scopeRadioGroup),
|
|
@@ -12026,6 +12041,877 @@ var RadioGroupIndicator = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __
|
|
|
12026
12041
|
});
|
|
12027
12042
|
}, "RadioGroupIndicator"));
|
|
12028
12043
|
|
|
12044
|
+
//#endregion
|
|
12045
|
+
//#region ../../node_modules/.pnpm/@radix-ui+react-use-previous@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-previous/dist/index.mjs
|
|
12046
|
+
var __defProp$3 = Object.defineProperty;
|
|
12047
|
+
var __name$1 = (target, value) => __defProp$3(target, "name", {
|
|
12048
|
+
value,
|
|
12049
|
+
configurable: true
|
|
12050
|
+
});
|
|
12051
|
+
function usePrevious(value) {
|
|
12052
|
+
const ref = React$10.useRef({
|
|
12053
|
+
value,
|
|
12054
|
+
previous: value
|
|
12055
|
+
});
|
|
12056
|
+
return React$10.useMemo(() => {
|
|
12057
|
+
if (ref.current.value !== value) {
|
|
12058
|
+
ref.current.previous = ref.current.value;
|
|
12059
|
+
ref.current.value = value;
|
|
12060
|
+
}
|
|
12061
|
+
return ref.current.previous;
|
|
12062
|
+
}, [value]);
|
|
12063
|
+
}
|
|
12064
|
+
__name$1(usePrevious, "usePrevious");
|
|
12065
|
+
|
|
12066
|
+
//#endregion
|
|
12067
|
+
//#region ../../node_modules/.pnpm/@radix-ui+react-select@2.3.7_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react_4023cf783910549477f4cddf9d3442c0/node_modules/@radix-ui/react-select/dist/index.mjs
|
|
12068
|
+
var __defProp$2 = Object.defineProperty;
|
|
12069
|
+
var __name = (target, value) => __defProp$2(target, "name", {
|
|
12070
|
+
value,
|
|
12071
|
+
configurable: true
|
|
12072
|
+
});
|
|
12073
|
+
var OPEN_KEYS = [
|
|
12074
|
+
" ",
|
|
12075
|
+
"Enter",
|
|
12076
|
+
"ArrowUp",
|
|
12077
|
+
"ArrowDown"
|
|
12078
|
+
];
|
|
12079
|
+
var SELECTION_KEYS = [" ", "Enter"];
|
|
12080
|
+
var SELECT_NAME = "Select";
|
|
12081
|
+
var [Collection, useCollection, createCollectionScope] = createCollection(SELECT_NAME);
|
|
12082
|
+
var [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME, [createCollectionScope, createPopperScope]);
|
|
12083
|
+
var usePopperScope = createPopperScope();
|
|
12084
|
+
var [SelectProviderImpl, useSelectContext] = createSelectContext(SELECT_NAME);
|
|
12085
|
+
var [SelectNativeOptionsProvider, useSelectNativeOptionsContext] = createSelectContext(SELECT_NAME);
|
|
12086
|
+
function SelectProvider(props) {
|
|
12087
|
+
const { __scopeSelect, children, open: openProp, defaultOpen, onOpenChange, value: valueProp, defaultValue, onValueChange, dir, name, autoComplete, disabled, required, form, internal_do_not_use_render } = props;
|
|
12088
|
+
const popperScope = usePopperScope(__scopeSelect);
|
|
12089
|
+
const [trigger, setTrigger] = React$10.useState(null);
|
|
12090
|
+
const [valueNode, setValueNode] = React$10.useState(null);
|
|
12091
|
+
const [valueNodeHasChildren, setValueNodeHasChildren] = React$10.useState(false);
|
|
12092
|
+
const direction = useDirection(dir);
|
|
12093
|
+
const [open, setOpen] = useControllableState({
|
|
12094
|
+
prop: openProp,
|
|
12095
|
+
defaultProp: defaultOpen ?? false,
|
|
12096
|
+
onChange: onOpenChange,
|
|
12097
|
+
caller: SELECT_NAME
|
|
12098
|
+
});
|
|
12099
|
+
const [value, setValue] = useControllableState({
|
|
12100
|
+
prop: valueProp,
|
|
12101
|
+
defaultProp: defaultValue,
|
|
12102
|
+
onChange: onValueChange,
|
|
12103
|
+
caller: SELECT_NAME
|
|
12104
|
+
});
|
|
12105
|
+
const triggerPointerDownPosRef = React$10.useRef(null);
|
|
12106
|
+
const initialValueRef = React$10.useRef(value);
|
|
12107
|
+
React$10.useEffect(() => {
|
|
12108
|
+
const associatedForm = form ? trigger?.ownerDocument.getElementById(form) : trigger?.form;
|
|
12109
|
+
if (associatedForm instanceof HTMLFormElement) {
|
|
12110
|
+
const reset = /* @__PURE__ */ __name(() => setValue(initialValueRef.current), "reset");
|
|
12111
|
+
associatedForm.addEventListener("reset", reset);
|
|
12112
|
+
return () => associatedForm.removeEventListener("reset", reset);
|
|
12113
|
+
}
|
|
12114
|
+
}, [
|
|
12115
|
+
form,
|
|
12116
|
+
trigger,
|
|
12117
|
+
setValue
|
|
12118
|
+
]);
|
|
12119
|
+
const isFormControl = trigger ? !!form || !!trigger.closest("form") : true;
|
|
12120
|
+
const [nativeOptionsSet, setNativeOptionsSet] = React$10.useState(/* @__PURE__ */ new Set());
|
|
12121
|
+
const contentId = useId$1();
|
|
12122
|
+
const nativeSelectKey = Array.from(nativeOptionsSet).map((option) => option.props.value).join(";");
|
|
12123
|
+
const handleNativeOptionAdd = React$10.useCallback((option) => {
|
|
12124
|
+
setNativeOptionsSet((prev) => new Set(prev).add(option));
|
|
12125
|
+
}, []);
|
|
12126
|
+
const handleNativeOptionRemove = React$10.useCallback((option) => {
|
|
12127
|
+
setNativeOptionsSet((prev) => {
|
|
12128
|
+
const optionsSet = new Set(prev);
|
|
12129
|
+
optionsSet.delete(option);
|
|
12130
|
+
return optionsSet;
|
|
12131
|
+
});
|
|
12132
|
+
}, []);
|
|
12133
|
+
const context = {
|
|
12134
|
+
required,
|
|
12135
|
+
trigger,
|
|
12136
|
+
onTriggerChange: setTrigger,
|
|
12137
|
+
valueNode,
|
|
12138
|
+
onValueNodeChange: setValueNode,
|
|
12139
|
+
valueNodeHasChildren,
|
|
12140
|
+
onValueNodeHasChildrenChange: setValueNodeHasChildren,
|
|
12141
|
+
contentId,
|
|
12142
|
+
value,
|
|
12143
|
+
onValueChange: setValue,
|
|
12144
|
+
open,
|
|
12145
|
+
onOpenChange: setOpen,
|
|
12146
|
+
dir: direction,
|
|
12147
|
+
triggerPointerDownPosRef,
|
|
12148
|
+
disabled,
|
|
12149
|
+
name,
|
|
12150
|
+
autoComplete,
|
|
12151
|
+
form,
|
|
12152
|
+
nativeOptions: nativeOptionsSet,
|
|
12153
|
+
nativeSelectKey,
|
|
12154
|
+
isFormControl
|
|
12155
|
+
};
|
|
12156
|
+
return /* @__PURE__ */ jsx(Root2$1, {
|
|
12157
|
+
...popperScope,
|
|
12158
|
+
children: /* @__PURE__ */ jsx(SelectProviderImpl, {
|
|
12159
|
+
scope: __scopeSelect,
|
|
12160
|
+
...context,
|
|
12161
|
+
children: /* @__PURE__ */ jsx(Collection.Provider, {
|
|
12162
|
+
scope: __scopeSelect,
|
|
12163
|
+
children: /* @__PURE__ */ jsx(SelectNativeOptionsProvider, {
|
|
12164
|
+
scope: __scopeSelect,
|
|
12165
|
+
onNativeOptionAdd: handleNativeOptionAdd,
|
|
12166
|
+
onNativeOptionRemove: handleNativeOptionRemove,
|
|
12167
|
+
children: isFunction$1(internal_do_not_use_render) ? internal_do_not_use_render(context) : children
|
|
12168
|
+
})
|
|
12169
|
+
})
|
|
12170
|
+
})
|
|
12171
|
+
});
|
|
12172
|
+
}
|
|
12173
|
+
__name(SelectProvider, "SelectProvider");
|
|
12174
|
+
var Select$1 = /* @__PURE__ */ __name((props) => {
|
|
12175
|
+
const { __scopeSelect, children, ...providerProps } = props;
|
|
12176
|
+
return /* @__PURE__ */ jsx(SelectProvider, {
|
|
12177
|
+
__scopeSelect,
|
|
12178
|
+
...providerProps,
|
|
12179
|
+
internal_do_not_use_render: ({ isFormControl }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [children, isFormControl ? /* @__PURE__ */ jsx(SelectBubbleInput, { __scopeSelect }) : null] })
|
|
12180
|
+
});
|
|
12181
|
+
}, "Select");
|
|
12182
|
+
var TRIGGER_NAME = "SelectTrigger";
|
|
12183
|
+
var SelectTrigger = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(function SelectTrigger2(props, forwardedRef) {
|
|
12184
|
+
const { __scopeSelect, disabled = false, ...triggerProps } = props;
|
|
12185
|
+
const popperScope = usePopperScope(__scopeSelect);
|
|
12186
|
+
const context = useSelectContext(TRIGGER_NAME, __scopeSelect);
|
|
12187
|
+
const isDisabled = context.disabled || disabled;
|
|
12188
|
+
const composedRefs = useComposedRefs(forwardedRef, context.onTriggerChange);
|
|
12189
|
+
const getItems = useCollection(__scopeSelect);
|
|
12190
|
+
const pointerTypeRef = React$10.useRef("touch");
|
|
12191
|
+
const [searchRef, handleTypeaheadSearch, resetTypeahead] = useTypeaheadSearch((search) => {
|
|
12192
|
+
const enabledItems = getItems().filter((item) => !item.disabled);
|
|
12193
|
+
const nextItem = findNextItem(enabledItems, search, enabledItems.find((item) => item.value === context.value));
|
|
12194
|
+
if (nextItem !== void 0) context.onValueChange(nextItem.value);
|
|
12195
|
+
});
|
|
12196
|
+
const handleOpen = /* @__PURE__ */ __name((pointerEvent) => {
|
|
12197
|
+
if (!isDisabled) {
|
|
12198
|
+
context.onOpenChange(true);
|
|
12199
|
+
resetTypeahead();
|
|
12200
|
+
}
|
|
12201
|
+
if (pointerEvent) context.triggerPointerDownPosRef.current = {
|
|
12202
|
+
x: Math.round(pointerEvent.pageX),
|
|
12203
|
+
y: Math.round(pointerEvent.pageY)
|
|
12204
|
+
};
|
|
12205
|
+
}, "handleOpen");
|
|
12206
|
+
return /* @__PURE__ */ jsx(Anchor, {
|
|
12207
|
+
asChild: true,
|
|
12208
|
+
...popperScope,
|
|
12209
|
+
children: /* @__PURE__ */ jsx(Primitive.button, {
|
|
12210
|
+
type: "button",
|
|
12211
|
+
role: "combobox",
|
|
12212
|
+
"aria-controls": context.open ? context.contentId : void 0,
|
|
12213
|
+
"aria-expanded": context.open,
|
|
12214
|
+
"aria-required": context.required,
|
|
12215
|
+
"aria-autocomplete": "none",
|
|
12216
|
+
dir: context.dir,
|
|
12217
|
+
"data-state": context.open ? "open" : "closed",
|
|
12218
|
+
disabled: isDisabled,
|
|
12219
|
+
"data-disabled": isDisabled ? "" : void 0,
|
|
12220
|
+
"data-placeholder": shouldShowPlaceholder(context.value) ? "" : void 0,
|
|
12221
|
+
...triggerProps,
|
|
12222
|
+
ref: composedRefs,
|
|
12223
|
+
onClick: composeEventHandlers(triggerProps.onClick, (event) => {
|
|
12224
|
+
event.currentTarget.focus();
|
|
12225
|
+
if (pointerTypeRef.current !== "mouse") handleOpen(event);
|
|
12226
|
+
}),
|
|
12227
|
+
onPointerDown: composeEventHandlers(triggerProps.onPointerDown, (event) => {
|
|
12228
|
+
pointerTypeRef.current = event.pointerType;
|
|
12229
|
+
const target = event.target;
|
|
12230
|
+
if (target.hasPointerCapture(event.pointerId)) target.releasePointerCapture(event.pointerId);
|
|
12231
|
+
if (event.button === 0 && event.ctrlKey === false && event.pointerType === "mouse") {
|
|
12232
|
+
handleOpen(event);
|
|
12233
|
+
event.preventDefault();
|
|
12234
|
+
}
|
|
12235
|
+
}),
|
|
12236
|
+
onKeyDown: composeEventHandlers(triggerProps.onKeyDown, (event) => {
|
|
12237
|
+
const isTypingAhead = searchRef.current !== "";
|
|
12238
|
+
if (!(event.ctrlKey || event.altKey || event.metaKey) && event.key.length === 1) handleTypeaheadSearch(event.key);
|
|
12239
|
+
if (isTypingAhead && event.key === " ") return;
|
|
12240
|
+
if (OPEN_KEYS.includes(event.key)) {
|
|
12241
|
+
handleOpen();
|
|
12242
|
+
event.preventDefault();
|
|
12243
|
+
}
|
|
12244
|
+
})
|
|
12245
|
+
})
|
|
12246
|
+
});
|
|
12247
|
+
}, "SelectTrigger"));
|
|
12248
|
+
var VALUE_NAME = "SelectValue";
|
|
12249
|
+
var SelectValue = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(function SelectValue2(props, forwardedRef) {
|
|
12250
|
+
const { __scopeSelect, className, style, children, placeholder = "", ...valueProps } = props;
|
|
12251
|
+
const context = useSelectContext(VALUE_NAME, __scopeSelect);
|
|
12252
|
+
const { onValueNodeHasChildrenChange } = context;
|
|
12253
|
+
const hasChildren = children !== void 0;
|
|
12254
|
+
const composedRefs = useComposedRefs(forwardedRef, context.onValueNodeChange);
|
|
12255
|
+
useLayoutEffect2(() => {
|
|
12256
|
+
onValueNodeHasChildrenChange(hasChildren);
|
|
12257
|
+
}, [onValueNodeHasChildrenChange, hasChildren]);
|
|
12258
|
+
const showPlaceholder = shouldShowPlaceholder(context.value);
|
|
12259
|
+
return /* @__PURE__ */ jsx(Primitive.span, {
|
|
12260
|
+
...valueProps,
|
|
12261
|
+
asChild: showPlaceholder ? false : valueProps.asChild,
|
|
12262
|
+
ref: composedRefs,
|
|
12263
|
+
style: { pointerEvents: "none" },
|
|
12264
|
+
children: /* @__PURE__ */ jsx(React$10.Fragment, { children: showPlaceholder ? placeholder : children }, showPlaceholder ? "placeholder" : "value")
|
|
12265
|
+
});
|
|
12266
|
+
}, "SelectValue"));
|
|
12267
|
+
var SelectIcon = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(function SelectIcon2(props, forwardedRef) {
|
|
12268
|
+
const { __scopeSelect, children, ...iconProps } = props;
|
|
12269
|
+
return /* @__PURE__ */ jsx(Primitive.span, {
|
|
12270
|
+
"aria-hidden": true,
|
|
12271
|
+
...iconProps,
|
|
12272
|
+
ref: forwardedRef,
|
|
12273
|
+
children: children || "▼"
|
|
12274
|
+
});
|
|
12275
|
+
}, "SelectIcon"));
|
|
12276
|
+
var [PortalProvider, usePortalContext] = createSelectContext("SelectPortal", { forceMount: void 0 });
|
|
12277
|
+
var SelectPortal = /* @__PURE__ */ __name((props) => {
|
|
12278
|
+
const { __scopeSelect, forceMount, ...portalProps } = props;
|
|
12279
|
+
return /* @__PURE__ */ jsx(PortalProvider, {
|
|
12280
|
+
scope: props.__scopeSelect,
|
|
12281
|
+
forceMount,
|
|
12282
|
+
children: /* @__PURE__ */ jsx(Portal$1, {
|
|
12283
|
+
asChild: true,
|
|
12284
|
+
...portalProps
|
|
12285
|
+
})
|
|
12286
|
+
});
|
|
12287
|
+
}, "SelectPortal");
|
|
12288
|
+
var CONTENT_NAME = "SelectContent";
|
|
12289
|
+
var SelectContent = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(function SelectContent2(props, forwardedRef) {
|
|
12290
|
+
const portalContext = usePortalContext(CONTENT_NAME, props.__scopeSelect);
|
|
12291
|
+
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
12292
|
+
const context = useSelectContext(CONTENT_NAME, props.__scopeSelect);
|
|
12293
|
+
const [fragment, setFragment] = React$10.useState();
|
|
12294
|
+
useLayoutEffect2(() => {
|
|
12295
|
+
setFragment(new DocumentFragment());
|
|
12296
|
+
}, []);
|
|
12297
|
+
return /* @__PURE__ */ jsx(Presence, {
|
|
12298
|
+
present: forceMount || context.open,
|
|
12299
|
+
children: ({ present }) => present ? /* @__PURE__ */ jsx(SelectContentImpl, {
|
|
12300
|
+
...contentProps,
|
|
12301
|
+
ref: forwardedRef
|
|
12302
|
+
}) : /* @__PURE__ */ jsx(SelectContentFragment, {
|
|
12303
|
+
...contentProps,
|
|
12304
|
+
fragment
|
|
12305
|
+
})
|
|
12306
|
+
});
|
|
12307
|
+
}, "SelectContent"));
|
|
12308
|
+
var SelectContentFragment = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(function SelectContentFragment2(props, forwardedRef) {
|
|
12309
|
+
const { __scopeSelect, children, fragment } = props;
|
|
12310
|
+
if (!fragment) return null;
|
|
12311
|
+
return ReactDOM.createPortal(/* @__PURE__ */ jsx(SelectContentProvider, {
|
|
12312
|
+
scope: __scopeSelect,
|
|
12313
|
+
children: /* @__PURE__ */ jsx(Collection.Slot, {
|
|
12314
|
+
scope: __scopeSelect,
|
|
12315
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
12316
|
+
ref: forwardedRef,
|
|
12317
|
+
children
|
|
12318
|
+
})
|
|
12319
|
+
})
|
|
12320
|
+
}), fragment);
|
|
12321
|
+
}, "SelectContentFragment"));
|
|
12322
|
+
var CONTENT_MARGIN = 10;
|
|
12323
|
+
var [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME);
|
|
12324
|
+
var Slot = createSlot("SelectContent.RemoveScroll");
|
|
12325
|
+
var SelectContentImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(function SelectContentImpl2(props, forwardedRef) {
|
|
12326
|
+
const { __scopeSelect } = props;
|
|
12327
|
+
const { position = "item-aligned", onCloseAutoFocus, onEscapeKeyDown, onPointerDownOutside, side, sideOffset, align, alignOffset, arrowPadding, collisionBoundary, collisionPadding, sticky, hideWhenDetached, avoidCollisions, ...contentProps } = props;
|
|
12328
|
+
const context = useSelectContext(CONTENT_NAME, __scopeSelect);
|
|
12329
|
+
const [content, setContent] = React$10.useState(null);
|
|
12330
|
+
const [viewport, setViewport] = React$10.useState(null);
|
|
12331
|
+
const composedRefs = useComposedRefs(forwardedRef, setContent);
|
|
12332
|
+
const [selectedItem, setSelectedItem] = React$10.useState(null);
|
|
12333
|
+
const [selectedItemText, setSelectedItemText] = React$10.useState(null);
|
|
12334
|
+
const getItems = useCollection(__scopeSelect);
|
|
12335
|
+
const [isPositioned, setIsPositioned] = React$10.useState(false);
|
|
12336
|
+
const firstValidItemFoundRef = React$10.useRef(false);
|
|
12337
|
+
React$10.useEffect(() => {
|
|
12338
|
+
if (content) return (0, import_es5.hideOthers)(content);
|
|
12339
|
+
}, [content]);
|
|
12340
|
+
useFocusGuards();
|
|
12341
|
+
const focusFirst = React$10.useCallback((candidates) => {
|
|
12342
|
+
const [firstItem, ...restItems] = getItems().map((item) => item.ref.current);
|
|
12343
|
+
const [lastItem] = restItems.slice(-1);
|
|
12344
|
+
const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
|
|
12345
|
+
for (const candidate of candidates) {
|
|
12346
|
+
if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
|
|
12347
|
+
candidate?.scrollIntoView({ block: "nearest" });
|
|
12348
|
+
if (candidate === firstItem && viewport) viewport.scrollTop = 0;
|
|
12349
|
+
if (candidate === lastItem && viewport) viewport.scrollTop = viewport.scrollHeight;
|
|
12350
|
+
candidate?.focus();
|
|
12351
|
+
if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
|
|
12352
|
+
}
|
|
12353
|
+
}, [getItems, viewport]);
|
|
12354
|
+
const focusSelectedItem = React$10.useCallback(() => focusFirst([selectedItem, content]), [
|
|
12355
|
+
focusFirst,
|
|
12356
|
+
selectedItem,
|
|
12357
|
+
content
|
|
12358
|
+
]);
|
|
12359
|
+
React$10.useEffect(() => {
|
|
12360
|
+
if (isPositioned) focusSelectedItem();
|
|
12361
|
+
}, [isPositioned, focusSelectedItem]);
|
|
12362
|
+
const { onOpenChange, triggerPointerDownPosRef } = context;
|
|
12363
|
+
React$10.useEffect(() => {
|
|
12364
|
+
if (content) {
|
|
12365
|
+
let pointerMoveDelta = {
|
|
12366
|
+
x: 0,
|
|
12367
|
+
y: 0
|
|
12368
|
+
};
|
|
12369
|
+
const handlePointerMove = /* @__PURE__ */ __name((event) => {
|
|
12370
|
+
pointerMoveDelta = {
|
|
12371
|
+
x: Math.abs(Math.round(event.pageX) - (triggerPointerDownPosRef.current?.x ?? 0)),
|
|
12372
|
+
y: Math.abs(Math.round(event.pageY) - (triggerPointerDownPosRef.current?.y ?? 0))
|
|
12373
|
+
};
|
|
12374
|
+
}, "handlePointerMove");
|
|
12375
|
+
const handlePointerUp = /* @__PURE__ */ __name((event) => {
|
|
12376
|
+
if (pointerMoveDelta.x <= 10 && pointerMoveDelta.y <= 10) event.preventDefault();
|
|
12377
|
+
else if (!event.composedPath().includes(content)) onOpenChange(false);
|
|
12378
|
+
document.removeEventListener("pointermove", handlePointerMove);
|
|
12379
|
+
triggerPointerDownPosRef.current = null;
|
|
12380
|
+
}, "handlePointerUp");
|
|
12381
|
+
if (triggerPointerDownPosRef.current !== null) {
|
|
12382
|
+
document.addEventListener("pointermove", handlePointerMove);
|
|
12383
|
+
document.addEventListener("pointerup", handlePointerUp, {
|
|
12384
|
+
capture: true,
|
|
12385
|
+
once: true
|
|
12386
|
+
});
|
|
12387
|
+
}
|
|
12388
|
+
return () => {
|
|
12389
|
+
document.removeEventListener("pointermove", handlePointerMove);
|
|
12390
|
+
document.removeEventListener("pointerup", handlePointerUp, { capture: true });
|
|
12391
|
+
};
|
|
12392
|
+
}
|
|
12393
|
+
}, [
|
|
12394
|
+
content,
|
|
12395
|
+
onOpenChange,
|
|
12396
|
+
triggerPointerDownPosRef
|
|
12397
|
+
]);
|
|
12398
|
+
React$10.useEffect(() => {
|
|
12399
|
+
const close = /* @__PURE__ */ __name(() => onOpenChange(false), "close");
|
|
12400
|
+
window.addEventListener("blur", close);
|
|
12401
|
+
window.addEventListener("resize", close);
|
|
12402
|
+
return () => {
|
|
12403
|
+
window.removeEventListener("blur", close);
|
|
12404
|
+
window.removeEventListener("resize", close);
|
|
12405
|
+
};
|
|
12406
|
+
}, [onOpenChange]);
|
|
12407
|
+
const [searchRef, handleTypeaheadSearch] = useTypeaheadSearch((search) => {
|
|
12408
|
+
const enabledItems = getItems().filter((item) => !item.disabled);
|
|
12409
|
+
const nextItem = findNextItem(enabledItems, search, enabledItems.find((item) => item.ref.current === document.activeElement));
|
|
12410
|
+
if (nextItem) setTimeout(() => nextItem.ref.current?.focus());
|
|
12411
|
+
});
|
|
12412
|
+
const itemRefCallback = React$10.useCallback((node, value, disabled) => {
|
|
12413
|
+
const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
|
|
12414
|
+
if (context.value !== void 0 && context.value === value || isFirstValidItem) {
|
|
12415
|
+
setSelectedItem(node);
|
|
12416
|
+
if (isFirstValidItem) firstValidItemFoundRef.current = true;
|
|
12417
|
+
}
|
|
12418
|
+
}, [context.value]);
|
|
12419
|
+
const handleItemLeave = React$10.useCallback(() => content?.focus(), [content]);
|
|
12420
|
+
const itemTextRefCallback = React$10.useCallback((node, value, disabled) => {
|
|
12421
|
+
const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
|
|
12422
|
+
if (context.value !== void 0 && context.value === value || isFirstValidItem) setSelectedItemText(node);
|
|
12423
|
+
}, [context.value]);
|
|
12424
|
+
const SelectPosition = position === "popper" ? SelectPopperPosition : SelectItemAlignedPosition;
|
|
12425
|
+
const popperContentProps = SelectPosition === SelectPopperPosition ? {
|
|
12426
|
+
side,
|
|
12427
|
+
sideOffset,
|
|
12428
|
+
align,
|
|
12429
|
+
alignOffset,
|
|
12430
|
+
arrowPadding,
|
|
12431
|
+
collisionBoundary,
|
|
12432
|
+
collisionPadding,
|
|
12433
|
+
sticky,
|
|
12434
|
+
hideWhenDetached,
|
|
12435
|
+
avoidCollisions
|
|
12436
|
+
} : {};
|
|
12437
|
+
return /* @__PURE__ */ jsx(SelectContentProvider, {
|
|
12438
|
+
scope: __scopeSelect,
|
|
12439
|
+
content,
|
|
12440
|
+
viewport,
|
|
12441
|
+
onViewportChange: setViewport,
|
|
12442
|
+
itemRefCallback,
|
|
12443
|
+
selectedItem,
|
|
12444
|
+
onItemLeave: handleItemLeave,
|
|
12445
|
+
itemTextRefCallback,
|
|
12446
|
+
focusSelectedItem,
|
|
12447
|
+
selectedItemText,
|
|
12448
|
+
position,
|
|
12449
|
+
isPositioned,
|
|
12450
|
+
searchRef,
|
|
12451
|
+
children: /* @__PURE__ */ jsx(import_es5$1.RemoveScroll, {
|
|
12452
|
+
as: Slot,
|
|
12453
|
+
allowPinchZoom: true,
|
|
12454
|
+
children: /* @__PURE__ */ jsx(FocusScope, {
|
|
12455
|
+
asChild: true,
|
|
12456
|
+
trapped: context.open,
|
|
12457
|
+
onMountAutoFocus: (event) => {
|
|
12458
|
+
event.preventDefault();
|
|
12459
|
+
},
|
|
12460
|
+
onUnmountAutoFocus: composeEventHandlers(onCloseAutoFocus, (event) => {
|
|
12461
|
+
context.trigger?.focus({ preventScroll: true });
|
|
12462
|
+
event.preventDefault();
|
|
12463
|
+
}),
|
|
12464
|
+
children: /* @__PURE__ */ jsx(DismissableLayer, {
|
|
12465
|
+
asChild: true,
|
|
12466
|
+
disableOutsidePointerEvents: true,
|
|
12467
|
+
onEscapeKeyDown,
|
|
12468
|
+
onPointerDownOutside,
|
|
12469
|
+
onFocusOutside: (event) => event.preventDefault(),
|
|
12470
|
+
onDismiss: () => context.onOpenChange(false),
|
|
12471
|
+
children: /* @__PURE__ */ jsx(SelectPosition, {
|
|
12472
|
+
role: "listbox",
|
|
12473
|
+
id: context.contentId,
|
|
12474
|
+
"data-state": context.open ? "open" : "closed",
|
|
12475
|
+
dir: context.dir,
|
|
12476
|
+
onContextMenu: (event) => event.preventDefault(),
|
|
12477
|
+
...contentProps,
|
|
12478
|
+
...popperContentProps,
|
|
12479
|
+
onPlaced: () => setIsPositioned(true),
|
|
12480
|
+
ref: composedRefs,
|
|
12481
|
+
style: {
|
|
12482
|
+
display: "flex",
|
|
12483
|
+
flexDirection: "column",
|
|
12484
|
+
outline: "none",
|
|
12485
|
+
...contentProps.style
|
|
12486
|
+
},
|
|
12487
|
+
onKeyDown: composeEventHandlers(contentProps.onKeyDown, (event) => {
|
|
12488
|
+
const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
|
|
12489
|
+
if (event.key === "Tab") event.preventDefault();
|
|
12490
|
+
if (!isModifierKey && event.key.length === 1) handleTypeaheadSearch(event.key);
|
|
12491
|
+
if ([
|
|
12492
|
+
"ArrowUp",
|
|
12493
|
+
"ArrowDown",
|
|
12494
|
+
"Home",
|
|
12495
|
+
"End"
|
|
12496
|
+
].includes(event.key)) {
|
|
12497
|
+
let candidateNodes = getItems().filter((item) => !item.disabled).map((item) => item.ref.current);
|
|
12498
|
+
if (["ArrowUp", "End"].includes(event.key)) candidateNodes = candidateNodes.slice().reverse();
|
|
12499
|
+
if (["ArrowUp", "ArrowDown"].includes(event.key)) {
|
|
12500
|
+
const currentElement = event.target;
|
|
12501
|
+
const currentIndex = candidateNodes.indexOf(currentElement);
|
|
12502
|
+
candidateNodes = candidateNodes.slice(currentIndex + 1);
|
|
12503
|
+
}
|
|
12504
|
+
setTimeout(() => focusFirst(candidateNodes));
|
|
12505
|
+
event.preventDefault();
|
|
12506
|
+
}
|
|
12507
|
+
})
|
|
12508
|
+
})
|
|
12509
|
+
})
|
|
12510
|
+
})
|
|
12511
|
+
})
|
|
12512
|
+
});
|
|
12513
|
+
}, "SelectContentImpl"));
|
|
12514
|
+
var SelectItemAlignedPosition = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(function SelectItemAlignedPosition2(props, forwardedRef) {
|
|
12515
|
+
const { __scopeSelect, onPlaced, ...popperProps } = props;
|
|
12516
|
+
const context = useSelectContext(CONTENT_NAME, __scopeSelect);
|
|
12517
|
+
const contentContext = useSelectContentContext(CONTENT_NAME, __scopeSelect);
|
|
12518
|
+
const [contentWrapper, setContentWrapper] = React$10.useState(null);
|
|
12519
|
+
const [content, setContent] = React$10.useState(null);
|
|
12520
|
+
const composedRefs = useComposedRefs(forwardedRef, setContent);
|
|
12521
|
+
const getItems = useCollection(__scopeSelect);
|
|
12522
|
+
const shouldExpandOnScrollRef = React$10.useRef(false);
|
|
12523
|
+
const shouldRepositionRef = React$10.useRef(true);
|
|
12524
|
+
const { viewport, selectedItem, selectedItemText, focusSelectedItem } = contentContext;
|
|
12525
|
+
const position = React$10.useCallback(() => {
|
|
12526
|
+
if (context.trigger && context.valueNode && contentWrapper && content && viewport && selectedItem && selectedItemText) {
|
|
12527
|
+
const triggerRect = context.trigger.getBoundingClientRect();
|
|
12528
|
+
const contentRect = content.getBoundingClientRect();
|
|
12529
|
+
const valueNodeRect = context.valueNode.getBoundingClientRect();
|
|
12530
|
+
const itemTextRect = selectedItemText.getBoundingClientRect();
|
|
12531
|
+
if (context.dir !== "rtl") {
|
|
12532
|
+
const itemTextOffset = itemTextRect.left - contentRect.left;
|
|
12533
|
+
const left = valueNodeRect.left - itemTextOffset;
|
|
12534
|
+
const leftDelta = triggerRect.left - left;
|
|
12535
|
+
const minContentWidth = triggerRect.width + leftDelta;
|
|
12536
|
+
const contentWidth = Math.max(minContentWidth, contentRect.width);
|
|
12537
|
+
const rightEdge = window.innerWidth - CONTENT_MARGIN;
|
|
12538
|
+
const clampedLeft = clamp(left, [CONTENT_MARGIN, Math.max(CONTENT_MARGIN, rightEdge - contentWidth)]);
|
|
12539
|
+
contentWrapper.style.minWidth = minContentWidth + "px";
|
|
12540
|
+
contentWrapper.style.left = clampedLeft + "px";
|
|
12541
|
+
} else {
|
|
12542
|
+
const itemTextOffset = contentRect.right - itemTextRect.right;
|
|
12543
|
+
const right = window.innerWidth - valueNodeRect.right - itemTextOffset;
|
|
12544
|
+
const rightDelta = window.innerWidth - triggerRect.right - right;
|
|
12545
|
+
const minContentWidth = triggerRect.width + rightDelta;
|
|
12546
|
+
const contentWidth = Math.max(minContentWidth, contentRect.width);
|
|
12547
|
+
const leftEdge = window.innerWidth - CONTENT_MARGIN;
|
|
12548
|
+
const clampedRight = clamp(right, [CONTENT_MARGIN, Math.max(CONTENT_MARGIN, leftEdge - contentWidth)]);
|
|
12549
|
+
contentWrapper.style.minWidth = minContentWidth + "px";
|
|
12550
|
+
contentWrapper.style.right = clampedRight + "px";
|
|
12551
|
+
}
|
|
12552
|
+
const items = getItems();
|
|
12553
|
+
const availableHeight = window.innerHeight - CONTENT_MARGIN * 2;
|
|
12554
|
+
const itemsHeight = viewport.scrollHeight;
|
|
12555
|
+
const contentStyles = window.getComputedStyle(content);
|
|
12556
|
+
const contentBorderTopWidth = parseInt(contentStyles.borderTopWidth, 10);
|
|
12557
|
+
const contentPaddingTop = parseInt(contentStyles.paddingTop, 10);
|
|
12558
|
+
const contentBorderBottomWidth = parseInt(contentStyles.borderBottomWidth, 10);
|
|
12559
|
+
const contentPaddingBottom = parseInt(contentStyles.paddingBottom, 10);
|
|
12560
|
+
const fullContentHeight = contentBorderTopWidth + contentPaddingTop + itemsHeight + contentPaddingBottom + contentBorderBottomWidth;
|
|
12561
|
+
const minContentHeight = Math.min(selectedItem.offsetHeight * 5, fullContentHeight);
|
|
12562
|
+
const viewportStyles = window.getComputedStyle(viewport);
|
|
12563
|
+
const viewportPaddingTop = parseInt(viewportStyles.paddingTop, 10);
|
|
12564
|
+
const viewportPaddingBottom = parseInt(viewportStyles.paddingBottom, 10);
|
|
12565
|
+
const topEdgeToTriggerMiddle = triggerRect.top + triggerRect.height / 2 - CONTENT_MARGIN;
|
|
12566
|
+
const triggerMiddleToBottomEdge = availableHeight - topEdgeToTriggerMiddle;
|
|
12567
|
+
const selectedItemHalfHeight = selectedItem.offsetHeight / 2;
|
|
12568
|
+
const itemOffsetMiddle = selectedItem.offsetTop + selectedItemHalfHeight;
|
|
12569
|
+
const contentTopToItemMiddle = contentBorderTopWidth + contentPaddingTop + itemOffsetMiddle;
|
|
12570
|
+
const itemMiddleToContentBottom = fullContentHeight - contentTopToItemMiddle;
|
|
12571
|
+
if (contentTopToItemMiddle <= topEdgeToTriggerMiddle) {
|
|
12572
|
+
const isLastItem = items.length > 0 && selectedItem === items[items.length - 1].ref.current;
|
|
12573
|
+
contentWrapper.style.bottom = "0px";
|
|
12574
|
+
const viewportOffsetBottom = content.clientHeight - viewport.offsetTop - viewport.offsetHeight;
|
|
12575
|
+
const height = contentTopToItemMiddle + Math.max(triggerMiddleToBottomEdge, selectedItemHalfHeight + (isLastItem ? viewportPaddingBottom : 0) + viewportOffsetBottom + contentBorderBottomWidth);
|
|
12576
|
+
contentWrapper.style.height = height + "px";
|
|
12577
|
+
} else {
|
|
12578
|
+
const isFirstItem = items.length > 0 && selectedItem === items[0].ref.current;
|
|
12579
|
+
contentWrapper.style.top = "0px";
|
|
12580
|
+
const height = Math.max(topEdgeToTriggerMiddle, contentBorderTopWidth + viewport.offsetTop + (isFirstItem ? viewportPaddingTop : 0) + selectedItemHalfHeight) + itemMiddleToContentBottom;
|
|
12581
|
+
contentWrapper.style.height = height + "px";
|
|
12582
|
+
viewport.scrollTop = contentTopToItemMiddle - topEdgeToTriggerMiddle + viewport.offsetTop;
|
|
12583
|
+
}
|
|
12584
|
+
contentWrapper.style.margin = `${CONTENT_MARGIN}px 0`;
|
|
12585
|
+
contentWrapper.style.minHeight = minContentHeight + "px";
|
|
12586
|
+
contentWrapper.style.maxHeight = availableHeight + "px";
|
|
12587
|
+
onPlaced?.();
|
|
12588
|
+
requestAnimationFrame(() => shouldExpandOnScrollRef.current = true);
|
|
12589
|
+
}
|
|
12590
|
+
}, [
|
|
12591
|
+
getItems,
|
|
12592
|
+
context.trigger,
|
|
12593
|
+
context.valueNode,
|
|
12594
|
+
contentWrapper,
|
|
12595
|
+
content,
|
|
12596
|
+
viewport,
|
|
12597
|
+
selectedItem,
|
|
12598
|
+
selectedItemText,
|
|
12599
|
+
context.dir,
|
|
12600
|
+
onPlaced
|
|
12601
|
+
]);
|
|
12602
|
+
useLayoutEffect2(() => position(), [position]);
|
|
12603
|
+
const [contentZIndex, setContentZIndex] = React$10.useState();
|
|
12604
|
+
useLayoutEffect2(() => {
|
|
12605
|
+
if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
|
|
12606
|
+
}, [content]);
|
|
12607
|
+
return /* @__PURE__ */ jsx(SelectViewportProvider, {
|
|
12608
|
+
scope: __scopeSelect,
|
|
12609
|
+
contentWrapper,
|
|
12610
|
+
shouldExpandOnScrollRef,
|
|
12611
|
+
onScrollButtonChange: React$10.useCallback((node) => {
|
|
12612
|
+
if (node && shouldRepositionRef.current === true) {
|
|
12613
|
+
position();
|
|
12614
|
+
focusSelectedItem?.();
|
|
12615
|
+
shouldRepositionRef.current = false;
|
|
12616
|
+
}
|
|
12617
|
+
}, [position, focusSelectedItem]),
|
|
12618
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
12619
|
+
ref: setContentWrapper,
|
|
12620
|
+
style: {
|
|
12621
|
+
display: "flex",
|
|
12622
|
+
flexDirection: "column",
|
|
12623
|
+
position: "fixed",
|
|
12624
|
+
zIndex: contentZIndex
|
|
12625
|
+
},
|
|
12626
|
+
children: /* @__PURE__ */ jsx(Primitive.div, {
|
|
12627
|
+
...popperProps,
|
|
12628
|
+
ref: composedRefs,
|
|
12629
|
+
style: {
|
|
12630
|
+
boxSizing: "border-box",
|
|
12631
|
+
maxHeight: "100%",
|
|
12632
|
+
...popperProps.style
|
|
12633
|
+
}
|
|
12634
|
+
})
|
|
12635
|
+
})
|
|
12636
|
+
});
|
|
12637
|
+
}, "SelectItemAlignedPosition"));
|
|
12638
|
+
var SelectPopperPosition = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(function SelectPopperPosition2(props, forwardedRef) {
|
|
12639
|
+
const { __scopeSelect, align = "start", collisionPadding = CONTENT_MARGIN, ...popperProps } = props;
|
|
12640
|
+
const popperScope = usePopperScope(__scopeSelect);
|
|
12641
|
+
return /* @__PURE__ */ jsx(Content, {
|
|
12642
|
+
...popperScope,
|
|
12643
|
+
...popperProps,
|
|
12644
|
+
ref: forwardedRef,
|
|
12645
|
+
align,
|
|
12646
|
+
collisionPadding,
|
|
12647
|
+
style: {
|
|
12648
|
+
boxSizing: "border-box",
|
|
12649
|
+
...popperProps.style,
|
|
12650
|
+
"--radix-select-content-transform-origin": "var(--radix-popper-transform-origin)",
|
|
12651
|
+
"--radix-select-content-available-width": "var(--radix-popper-available-width)",
|
|
12652
|
+
"--radix-select-content-available-height": "var(--radix-popper-available-height)",
|
|
12653
|
+
"--radix-select-trigger-width": "var(--radix-popper-anchor-width)",
|
|
12654
|
+
"--radix-select-trigger-height": "var(--radix-popper-anchor-height)"
|
|
12655
|
+
}
|
|
12656
|
+
});
|
|
12657
|
+
}, "SelectPopperPosition"));
|
|
12658
|
+
var [SelectViewportProvider, useSelectViewportContext] = createSelectContext(CONTENT_NAME, {});
|
|
12659
|
+
var VIEWPORT_NAME = "SelectViewport";
|
|
12660
|
+
var SelectViewport = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(function SelectViewport2(props, forwardedRef) {
|
|
12661
|
+
const { __scopeSelect, nonce, ...viewportProps } = props;
|
|
12662
|
+
const contentContext = useSelectContentContext(VIEWPORT_NAME, __scopeSelect);
|
|
12663
|
+
const viewportContext = useSelectViewportContext(VIEWPORT_NAME, __scopeSelect);
|
|
12664
|
+
const composedRefs = useComposedRefs(forwardedRef, contentContext.onViewportChange);
|
|
12665
|
+
const prevScrollTopRef = React$10.useRef(0);
|
|
12666
|
+
return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("style", {
|
|
12667
|
+
dangerouslySetInnerHTML: { __html: `[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}` },
|
|
12668
|
+
nonce
|
|
12669
|
+
}), /* @__PURE__ */ jsx(Collection.Slot, {
|
|
12670
|
+
scope: __scopeSelect,
|
|
12671
|
+
children: /* @__PURE__ */ jsx(Primitive.div, {
|
|
12672
|
+
"data-radix-select-viewport": "",
|
|
12673
|
+
role: "presentation",
|
|
12674
|
+
...viewportProps,
|
|
12675
|
+
ref: composedRefs,
|
|
12676
|
+
style: {
|
|
12677
|
+
position: "relative",
|
|
12678
|
+
flex: 1,
|
|
12679
|
+
overflow: "hidden auto",
|
|
12680
|
+
...viewportProps.style
|
|
12681
|
+
},
|
|
12682
|
+
onScroll: composeEventHandlers(viewportProps.onScroll, (event) => {
|
|
12683
|
+
const viewport = event.currentTarget;
|
|
12684
|
+
const { contentWrapper, shouldExpandOnScrollRef } = viewportContext;
|
|
12685
|
+
if (shouldExpandOnScrollRef?.current && contentWrapper) {
|
|
12686
|
+
const scrolledBy = Math.abs(prevScrollTopRef.current - viewport.scrollTop);
|
|
12687
|
+
if (scrolledBy > 0) {
|
|
12688
|
+
const availableHeight = window.innerHeight - CONTENT_MARGIN * 2;
|
|
12689
|
+
const cssMinHeight = parseFloat(contentWrapper.style.minHeight);
|
|
12690
|
+
const cssHeight = parseFloat(contentWrapper.style.height);
|
|
12691
|
+
const prevHeight = Math.max(cssMinHeight, cssHeight);
|
|
12692
|
+
if (prevHeight < availableHeight) {
|
|
12693
|
+
const nextHeight = prevHeight + scrolledBy;
|
|
12694
|
+
const clampedNextHeight = Math.min(availableHeight, nextHeight);
|
|
12695
|
+
const heightDiff = nextHeight - clampedNextHeight;
|
|
12696
|
+
contentWrapper.style.height = clampedNextHeight + "px";
|
|
12697
|
+
if (contentWrapper.style.bottom === "0px") {
|
|
12698
|
+
viewport.scrollTop = heightDiff > 0 ? heightDiff : 0;
|
|
12699
|
+
contentWrapper.style.justifyContent = "flex-end";
|
|
12700
|
+
}
|
|
12701
|
+
}
|
|
12702
|
+
}
|
|
12703
|
+
}
|
|
12704
|
+
prevScrollTopRef.current = viewport.scrollTop;
|
|
12705
|
+
})
|
|
12706
|
+
})
|
|
12707
|
+
})] });
|
|
12708
|
+
}, "SelectViewport"));
|
|
12709
|
+
var [SelectGroupContextProvider, useSelectGroupContext] = createSelectContext("SelectGroup");
|
|
12710
|
+
var ITEM_NAME = "SelectItem";
|
|
12711
|
+
var [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME);
|
|
12712
|
+
var SelectItem = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(function SelectItem2(props, forwardedRef) {
|
|
12713
|
+
const { __scopeSelect, value, disabled = false, textValue: textValueProp, ...itemProps } = props;
|
|
12714
|
+
const context = useSelectContext(ITEM_NAME, __scopeSelect);
|
|
12715
|
+
const contentContext = useSelectContentContext(ITEM_NAME, __scopeSelect);
|
|
12716
|
+
const isSelected = context.value === value;
|
|
12717
|
+
const [textValue, setTextValue] = React$10.useState(textValueProp ?? "");
|
|
12718
|
+
const [isFocused, setIsFocused] = React$10.useState(false);
|
|
12719
|
+
const composedRefs = useComposedRefs(forwardedRef, useCallbackRef((node) => contentContext.itemRefCallback?.(node, value, disabled)));
|
|
12720
|
+
const textId = useId$1();
|
|
12721
|
+
const pointerTypeRef = React$10.useRef("touch");
|
|
12722
|
+
const handleSelect = /* @__PURE__ */ __name(() => {
|
|
12723
|
+
if (!disabled) {
|
|
12724
|
+
context.onValueChange(value);
|
|
12725
|
+
context.onOpenChange(false);
|
|
12726
|
+
}
|
|
12727
|
+
}, "handleSelect");
|
|
12728
|
+
return /* @__PURE__ */ jsx(SelectItemContextProvider, {
|
|
12729
|
+
scope: __scopeSelect,
|
|
12730
|
+
value,
|
|
12731
|
+
disabled,
|
|
12732
|
+
textId,
|
|
12733
|
+
isSelected,
|
|
12734
|
+
onItemTextChange: React$10.useCallback((node) => {
|
|
12735
|
+
setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? "").trim());
|
|
12736
|
+
}, []),
|
|
12737
|
+
children: /* @__PURE__ */ jsx(Collection.ItemSlot, {
|
|
12738
|
+
scope: __scopeSelect,
|
|
12739
|
+
value,
|
|
12740
|
+
disabled,
|
|
12741
|
+
textValue,
|
|
12742
|
+
children: /* @__PURE__ */ jsx(Primitive.div, {
|
|
12743
|
+
role: "option",
|
|
12744
|
+
"aria-labelledby": textId,
|
|
12745
|
+
"data-highlighted": isFocused ? "" : void 0,
|
|
12746
|
+
"aria-selected": isSelected && isFocused,
|
|
12747
|
+
"data-state": isSelected ? "checked" : "unchecked",
|
|
12748
|
+
"aria-disabled": disabled || void 0,
|
|
12749
|
+
"data-disabled": disabled ? "" : void 0,
|
|
12750
|
+
tabIndex: disabled ? void 0 : -1,
|
|
12751
|
+
...itemProps,
|
|
12752
|
+
ref: composedRefs,
|
|
12753
|
+
onFocus: composeEventHandlers(itemProps.onFocus, () => setIsFocused(true)),
|
|
12754
|
+
onBlur: composeEventHandlers(itemProps.onBlur, () => setIsFocused(false)),
|
|
12755
|
+
onClick: composeEventHandlers(itemProps.onClick, () => {
|
|
12756
|
+
if (pointerTypeRef.current !== "mouse") handleSelect();
|
|
12757
|
+
}),
|
|
12758
|
+
onPointerUp: composeEventHandlers(itemProps.onPointerUp, () => {
|
|
12759
|
+
if (pointerTypeRef.current === "mouse") handleSelect();
|
|
12760
|
+
}),
|
|
12761
|
+
onPointerDown: composeEventHandlers(itemProps.onPointerDown, (event) => {
|
|
12762
|
+
pointerTypeRef.current = event.pointerType;
|
|
12763
|
+
}),
|
|
12764
|
+
onPointerMove: composeEventHandlers(itemProps.onPointerMove, (event) => {
|
|
12765
|
+
pointerTypeRef.current = event.pointerType;
|
|
12766
|
+
if (disabled) contentContext.onItemLeave?.();
|
|
12767
|
+
else if (pointerTypeRef.current === "mouse") event.currentTarget.focus({ preventScroll: true });
|
|
12768
|
+
}),
|
|
12769
|
+
onPointerLeave: composeEventHandlers(itemProps.onPointerLeave, (event) => {
|
|
12770
|
+
if (event.currentTarget === document.activeElement) contentContext.onItemLeave?.();
|
|
12771
|
+
}),
|
|
12772
|
+
onKeyDown: composeEventHandlers(itemProps.onKeyDown, (event) => {
|
|
12773
|
+
if (disabled || event.target !== event.currentTarget) return;
|
|
12774
|
+
if (contentContext.searchRef?.current !== "" && event.key === " ") return;
|
|
12775
|
+
if (SELECTION_KEYS.includes(event.key)) handleSelect();
|
|
12776
|
+
if (event.key === " ") event.preventDefault();
|
|
12777
|
+
})
|
|
12778
|
+
})
|
|
12779
|
+
})
|
|
12780
|
+
});
|
|
12781
|
+
}, "SelectItem"));
|
|
12782
|
+
var ITEM_TEXT_NAME = "SelectItemText";
|
|
12783
|
+
var SelectItemText = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(function SelectItemText2(props, forwardedRef) {
|
|
12784
|
+
const { __scopeSelect, className, style, ...itemTextProps } = props;
|
|
12785
|
+
const context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect);
|
|
12786
|
+
const contentContext = useSelectContentContext(ITEM_TEXT_NAME, __scopeSelect);
|
|
12787
|
+
const itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect);
|
|
12788
|
+
const nativeOptionsContext = useSelectNativeOptionsContext(ITEM_TEXT_NAME, __scopeSelect);
|
|
12789
|
+
const [itemTextNode, setItemTextNode] = React$10.useState(null);
|
|
12790
|
+
const handleItemTextRefCallback = useCallbackRef((node) => contentContext.itemTextRefCallback?.(node, itemContext.value, itemContext.disabled));
|
|
12791
|
+
const composedRefs = useComposedRefs(forwardedRef, setItemTextNode, itemContext.onItemTextChange, handleItemTextRefCallback);
|
|
12792
|
+
const textContent = itemTextNode?.textContent;
|
|
12793
|
+
const nativeOption = React$10.useMemo(() => /* @__PURE__ */ jsx("option", {
|
|
12794
|
+
value: itemContext.value,
|
|
12795
|
+
disabled: itemContext.disabled,
|
|
12796
|
+
children: textContent
|
|
12797
|
+
}, itemContext.value), [
|
|
12798
|
+
itemContext.disabled,
|
|
12799
|
+
itemContext.value,
|
|
12800
|
+
textContent
|
|
12801
|
+
]);
|
|
12802
|
+
const { onNativeOptionAdd, onNativeOptionRemove } = nativeOptionsContext;
|
|
12803
|
+
useLayoutEffect2(() => {
|
|
12804
|
+
onNativeOptionAdd(nativeOption);
|
|
12805
|
+
return () => onNativeOptionRemove(nativeOption);
|
|
12806
|
+
}, [
|
|
12807
|
+
onNativeOptionAdd,
|
|
12808
|
+
onNativeOptionRemove,
|
|
12809
|
+
nativeOption
|
|
12810
|
+
]);
|
|
12811
|
+
return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Primitive.span, {
|
|
12812
|
+
id: itemContext.textId,
|
|
12813
|
+
...itemTextProps,
|
|
12814
|
+
ref: composedRefs
|
|
12815
|
+
}), itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren && !shouldShowPlaceholder(context.value) ? ReactDOM.createPortal(itemTextProps.children, context.valueNode) : null] });
|
|
12816
|
+
}, "SelectItemText"));
|
|
12817
|
+
var ITEM_INDICATOR_NAME = "SelectItemIndicator";
|
|
12818
|
+
var SelectItemIndicator = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(function SelectItemIndicator2(props, forwardedRef) {
|
|
12819
|
+
const { __scopeSelect, ...itemIndicatorProps } = props;
|
|
12820
|
+
return useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect).isSelected ? /* @__PURE__ */ jsx(Primitive.span, {
|
|
12821
|
+
"aria-hidden": true,
|
|
12822
|
+
...itemIndicatorProps,
|
|
12823
|
+
ref: forwardedRef
|
|
12824
|
+
}) : null;
|
|
12825
|
+
}, "SelectItemIndicator"));
|
|
12826
|
+
var BUBBLE_INPUT_NAME = "SelectBubbleInput";
|
|
12827
|
+
var SelectBubbleInput = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name(function SelectBubbleInput2({ __scopeSelect, ...props }, forwardedRef) {
|
|
12828
|
+
const context = useSelectContext(BUBBLE_INPUT_NAME, __scopeSelect);
|
|
12829
|
+
const { value, onValueChange, required, disabled, name, autoComplete, form } = context;
|
|
12830
|
+
const { nativeOptions, nativeSelectKey } = context;
|
|
12831
|
+
const ref = React$10.useRef(null);
|
|
12832
|
+
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
12833
|
+
const selectValue = value ?? "";
|
|
12834
|
+
const prevValue = usePrevious(selectValue);
|
|
12835
|
+
const hasEmptyValueOption = Array.from(nativeOptions).some((option) => (option.props.value ?? "") === "");
|
|
12836
|
+
React$10.useEffect(() => {
|
|
12837
|
+
const select = ref.current;
|
|
12838
|
+
if (!select) return;
|
|
12839
|
+
const selectProto = window.HTMLSelectElement.prototype;
|
|
12840
|
+
const setValue = Object.getOwnPropertyDescriptor(selectProto, "value").set;
|
|
12841
|
+
if (prevValue !== selectValue && setValue) {
|
|
12842
|
+
const event = new Event("change", { bubbles: true });
|
|
12843
|
+
setValue.call(select, selectValue);
|
|
12844
|
+
select.dispatchEvent(event);
|
|
12845
|
+
}
|
|
12846
|
+
}, [prevValue, selectValue]);
|
|
12847
|
+
return /* @__PURE__ */ jsxs(Primitive.select, {
|
|
12848
|
+
"aria-hidden": true,
|
|
12849
|
+
required,
|
|
12850
|
+
tabIndex: -1,
|
|
12851
|
+
name,
|
|
12852
|
+
autoComplete,
|
|
12853
|
+
disabled,
|
|
12854
|
+
form,
|
|
12855
|
+
onChange: (event) => onValueChange(event.target.value),
|
|
12856
|
+
...props,
|
|
12857
|
+
style: {
|
|
12858
|
+
...VISUALLY_HIDDEN_STYLES,
|
|
12859
|
+
...props.style
|
|
12860
|
+
},
|
|
12861
|
+
ref: composedRefs,
|
|
12862
|
+
defaultValue: selectValue,
|
|
12863
|
+
children: [shouldShowPlaceholder(value) && !hasEmptyValueOption ? /* @__PURE__ */ jsx("option", { value: "" }) : null, Array.from(nativeOptions)]
|
|
12864
|
+
}, nativeSelectKey);
|
|
12865
|
+
}, "SelectBubbleInput"));
|
|
12866
|
+
function isFunction$1(value) {
|
|
12867
|
+
return typeof value === "function";
|
|
12868
|
+
}
|
|
12869
|
+
__name(isFunction$1, "isFunction");
|
|
12870
|
+
function shouldShowPlaceholder(value) {
|
|
12871
|
+
return value === "" || value === void 0;
|
|
12872
|
+
}
|
|
12873
|
+
__name(shouldShowPlaceholder, "shouldShowPlaceholder");
|
|
12874
|
+
function useTypeaheadSearch(onSearchChange) {
|
|
12875
|
+
const handleSearchChange = useCallbackRef(onSearchChange);
|
|
12876
|
+
const searchRef = React$10.useRef("");
|
|
12877
|
+
const timerRef = React$10.useRef(0);
|
|
12878
|
+
const handleTypeaheadSearch = React$10.useCallback((key) => {
|
|
12879
|
+
const search = searchRef.current + key;
|
|
12880
|
+
handleSearchChange(search);
|
|
12881
|
+
(/* @__PURE__ */ __name((function updateSearch(value) {
|
|
12882
|
+
searchRef.current = value;
|
|
12883
|
+
window.clearTimeout(timerRef.current);
|
|
12884
|
+
if (value !== "") timerRef.current = window.setTimeout(() => updateSearch(""), 1e3);
|
|
12885
|
+
}), "updateSearch"))(search);
|
|
12886
|
+
}, [handleSearchChange]);
|
|
12887
|
+
const resetTypeahead = React$10.useCallback(() => {
|
|
12888
|
+
searchRef.current = "";
|
|
12889
|
+
window.clearTimeout(timerRef.current);
|
|
12890
|
+
}, []);
|
|
12891
|
+
React$10.useEffect(() => {
|
|
12892
|
+
return () => window.clearTimeout(timerRef.current);
|
|
12893
|
+
}, []);
|
|
12894
|
+
return [
|
|
12895
|
+
searchRef,
|
|
12896
|
+
handleTypeaheadSearch,
|
|
12897
|
+
resetTypeahead
|
|
12898
|
+
];
|
|
12899
|
+
}
|
|
12900
|
+
__name(useTypeaheadSearch, "useTypeaheadSearch");
|
|
12901
|
+
function findNextItem(items, search, currentItem) {
|
|
12902
|
+
const normalizedSearch = search.length > 1 && Array.from(search).every((char) => char === search[0]) ? search[0] : search;
|
|
12903
|
+
const currentItemIndex = currentItem ? items.indexOf(currentItem) : -1;
|
|
12904
|
+
let wrappedItems = wrapArray(items, Math.max(currentItemIndex, 0));
|
|
12905
|
+
if (normalizedSearch.length === 1) wrappedItems = wrappedItems.filter((v) => v !== currentItem);
|
|
12906
|
+
const nextItem = wrappedItems.find((item) => item.textValue.toLowerCase().startsWith(normalizedSearch.toLowerCase()));
|
|
12907
|
+
return nextItem !== currentItem ? nextItem : void 0;
|
|
12908
|
+
}
|
|
12909
|
+
__name(findNextItem, "findNextItem");
|
|
12910
|
+
function wrapArray(array, startIndex) {
|
|
12911
|
+
return array.map((_, index) => array[(startIndex + index) % array.length]);
|
|
12912
|
+
}
|
|
12913
|
+
__name(wrapArray, "wrapArray");
|
|
12914
|
+
|
|
12029
12915
|
//#endregion
|
|
12030
12916
|
//#region ../../node_modules/.pnpm/ccount@2.0.1/node_modules/ccount/index.js
|
|
12031
12917
|
/**
|
|
@@ -99738,19 +100624,6 @@ const PanelLeft = createLucideIcon("panel-left", [["rect", {
|
|
|
99738
100624
|
* This source code is licensed under the ISC license.
|
|
99739
100625
|
* See the LICENSE file in the root directory of this source tree.
|
|
99740
100626
|
*/
|
|
99741
|
-
const Plus = createLucideIcon("plus", [["path", {
|
|
99742
|
-
d: "M5 12h14",
|
|
99743
|
-
key: "1ays0h"
|
|
99744
|
-
}], ["path", {
|
|
99745
|
-
d: "M12 5v14",
|
|
99746
|
-
key: "s699le"
|
|
99747
|
-
}]]);
|
|
99748
|
-
/**
|
|
99749
|
-
* @license lucide-react v1.27.0 - ISC
|
|
99750
|
-
*
|
|
99751
|
-
* This source code is licensed under the ISC license.
|
|
99752
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
99753
|
-
*/
|
|
99754
100627
|
const Search = createLucideIcon("search", [["path", {
|
|
99755
100628
|
d: "m21 21-4.34-4.34",
|
|
99756
100629
|
key: "14j7rj"
|
|
@@ -99820,7 +100693,7 @@ const variantClasses$1 = {
|
|
|
99820
100693
|
danger: "bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm disabled:opacity-60"
|
|
99821
100694
|
};
|
|
99822
100695
|
const sizeClasses$2 = {
|
|
99823
|
-
sm: "h-
|
|
100696
|
+
sm: "h-8 px-2.5 text-xs gap-1.5 rounded-md",
|
|
99824
100697
|
md: "h-9 px-3.5 text-sm gap-2 rounded-lg"
|
|
99825
100698
|
};
|
|
99826
100699
|
function Button({ variant = "primary", size = "md", loading = false, icon, disabled, className = "", children, type = "button", ...rest }) {
|
|
@@ -99997,13 +100870,15 @@ function Table({ className = "", ...props }) {
|
|
|
99997
100870
|
* The wrapper owns the visible frame and horizontal overflow; consumers own data behavior.
|
|
99998
100871
|
*
|
|
99999
100872
|
* 基类锁定 `min-w`(className 覆盖不生效):`min-w-max` 是横向滚动的前提。
|
|
100873
|
+
* `select-text`(0.10.0 UI-UX5 #40.12):单元格文本必须能用鼠标选中复制(如 run id),
|
|
100874
|
+
* 不被上层容器或控件壳的 user-select 设置截断。
|
|
100000
100875
|
*/
|
|
100001
100876
|
function DataTable({ children, className = "", containerClassName = "", ...props }) {
|
|
100002
100877
|
return /* @__PURE__ */ jsx(ScrollArea, {
|
|
100003
100878
|
className: `rounded-md border border-border bg-surface ${containerClassName}`,
|
|
100004
100879
|
"data-webskill-data-table": "",
|
|
100005
100880
|
children: /* @__PURE__ */ jsx(Table, {
|
|
100006
|
-
className: `min-w-max border-collapse text-sm text-ink ${className}`,
|
|
100881
|
+
className: `min-w-max border-collapse text-sm text-ink select-text ${className}`,
|
|
100007
100882
|
...props,
|
|
100008
100883
|
children
|
|
100009
100884
|
})
|
|
@@ -100085,7 +100960,7 @@ function FieldLegend({ className = "", ...props }) {
|
|
|
100085
100960
|
}
|
|
100086
100961
|
const UndoToastContext = createContext(null);
|
|
100087
100962
|
const SidebarContext = createContext(null);
|
|
100088
|
-
const sidebarMenuButtonVariants = cva("peer/menu-button flex w-full cursor-pointer items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 focus-visible:ring-sidebar-ring active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-
|
|
100963
|
+
const sidebarMenuButtonVariants = cva("peer/menu-button flex w-full cursor-pointer items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 focus-visible:ring-sidebar-ring active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-subtle data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", {
|
|
100089
100964
|
variants: {
|
|
100090
100965
|
variant: {
|
|
100091
100966
|
default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
|
|
@@ -100108,13 +100983,15 @@ const sidebarMenuButtonVariants = cva("peer/menu-button flex w-full cursor-point
|
|
|
100108
100983
|
*
|
|
100109
100984
|
* 其余属性透传(S8 前置硬约束):surface 控件锚点要落在根节点上。
|
|
100110
100985
|
*/
|
|
100111
|
-
function RadioGroup({ options, className = "", invalid = false, ...props }) {
|
|
100986
|
+
function RadioGroup({ options, className = "", invalid = false, orientation, ...props }) {
|
|
100987
|
+
const instanceId = useId();
|
|
100112
100988
|
return /* @__PURE__ */ jsx(RadioGroup$1, {
|
|
100113
|
-
"aria-invalid": invalid ? true : props["aria-invalid"],
|
|
100114
|
-
className: `flex flex-col gap-2 ${className}`,
|
|
100115
100989
|
...props,
|
|
100990
|
+
"aria-invalid": invalid ? true : props["aria-invalid"],
|
|
100991
|
+
...orientation !== void 0 ? { orientation } : {},
|
|
100992
|
+
className: `flex ${orientation === "horizontal" ? "flex-row flex-wrap gap-4" : "flex-col gap-2"} ${className}`,
|
|
100116
100993
|
children: options.map((option) => {
|
|
100117
|
-
const itemId = `${
|
|
100994
|
+
const itemId = `${instanceId}-${option.value}`;
|
|
100118
100995
|
const descId = option.description !== void 0 ? `${itemId}-desc` : void 0;
|
|
100119
100996
|
return /* @__PURE__ */ jsxs("label", {
|
|
100120
100997
|
htmlFor: itemId,
|
|
@@ -100141,28 +101018,80 @@ function RadioGroup({ options, className = "", invalid = false, ...props }) {
|
|
|
100141
101018
|
})
|
|
100142
101019
|
});
|
|
100143
101020
|
}
|
|
101021
|
+
/**
|
|
101022
|
+
* Radix 不允许空串的 Item value,而调用方用 `''` 表示「全部 / 跟随系统」这类默认项。
|
|
101023
|
+
* 哨兵方案必须双向无碰撞(0.10.0 复核修复):业务值本身可能恰好等于哨兵字符串,
|
|
101024
|
+
* 所以内部值采用 `\u0000` 前缀转义——空串映射为 `EMPTY_INTERNAL`,
|
|
101025
|
+
* 任何以该前缀开头的真实值先转义再映射,进出各转一次,对外仍见原值。
|
|
101026
|
+
*/
|
|
101027
|
+
const INTERNAL_PREFIX = "\0webskill-select:";
|
|
101028
|
+
const EMPTY_INTERNAL = `${INTERNAL_PREFIX}empty`;
|
|
101029
|
+
const ESCAPED_PREFIX = `${INTERNAL_PREFIX}raw`;
|
|
101030
|
+
const toInternal = (value) => value === "" ? EMPTY_INTERNAL : value.startsWith(INTERNAL_PREFIX) ? `${ESCAPED_PREFIX}${value}` : value;
|
|
101031
|
+
const toExternal = (value) => value === EMPTY_INTERNAL ? "" : value.startsWith(ESCAPED_PREFIX) ? value.slice(ESCAPED_PREFIX.length) : value;
|
|
101032
|
+
/**
|
|
101033
|
+
* shadcn/ui 风格的自定义下拉(Radix Select):触发按钮 + listbox 弹层,
|
|
101034
|
+
* 取代原生 `<select>`(0.10.0 UI-UX5 #36)。
|
|
101035
|
+
*
|
|
101036
|
+
* 与原生 select 的语义差异(宿主须知,0.10.0 复核后写明):
|
|
101037
|
+
* - 表单兼容:控件在 `<form>` 内时 Radix 自动渲染一个 aria-hidden 的原生 select
|
|
101038
|
+
* 承载 `name` / 表单提交;注意其 value 是**内部转义值**(空串选项提交为
|
|
101039
|
+
* `EMPTY_INTERNAL`),直接读 `FormData` 的消费方需自行映射回 `''`;
|
|
101040
|
+
* `onChange` / `data-value` 均是映射后的对外值,不受影响。
|
|
101041
|
+
* - `form.reset()` 不再复位显示值:显示值受控于 React `value`,隐藏原生 select
|
|
101042
|
+
* 只承载提交值。依赖 reset 复位显示的宿主需自行处理。
|
|
101043
|
+
* - 感知层(perception)读当前值走触发按钮上的 `data-value`(对外值);
|
|
101044
|
+
* catalog select 的选项值语义沿袭原生时代:`data-value` 承载的是选项**下标**。
|
|
101045
|
+
* - 开放接口处理器(`onFocus` 等)按原生 select 类型声明后收窄挂到触发按钮上,
|
|
101046
|
+
* 运行时语义一致,但焦点行为与原生 select 不同。
|
|
101047
|
+
*/
|
|
100144
101048
|
function Select({ options, value, onChange, placeholder, label, className = "", ...rest }) {
|
|
100145
|
-
|
|
101049
|
+
const { name, required, autoComplete, form, disabled, ...triggerProps } = rest;
|
|
101050
|
+
const hasEmptyOption = options.some((option) => option.value === "");
|
|
101051
|
+
const internalValue = value === "" && !hasEmptyOption ? "" : toInternal(value);
|
|
101052
|
+
const triggerRest = triggerProps;
|
|
101053
|
+
return /* @__PURE__ */ jsx("span", {
|
|
100146
101054
|
className: `relative inline-flex ${className}`,
|
|
100147
|
-
children:
|
|
100148
|
-
|
|
100149
|
-
|
|
100150
|
-
|
|
100151
|
-
|
|
100152
|
-
|
|
100153
|
-
|
|
100154
|
-
|
|
100155
|
-
|
|
100156
|
-
|
|
100157
|
-
|
|
100158
|
-
|
|
100159
|
-
|
|
100160
|
-
|
|
100161
|
-
|
|
100162
|
-
|
|
100163
|
-
|
|
100164
|
-
|
|
100165
|
-
|
|
101055
|
+
children: /* @__PURE__ */ jsxs(Select$1, {
|
|
101056
|
+
value: internalValue,
|
|
101057
|
+
onValueChange: (next) => onChange(toExternal(next)),
|
|
101058
|
+
disabled,
|
|
101059
|
+
...name !== void 0 ? { name } : {},
|
|
101060
|
+
...required !== void 0 ? { required } : {},
|
|
101061
|
+
...autoComplete !== void 0 ? { autoComplete } : {},
|
|
101062
|
+
...form !== void 0 ? { form } : {},
|
|
101063
|
+
children: [/* @__PURE__ */ jsxs(SelectTrigger, {
|
|
101064
|
+
...triggerRest,
|
|
101065
|
+
disabled,
|
|
101066
|
+
"aria-label": label ?? rest["aria-label"],
|
|
101067
|
+
"data-value": value,
|
|
101068
|
+
className: "webskill-input inline-flex w-full cursor-pointer items-center justify-between gap-2 rounded-md border border-border bg-surface text-sm whitespace-nowrap text-ink shadow-xs outline-none transition-colors hover:border-ring focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/20 disabled:cursor-not-allowed disabled:opacity-50 data-[placeholder]:text-muted",
|
|
101069
|
+
children: [/* @__PURE__ */ jsx(SelectValue, { placeholder }), /* @__PURE__ */ jsx(SelectIcon, { children: /* @__PURE__ */ jsx(ChevronDown, {
|
|
101070
|
+
className: "size-4 shrink-0 text-muted",
|
|
101071
|
+
"aria-hidden": true
|
|
101072
|
+
}) })]
|
|
101073
|
+
}), /* @__PURE__ */ jsx(SelectPortal, {
|
|
101074
|
+
container: usePortalContainer(),
|
|
101075
|
+
children: /* @__PURE__ */ jsx(SelectContent, {
|
|
101076
|
+
position: "popper",
|
|
101077
|
+
sideOffset: 6,
|
|
101078
|
+
className: "webskill-dropdown-content z-[var(--webskill-z-popper)] max-h-[var(--radix-select-content-available-height)] min-w-[var(--radix-select-trigger-width)] overflow-y-auto rounded-md border border-border bg-surface p-1 text-sm text-ink shadow-pop outline-none",
|
|
101079
|
+
children: /* @__PURE__ */ jsx(SelectViewport, { children: options.map((option) => /* @__PURE__ */ jsxs(SelectItem, {
|
|
101080
|
+
value: toInternal(option.value),
|
|
101081
|
+
disabled: option.disabled,
|
|
101082
|
+
"data-value": option.value,
|
|
101083
|
+
className: "relative flex w-full cursor-pointer items-center rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none select-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-subtle",
|
|
101084
|
+
children: [/* @__PURE__ */ jsx(SelectItemText, { children: option.label }), /* @__PURE__ */ jsx("span", {
|
|
101085
|
+
className: "absolute right-2 inline-flex size-4 items-center justify-center",
|
|
101086
|
+
children: /* @__PURE__ */ jsx(SelectItemIndicator, { children: /* @__PURE__ */ jsx(Check, {
|
|
101087
|
+
className: "size-4",
|
|
101088
|
+
"aria-hidden": true
|
|
101089
|
+
}) })
|
|
101090
|
+
})]
|
|
101091
|
+
}, option.value)) })
|
|
101092
|
+
})
|
|
101093
|
+
})]
|
|
101094
|
+
})
|
|
100166
101095
|
});
|
|
100167
101096
|
}
|
|
100168
101097
|
/**
|
|
@@ -119686,6 +120615,7 @@ const languages = {
|
|
|
119686
120615
|
json,
|
|
119687
120616
|
bash,
|
|
119688
120617
|
markdown,
|
|
120618
|
+
markup,
|
|
119689
120619
|
yaml
|
|
119690
120620
|
};
|
|
119691
120621
|
for (const [name, language] of Object.entries(languages)) SyntaxHighlighter.registerLanguage(name, language);
|
|
@@ -119696,580 +120626,614 @@ const languageAliases = {
|
|
|
119696
120626
|
sh: "bash",
|
|
119697
120627
|
shell: "bash",
|
|
119698
120628
|
yml: "yaml",
|
|
119699
|
-
md: "markdown"
|
|
120629
|
+
md: "markdown",
|
|
120630
|
+
xml: "markup",
|
|
120631
|
+
html: "markup",
|
|
120632
|
+
svg: "markup"
|
|
119700
120633
|
};
|
|
119701
120634
|
function resolveLanguage(raw) {
|
|
119702
120635
|
if (!raw) return void 0;
|
|
119703
120636
|
if (raw in languages) return raw;
|
|
119704
120637
|
return languageAliases[raw];
|
|
119705
120638
|
}
|
|
119706
|
-
|
|
119707
|
-
|
|
119708
|
-
|
|
119709
|
-
"
|
|
119710
|
-
|
|
119711
|
-
|
|
119712
|
-
|
|
119713
|
-
|
|
119714
|
-
|
|
119715
|
-
|
|
119716
|
-
|
|
119717
|
-
|
|
119718
|
-
|
|
119719
|
-
|
|
119720
|
-
|
|
119721
|
-
|
|
119722
|
-
|
|
119723
|
-
|
|
119724
|
-
|
|
119725
|
-
"msHyphens": "none",
|
|
119726
|
-
"hyphens": "none"
|
|
119727
|
-
},
|
|
119728
|
-
"pre[class*=\"language-\"]": {
|
|
119729
|
-
"background": "hsl(220, 13%, 18%)",
|
|
119730
|
-
"color": "hsl(220, 14%, 71%)",
|
|
119731
|
-
"textShadow": "0 1px rgba(0, 0, 0, 0.3)",
|
|
119732
|
-
"fontFamily": "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
|
|
119733
|
-
"direction": "ltr",
|
|
119734
|
-
"textAlign": "left",
|
|
119735
|
-
"whiteSpace": "pre",
|
|
119736
|
-
"wordSpacing": "normal",
|
|
119737
|
-
"wordBreak": "normal",
|
|
119738
|
-
"lineHeight": "1.5",
|
|
119739
|
-
"MozTabSize": "2",
|
|
119740
|
-
"OTabSize": "2",
|
|
119741
|
-
"tabSize": "2",
|
|
119742
|
-
"WebkitHyphens": "none",
|
|
119743
|
-
"MozHyphens": "none",
|
|
119744
|
-
"msHyphens": "none",
|
|
119745
|
-
"hyphens": "none",
|
|
119746
|
-
"padding": "1em",
|
|
119747
|
-
"margin": "0.5em 0",
|
|
119748
|
-
"overflow": "auto",
|
|
119749
|
-
"borderRadius": "0.3em"
|
|
119750
|
-
},
|
|
119751
|
-
"code[class*=\"language-\"]::-moz-selection": {
|
|
119752
|
-
"background": "hsl(220, 13%, 28%)",
|
|
119753
|
-
"color": "inherit",
|
|
119754
|
-
"textShadow": "none"
|
|
119755
|
-
},
|
|
119756
|
-
"code[class*=\"language-\"] *::-moz-selection": {
|
|
119757
|
-
"background": "hsl(220, 13%, 28%)",
|
|
119758
|
-
"color": "inherit",
|
|
119759
|
-
"textShadow": "none"
|
|
119760
|
-
},
|
|
119761
|
-
"pre[class*=\"language-\"] *::-moz-selection": {
|
|
119762
|
-
"background": "hsl(220, 13%, 28%)",
|
|
119763
|
-
"color": "inherit",
|
|
119764
|
-
"textShadow": "none"
|
|
119765
|
-
},
|
|
119766
|
-
"code[class*=\"language-\"]::selection": {
|
|
119767
|
-
"background": "hsl(220, 13%, 28%)",
|
|
119768
|
-
"color": "inherit",
|
|
119769
|
-
"textShadow": "none"
|
|
119770
|
-
},
|
|
119771
|
-
"code[class*=\"language-\"] *::selection": {
|
|
119772
|
-
"background": "hsl(220, 13%, 28%)",
|
|
119773
|
-
"color": "inherit",
|
|
119774
|
-
"textShadow": "none"
|
|
119775
|
-
},
|
|
119776
|
-
"pre[class*=\"language-\"] *::selection": {
|
|
119777
|
-
"background": "hsl(220, 13%, 28%)",
|
|
119778
|
-
"color": "inherit",
|
|
119779
|
-
"textShadow": "none"
|
|
119780
|
-
},
|
|
119781
|
-
":not(pre) > code[class*=\"language-\"]": {
|
|
119782
|
-
"padding": "0.2em 0.3em",
|
|
119783
|
-
"borderRadius": "0.3em",
|
|
119784
|
-
"whiteSpace": "normal"
|
|
119785
|
-
},
|
|
119786
|
-
"comment": {
|
|
119787
|
-
"color": "hsl(220, 10%, 40%)",
|
|
119788
|
-
"fontStyle": "italic"
|
|
119789
|
-
},
|
|
119790
|
-
"prolog": { "color": "hsl(220, 10%, 40%)" },
|
|
119791
|
-
"cdata": { "color": "hsl(220, 10%, 40%)" },
|
|
119792
|
-
"doctype": { "color": "hsl(220, 14%, 71%)" },
|
|
119793
|
-
"punctuation": { "color": "hsl(220, 14%, 71%)" },
|
|
119794
|
-
"entity": {
|
|
119795
|
-
"color": "hsl(220, 14%, 71%)",
|
|
119796
|
-
"cursor": "help"
|
|
119797
|
-
},
|
|
119798
|
-
"attr-name": { "color": "hsl(29, 54%, 61%)" },
|
|
119799
|
-
"class-name": { "color": "hsl(29, 54%, 61%)" },
|
|
119800
|
-
"boolean": { "color": "hsl(29, 54%, 61%)" },
|
|
119801
|
-
"constant": { "color": "hsl(29, 54%, 61%)" },
|
|
119802
|
-
"number": { "color": "hsl(29, 54%, 61%)" },
|
|
119803
|
-
"atrule": { "color": "hsl(29, 54%, 61%)" },
|
|
119804
|
-
"keyword": { "color": "hsl(286, 60%, 67%)" },
|
|
119805
|
-
"property": { "color": "hsl(355, 65%, 65%)" },
|
|
119806
|
-
"tag": { "color": "hsl(355, 65%, 65%)" },
|
|
119807
|
-
"symbol": { "color": "hsl(355, 65%, 65%)" },
|
|
119808
|
-
"deleted": { "color": "hsl(355, 65%, 65%)" },
|
|
119809
|
-
"important": { "color": "hsl(355, 65%, 65%)" },
|
|
119810
|
-
"selector": { "color": "hsl(95, 38%, 62%)" },
|
|
119811
|
-
"string": { "color": "hsl(95, 38%, 62%)" },
|
|
119812
|
-
"char": { "color": "hsl(95, 38%, 62%)" },
|
|
119813
|
-
"builtin": { "color": "hsl(95, 38%, 62%)" },
|
|
119814
|
-
"inserted": { "color": "hsl(95, 38%, 62%)" },
|
|
119815
|
-
"regex": { "color": "hsl(95, 38%, 62%)" },
|
|
119816
|
-
"attr-value": { "color": "hsl(95, 38%, 62%)" },
|
|
119817
|
-
"attr-value > .token.punctuation": { "color": "hsl(95, 38%, 62%)" },
|
|
119818
|
-
"variable": { "color": "hsl(207, 82%, 66%)" },
|
|
119819
|
-
"operator": { "color": "hsl(207, 82%, 66%)" },
|
|
119820
|
-
"function": { "color": "hsl(207, 82%, 66%)" },
|
|
119821
|
-
"url": { "color": "hsl(187, 47%, 55%)" },
|
|
119822
|
-
"attr-value > .token.punctuation.attr-equals": { "color": "hsl(220, 14%, 71%)" },
|
|
119823
|
-
"special-attr > .token.attr-value > .token.value.css": { "color": "hsl(220, 14%, 71%)" },
|
|
119824
|
-
".language-css .token.selector": { "color": "hsl(355, 65%, 65%)" },
|
|
119825
|
-
".language-css .token.property": { "color": "hsl(220, 14%, 71%)" },
|
|
119826
|
-
".language-css .token.function": { "color": "hsl(187, 47%, 55%)" },
|
|
119827
|
-
".language-css .token.url > .token.function": { "color": "hsl(187, 47%, 55%)" },
|
|
119828
|
-
".language-css .token.url > .token.string.url": { "color": "hsl(95, 38%, 62%)" },
|
|
119829
|
-
".language-css .token.important": { "color": "hsl(286, 60%, 67%)" },
|
|
119830
|
-
".language-css .token.atrule .token.rule": { "color": "hsl(286, 60%, 67%)" },
|
|
119831
|
-
".language-javascript .token.operator": { "color": "hsl(286, 60%, 67%)" },
|
|
119832
|
-
".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation": { "color": "hsl(5, 48%, 51%)" },
|
|
119833
|
-
".language-json .token.operator": { "color": "hsl(220, 14%, 71%)" },
|
|
119834
|
-
".language-json .token.null.keyword": { "color": "hsl(29, 54%, 61%)" },
|
|
119835
|
-
".language-markdown .token.url": { "color": "hsl(220, 14%, 71%)" },
|
|
119836
|
-
".language-markdown .token.url > .token.operator": { "color": "hsl(220, 14%, 71%)" },
|
|
119837
|
-
".language-markdown .token.url-reference.url > .token.string": { "color": "hsl(220, 14%, 71%)" },
|
|
119838
|
-
".language-markdown .token.url > .token.content": { "color": "hsl(207, 82%, 66%)" },
|
|
119839
|
-
".language-markdown .token.url > .token.url": { "color": "hsl(187, 47%, 55%)" },
|
|
119840
|
-
".language-markdown .token.url-reference.url": { "color": "hsl(187, 47%, 55%)" },
|
|
119841
|
-
".language-markdown .token.blockquote.punctuation": {
|
|
119842
|
-
"color": "hsl(220, 10%, 40%)",
|
|
119843
|
-
"fontStyle": "italic"
|
|
119844
|
-
},
|
|
119845
|
-
".language-markdown .token.hr.punctuation": {
|
|
119846
|
-
"color": "hsl(220, 10%, 40%)",
|
|
119847
|
-
"fontStyle": "italic"
|
|
119848
|
-
},
|
|
119849
|
-
".language-markdown .token.code-snippet": { "color": "hsl(95, 38%, 62%)" },
|
|
119850
|
-
".language-markdown .token.bold .token.content": { "color": "hsl(29, 54%, 61%)" },
|
|
119851
|
-
".language-markdown .token.italic .token.content": { "color": "hsl(286, 60%, 67%)" },
|
|
119852
|
-
".language-markdown .token.strike .token.content": { "color": "hsl(355, 65%, 65%)" },
|
|
119853
|
-
".language-markdown .token.strike .token.punctuation": { "color": "hsl(355, 65%, 65%)" },
|
|
119854
|
-
".language-markdown .token.list.punctuation": { "color": "hsl(355, 65%, 65%)" },
|
|
119855
|
-
".language-markdown .token.title.important > .token.punctuation": { "color": "hsl(355, 65%, 65%)" },
|
|
119856
|
-
"bold": { "fontWeight": "bold" },
|
|
119857
|
-
"italic": { "fontStyle": "italic" },
|
|
119858
|
-
"namespace": { "Opacity": "0.8" },
|
|
119859
|
-
"token.tab:not(:empty):before": {
|
|
119860
|
-
"color": "hsla(220, 14%, 71%, 0.15)",
|
|
119861
|
-
"textShadow": "none"
|
|
119862
|
-
},
|
|
119863
|
-
"token.cr:before": {
|
|
119864
|
-
"color": "hsla(220, 14%, 71%, 0.15)",
|
|
119865
|
-
"textShadow": "none"
|
|
119866
|
-
},
|
|
119867
|
-
"token.lf:before": {
|
|
119868
|
-
"color": "hsla(220, 14%, 71%, 0.15)",
|
|
119869
|
-
"textShadow": "none"
|
|
119870
|
-
},
|
|
119871
|
-
"token.space:before": {
|
|
119872
|
-
"color": "hsla(220, 14%, 71%, 0.15)",
|
|
119873
|
-
"textShadow": "none"
|
|
119874
|
-
},
|
|
119875
|
-
"div.code-toolbar > .toolbar.toolbar > .toolbar-item": { "marginRight": "0.4em" },
|
|
119876
|
-
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button": {
|
|
119877
|
-
"background": "hsl(220, 13%, 26%)",
|
|
119878
|
-
"color": "hsl(220, 9%, 55%)",
|
|
119879
|
-
"padding": "0.1em 0.4em",
|
|
119880
|
-
"borderRadius": "0.3em"
|
|
119881
|
-
},
|
|
119882
|
-
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a": {
|
|
119883
|
-
"background": "hsl(220, 13%, 26%)",
|
|
119884
|
-
"color": "hsl(220, 9%, 55%)",
|
|
119885
|
-
"padding": "0.1em 0.4em",
|
|
119886
|
-
"borderRadius": "0.3em"
|
|
119887
|
-
},
|
|
119888
|
-
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span": {
|
|
119889
|
-
"background": "hsl(220, 13%, 26%)",
|
|
119890
|
-
"color": "hsl(220, 9%, 55%)",
|
|
119891
|
-
"padding": "0.1em 0.4em",
|
|
119892
|
-
"borderRadius": "0.3em"
|
|
119893
|
-
},
|
|
119894
|
-
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover": {
|
|
119895
|
-
"background": "hsl(220, 13%, 28%)",
|
|
119896
|
-
"color": "hsl(220, 14%, 71%)"
|
|
119897
|
-
},
|
|
119898
|
-
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus": {
|
|
119899
|
-
"background": "hsl(220, 13%, 28%)",
|
|
119900
|
-
"color": "hsl(220, 14%, 71%)"
|
|
119901
|
-
},
|
|
119902
|
-
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover": {
|
|
119903
|
-
"background": "hsl(220, 13%, 28%)",
|
|
119904
|
-
"color": "hsl(220, 14%, 71%)"
|
|
119905
|
-
},
|
|
119906
|
-
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus": {
|
|
119907
|
-
"background": "hsl(220, 13%, 28%)",
|
|
119908
|
-
"color": "hsl(220, 14%, 71%)"
|
|
119909
|
-
},
|
|
119910
|
-
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover": {
|
|
119911
|
-
"background": "hsl(220, 13%, 28%)",
|
|
119912
|
-
"color": "hsl(220, 14%, 71%)"
|
|
119913
|
-
},
|
|
119914
|
-
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus": {
|
|
119915
|
-
"background": "hsl(220, 13%, 28%)",
|
|
119916
|
-
"color": "hsl(220, 14%, 71%)"
|
|
119917
|
-
},
|
|
119918
|
-
".line-highlight.line-highlight": { "background": "hsla(220, 100%, 80%, 0.04)" },
|
|
119919
|
-
".line-highlight.line-highlight:before": {
|
|
119920
|
-
"background": "hsl(220, 13%, 26%)",
|
|
119921
|
-
"color": "hsl(220, 14%, 71%)",
|
|
119922
|
-
"padding": "0.1em 0.6em",
|
|
119923
|
-
"borderRadius": "0.3em",
|
|
119924
|
-
"boxShadow": "0 2px 0 0 rgba(0, 0, 0, 0.2)"
|
|
119925
|
-
},
|
|
119926
|
-
".line-highlight.line-highlight[data-end]:after": {
|
|
119927
|
-
"background": "hsl(220, 13%, 26%)",
|
|
119928
|
-
"color": "hsl(220, 14%, 71%)",
|
|
119929
|
-
"padding": "0.1em 0.6em",
|
|
119930
|
-
"borderRadius": "0.3em",
|
|
119931
|
-
"boxShadow": "0 2px 0 0 rgba(0, 0, 0, 0.2)"
|
|
119932
|
-
},
|
|
119933
|
-
"pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before": { "backgroundColor": "hsla(220, 100%, 80%, 0.04)" },
|
|
119934
|
-
".line-numbers.line-numbers .line-numbers-rows": { "borderRightColor": "hsla(220, 14%, 71%, 0.15)" },
|
|
119935
|
-
".command-line .command-line-prompt": { "borderRightColor": "hsla(220, 14%, 71%, 0.15)" },
|
|
119936
|
-
".line-numbers .line-numbers-rows > span:before": { "color": "hsl(220, 14%, 45%)" },
|
|
119937
|
-
".command-line .command-line-prompt > span:before": { "color": "hsl(220, 14%, 45%)" },
|
|
119938
|
-
".rainbow-braces .token.token.punctuation.brace-level-1": { "color": "hsl(355, 65%, 65%)" },
|
|
119939
|
-
".rainbow-braces .token.token.punctuation.brace-level-5": { "color": "hsl(355, 65%, 65%)" },
|
|
119940
|
-
".rainbow-braces .token.token.punctuation.brace-level-9": { "color": "hsl(355, 65%, 65%)" },
|
|
119941
|
-
".rainbow-braces .token.token.punctuation.brace-level-2": { "color": "hsl(95, 38%, 62%)" },
|
|
119942
|
-
".rainbow-braces .token.token.punctuation.brace-level-6": { "color": "hsl(95, 38%, 62%)" },
|
|
119943
|
-
".rainbow-braces .token.token.punctuation.brace-level-10": { "color": "hsl(95, 38%, 62%)" },
|
|
119944
|
-
".rainbow-braces .token.token.punctuation.brace-level-3": { "color": "hsl(207, 82%, 66%)" },
|
|
119945
|
-
".rainbow-braces .token.token.punctuation.brace-level-7": { "color": "hsl(207, 82%, 66%)" },
|
|
119946
|
-
".rainbow-braces .token.token.punctuation.brace-level-11": { "color": "hsl(207, 82%, 66%)" },
|
|
119947
|
-
".rainbow-braces .token.token.punctuation.brace-level-4": { "color": "hsl(286, 60%, 67%)" },
|
|
119948
|
-
".rainbow-braces .token.token.punctuation.brace-level-8": { "color": "hsl(286, 60%, 67%)" },
|
|
119949
|
-
".rainbow-braces .token.token.punctuation.brace-level-12": { "color": "hsl(286, 60%, 67%)" },
|
|
119950
|
-
"pre.diff-highlight > code .token.token.deleted:not(.prefix)": { "backgroundColor": "hsla(353, 100%, 66%, 0.15)" },
|
|
119951
|
-
"pre > code.diff-highlight .token.token.deleted:not(.prefix)": { "backgroundColor": "hsla(353, 100%, 66%, 0.15)" },
|
|
119952
|
-
"pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
119953
|
-
"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
119954
|
-
"pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
119955
|
-
"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
119956
|
-
"pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
119957
|
-
"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
119958
|
-
"pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
119959
|
-
"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
119960
|
-
"pre.diff-highlight > code .token.token.inserted:not(.prefix)": { "backgroundColor": "hsla(137, 100%, 55%, 0.15)" },
|
|
119961
|
-
"pre > code.diff-highlight .token.token.inserted:not(.prefix)": { "backgroundColor": "hsla(137, 100%, 55%, 0.15)" },
|
|
119962
|
-
"pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
119963
|
-
"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
119964
|
-
"pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
119965
|
-
"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
119966
|
-
"pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
119967
|
-
"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
119968
|
-
"pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
119969
|
-
"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
119970
|
-
".prism-previewer.prism-previewer:before": { "borderColor": "hsl(224, 13%, 17%)" },
|
|
119971
|
-
".prism-previewer-gradient.prism-previewer-gradient div": {
|
|
119972
|
-
"borderColor": "hsl(224, 13%, 17%)",
|
|
119973
|
-
"borderRadius": "0.3em"
|
|
119974
|
-
},
|
|
119975
|
-
".prism-previewer-color.prism-previewer-color:before": { "borderRadius": "0.3em" },
|
|
119976
|
-
".prism-previewer-easing.prism-previewer-easing:before": { "borderRadius": "0.3em" },
|
|
119977
|
-
".prism-previewer.prism-previewer:after": { "borderTopColor": "hsl(224, 13%, 17%)" },
|
|
119978
|
-
".prism-previewer-flipped.prism-previewer-flipped.after": { "borderBottomColor": "hsl(224, 13%, 17%)" },
|
|
119979
|
-
".prism-previewer-angle.prism-previewer-angle:before": { "background": "hsl(219, 13%, 22%)" },
|
|
119980
|
-
".prism-previewer-time.prism-previewer-time:before": { "background": "hsl(219, 13%, 22%)" },
|
|
119981
|
-
".prism-previewer-easing.prism-previewer-easing": { "background": "hsl(219, 13%, 22%)" },
|
|
119982
|
-
".prism-previewer-angle.prism-previewer-angle circle": {
|
|
119983
|
-
"stroke": "hsl(220, 14%, 71%)",
|
|
119984
|
-
"strokeOpacity": "1"
|
|
119985
|
-
},
|
|
119986
|
-
".prism-previewer-time.prism-previewer-time circle": {
|
|
119987
|
-
"stroke": "hsl(220, 14%, 71%)",
|
|
119988
|
-
"strokeOpacity": "1"
|
|
119989
|
-
},
|
|
119990
|
-
".prism-previewer-easing.prism-previewer-easing circle": {
|
|
119991
|
-
"stroke": "hsl(220, 14%, 71%)",
|
|
119992
|
-
"fill": "transparent"
|
|
119993
|
-
},
|
|
119994
|
-
".prism-previewer-easing.prism-previewer-easing path": { "stroke": "hsl(220, 14%, 71%)" },
|
|
119995
|
-
".prism-previewer-easing.prism-previewer-easing line": { "stroke": "hsl(220, 14%, 71%)" }
|
|
120639
|
+
var one_dark_default = {
|
|
120640
|
+
"code[class*=\"language-\"]": {
|
|
120641
|
+
"background": "hsl(220, 13%, 18%)",
|
|
120642
|
+
"color": "hsl(220, 14%, 71%)",
|
|
120643
|
+
"textShadow": "0 1px rgba(0, 0, 0, 0.3)",
|
|
120644
|
+
"fontFamily": "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
|
|
120645
|
+
"direction": "ltr",
|
|
120646
|
+
"textAlign": "left",
|
|
120647
|
+
"whiteSpace": "pre",
|
|
120648
|
+
"wordSpacing": "normal",
|
|
120649
|
+
"wordBreak": "normal",
|
|
120650
|
+
"lineHeight": "1.5",
|
|
120651
|
+
"MozTabSize": "2",
|
|
120652
|
+
"OTabSize": "2",
|
|
120653
|
+
"tabSize": "2",
|
|
120654
|
+
"WebkitHyphens": "none",
|
|
120655
|
+
"MozHyphens": "none",
|
|
120656
|
+
"msHyphens": "none",
|
|
120657
|
+
"hyphens": "none"
|
|
119996
120658
|
},
|
|
119997
|
-
|
|
119998
|
-
"
|
|
119999
|
-
|
|
120000
|
-
|
|
120001
|
-
|
|
120002
|
-
|
|
120003
|
-
|
|
120004
|
-
|
|
120005
|
-
|
|
120006
|
-
|
|
120007
|
-
|
|
120008
|
-
|
|
120009
|
-
|
|
120010
|
-
|
|
120011
|
-
|
|
120012
|
-
|
|
120013
|
-
|
|
120014
|
-
|
|
120015
|
-
|
|
120016
|
-
"
|
|
120017
|
-
|
|
120018
|
-
|
|
120019
|
-
|
|
120020
|
-
|
|
120021
|
-
|
|
120022
|
-
|
|
120023
|
-
|
|
120024
|
-
|
|
120025
|
-
|
|
120026
|
-
|
|
120027
|
-
|
|
120028
|
-
|
|
120029
|
-
|
|
120030
|
-
|
|
120031
|
-
|
|
120032
|
-
|
|
120033
|
-
|
|
120034
|
-
|
|
120035
|
-
|
|
120036
|
-
|
|
120037
|
-
|
|
120038
|
-
"
|
|
120039
|
-
|
|
120040
|
-
|
|
120041
|
-
|
|
120042
|
-
"
|
|
120043
|
-
|
|
120044
|
-
|
|
120045
|
-
|
|
120046
|
-
"
|
|
120047
|
-
|
|
120048
|
-
|
|
120049
|
-
|
|
120050
|
-
|
|
120051
|
-
|
|
120052
|
-
|
|
120053
|
-
|
|
120054
|
-
|
|
120055
|
-
|
|
120056
|
-
|
|
120057
|
-
|
|
120058
|
-
|
|
120059
|
-
|
|
120060
|
-
|
|
120061
|
-
|
|
120062
|
-
|
|
120063
|
-
|
|
120064
|
-
|
|
120065
|
-
|
|
120066
|
-
|
|
120067
|
-
|
|
120068
|
-
|
|
120069
|
-
|
|
120070
|
-
|
|
120071
|
-
|
|
120072
|
-
|
|
120073
|
-
|
|
120074
|
-
|
|
120075
|
-
|
|
120076
|
-
|
|
120077
|
-
|
|
120078
|
-
|
|
120079
|
-
|
|
120080
|
-
|
|
120081
|
-
|
|
120082
|
-
|
|
120083
|
-
|
|
120084
|
-
|
|
120085
|
-
|
|
120086
|
-
|
|
120087
|
-
|
|
120088
|
-
|
|
120089
|
-
|
|
120090
|
-
|
|
120091
|
-
|
|
120092
|
-
|
|
120093
|
-
|
|
120094
|
-
|
|
120095
|
-
|
|
120096
|
-
|
|
120097
|
-
|
|
120098
|
-
|
|
120099
|
-
|
|
120100
|
-
|
|
120101
|
-
|
|
120102
|
-
|
|
120103
|
-
|
|
120104
|
-
|
|
120105
|
-
|
|
120106
|
-
|
|
120107
|
-
|
|
120108
|
-
|
|
120109
|
-
|
|
120110
|
-
|
|
120111
|
-
"
|
|
120112
|
-
"
|
|
120113
|
-
|
|
120114
|
-
|
|
120115
|
-
"
|
|
120116
|
-
"
|
|
120117
|
-
|
|
120118
|
-
|
|
120119
|
-
|
|
120120
|
-
|
|
120121
|
-
|
|
120122
|
-
|
|
120123
|
-
|
|
120124
|
-
|
|
120125
|
-
|
|
120126
|
-
|
|
120127
|
-
|
|
120128
|
-
|
|
120129
|
-
|
|
120130
|
-
"
|
|
120131
|
-
|
|
120132
|
-
|
|
120133
|
-
"
|
|
120134
|
-
"
|
|
120135
|
-
|
|
120136
|
-
|
|
120137
|
-
"
|
|
120138
|
-
"
|
|
120139
|
-
|
|
120140
|
-
|
|
120141
|
-
"
|
|
120142
|
-
"
|
|
120143
|
-
|
|
120144
|
-
|
|
120145
|
-
|
|
120146
|
-
|
|
120147
|
-
|
|
120148
|
-
|
|
120149
|
-
|
|
120150
|
-
|
|
120151
|
-
|
|
120152
|
-
|
|
120153
|
-
|
|
120154
|
-
|
|
120155
|
-
|
|
120156
|
-
|
|
120157
|
-
|
|
120158
|
-
|
|
120159
|
-
|
|
120160
|
-
|
|
120161
|
-
|
|
120162
|
-
|
|
120163
|
-
|
|
120164
|
-
|
|
120165
|
-
|
|
120166
|
-
|
|
120167
|
-
|
|
120168
|
-
|
|
120169
|
-
|
|
120170
|
-
|
|
120171
|
-
|
|
120172
|
-
|
|
120173
|
-
|
|
120174
|
-
|
|
120175
|
-
|
|
120176
|
-
|
|
120177
|
-
|
|
120178
|
-
|
|
120179
|
-
|
|
120180
|
-
|
|
120181
|
-
|
|
120182
|
-
|
|
120183
|
-
|
|
120184
|
-
|
|
120185
|
-
|
|
120186
|
-
|
|
120187
|
-
|
|
120188
|
-
|
|
120189
|
-
|
|
120190
|
-
|
|
120191
|
-
|
|
120192
|
-
|
|
120193
|
-
|
|
120194
|
-
|
|
120195
|
-
|
|
120196
|
-
|
|
120197
|
-
|
|
120198
|
-
|
|
120199
|
-
|
|
120200
|
-
|
|
120201
|
-
|
|
120202
|
-
|
|
120203
|
-
|
|
120204
|
-
|
|
120205
|
-
|
|
120206
|
-
|
|
120207
|
-
|
|
120208
|
-
|
|
120209
|
-
|
|
120210
|
-
|
|
120211
|
-
|
|
120212
|
-
|
|
120213
|
-
|
|
120214
|
-
|
|
120215
|
-
|
|
120216
|
-
|
|
120217
|
-
|
|
120218
|
-
|
|
120219
|
-
|
|
120220
|
-
|
|
120221
|
-
|
|
120222
|
-
|
|
120223
|
-
|
|
120224
|
-
|
|
120225
|
-
|
|
120226
|
-
|
|
120227
|
-
|
|
120228
|
-
|
|
120229
|
-
|
|
120230
|
-
|
|
120231
|
-
|
|
120232
|
-
|
|
120233
|
-
|
|
120234
|
-
|
|
120235
|
-
|
|
120236
|
-
|
|
120237
|
-
|
|
120238
|
-
|
|
120239
|
-
|
|
120240
|
-
|
|
120241
|
-
|
|
120242
|
-
|
|
120243
|
-
|
|
120244
|
-
|
|
120245
|
-
|
|
120246
|
-
|
|
120247
|
-
|
|
120248
|
-
|
|
120249
|
-
|
|
120250
|
-
|
|
120251
|
-
|
|
120252
|
-
|
|
120253
|
-
|
|
120254
|
-
|
|
120255
|
-
|
|
120256
|
-
|
|
120257
|
-
|
|
120258
|
-
|
|
120259
|
-
|
|
120260
|
-
|
|
120261
|
-
|
|
120262
|
-
|
|
120263
|
-
|
|
120264
|
-
|
|
120659
|
+
"pre[class*=\"language-\"]": {
|
|
120660
|
+
"background": "hsl(220, 13%, 18%)",
|
|
120661
|
+
"color": "hsl(220, 14%, 71%)",
|
|
120662
|
+
"textShadow": "0 1px rgba(0, 0, 0, 0.3)",
|
|
120663
|
+
"fontFamily": "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
|
|
120664
|
+
"direction": "ltr",
|
|
120665
|
+
"textAlign": "left",
|
|
120666
|
+
"whiteSpace": "pre",
|
|
120667
|
+
"wordSpacing": "normal",
|
|
120668
|
+
"wordBreak": "normal",
|
|
120669
|
+
"lineHeight": "1.5",
|
|
120670
|
+
"MozTabSize": "2",
|
|
120671
|
+
"OTabSize": "2",
|
|
120672
|
+
"tabSize": "2",
|
|
120673
|
+
"WebkitHyphens": "none",
|
|
120674
|
+
"MozHyphens": "none",
|
|
120675
|
+
"msHyphens": "none",
|
|
120676
|
+
"hyphens": "none",
|
|
120677
|
+
"padding": "1em",
|
|
120678
|
+
"margin": "0.5em 0",
|
|
120679
|
+
"overflow": "auto",
|
|
120680
|
+
"borderRadius": "0.3em"
|
|
120681
|
+
},
|
|
120682
|
+
"code[class*=\"language-\"]::-moz-selection": {
|
|
120683
|
+
"background": "hsl(220, 13%, 28%)",
|
|
120684
|
+
"color": "inherit",
|
|
120685
|
+
"textShadow": "none"
|
|
120686
|
+
},
|
|
120687
|
+
"code[class*=\"language-\"] *::-moz-selection": {
|
|
120688
|
+
"background": "hsl(220, 13%, 28%)",
|
|
120689
|
+
"color": "inherit",
|
|
120690
|
+
"textShadow": "none"
|
|
120691
|
+
},
|
|
120692
|
+
"pre[class*=\"language-\"] *::-moz-selection": {
|
|
120693
|
+
"background": "hsl(220, 13%, 28%)",
|
|
120694
|
+
"color": "inherit",
|
|
120695
|
+
"textShadow": "none"
|
|
120696
|
+
},
|
|
120697
|
+
"code[class*=\"language-\"]::selection": {
|
|
120698
|
+
"background": "hsl(220, 13%, 28%)",
|
|
120699
|
+
"color": "inherit",
|
|
120700
|
+
"textShadow": "none"
|
|
120701
|
+
},
|
|
120702
|
+
"code[class*=\"language-\"] *::selection": {
|
|
120703
|
+
"background": "hsl(220, 13%, 28%)",
|
|
120704
|
+
"color": "inherit",
|
|
120705
|
+
"textShadow": "none"
|
|
120706
|
+
},
|
|
120707
|
+
"pre[class*=\"language-\"] *::selection": {
|
|
120708
|
+
"background": "hsl(220, 13%, 28%)",
|
|
120709
|
+
"color": "inherit",
|
|
120710
|
+
"textShadow": "none"
|
|
120711
|
+
},
|
|
120712
|
+
":not(pre) > code[class*=\"language-\"]": {
|
|
120713
|
+
"padding": "0.2em 0.3em",
|
|
120714
|
+
"borderRadius": "0.3em",
|
|
120715
|
+
"whiteSpace": "normal"
|
|
120716
|
+
},
|
|
120717
|
+
"comment": {
|
|
120718
|
+
"color": "hsl(220, 10%, 40%)",
|
|
120719
|
+
"fontStyle": "italic"
|
|
120720
|
+
},
|
|
120721
|
+
"prolog": { "color": "hsl(220, 10%, 40%)" },
|
|
120722
|
+
"cdata": { "color": "hsl(220, 10%, 40%)" },
|
|
120723
|
+
"doctype": { "color": "hsl(220, 14%, 71%)" },
|
|
120724
|
+
"punctuation": { "color": "hsl(220, 14%, 71%)" },
|
|
120725
|
+
"entity": {
|
|
120726
|
+
"color": "hsl(220, 14%, 71%)",
|
|
120727
|
+
"cursor": "help"
|
|
120728
|
+
},
|
|
120729
|
+
"attr-name": { "color": "hsl(29, 54%, 61%)" },
|
|
120730
|
+
"class-name": { "color": "hsl(29, 54%, 61%)" },
|
|
120731
|
+
"boolean": { "color": "hsl(29, 54%, 61%)" },
|
|
120732
|
+
"constant": { "color": "hsl(29, 54%, 61%)" },
|
|
120733
|
+
"number": { "color": "hsl(29, 54%, 61%)" },
|
|
120734
|
+
"atrule": { "color": "hsl(29, 54%, 61%)" },
|
|
120735
|
+
"keyword": { "color": "hsl(286, 60%, 67%)" },
|
|
120736
|
+
"property": { "color": "hsl(355, 65%, 65%)" },
|
|
120737
|
+
"tag": { "color": "hsl(355, 65%, 65%)" },
|
|
120738
|
+
"symbol": { "color": "hsl(355, 65%, 65%)" },
|
|
120739
|
+
"deleted": { "color": "hsl(355, 65%, 65%)" },
|
|
120740
|
+
"important": { "color": "hsl(355, 65%, 65%)" },
|
|
120741
|
+
"selector": { "color": "hsl(95, 38%, 62%)" },
|
|
120742
|
+
"string": { "color": "hsl(95, 38%, 62%)" },
|
|
120743
|
+
"char": { "color": "hsl(95, 38%, 62%)" },
|
|
120744
|
+
"builtin": { "color": "hsl(95, 38%, 62%)" },
|
|
120745
|
+
"inserted": { "color": "hsl(95, 38%, 62%)" },
|
|
120746
|
+
"regex": { "color": "hsl(95, 38%, 62%)" },
|
|
120747
|
+
"attr-value": { "color": "hsl(95, 38%, 62%)" },
|
|
120748
|
+
"attr-value > .token.punctuation": { "color": "hsl(95, 38%, 62%)" },
|
|
120749
|
+
"variable": { "color": "hsl(207, 82%, 66%)" },
|
|
120750
|
+
"operator": { "color": "hsl(207, 82%, 66%)" },
|
|
120751
|
+
"function": { "color": "hsl(207, 82%, 66%)" },
|
|
120752
|
+
"url": { "color": "hsl(187, 47%, 55%)" },
|
|
120753
|
+
"attr-value > .token.punctuation.attr-equals": { "color": "hsl(220, 14%, 71%)" },
|
|
120754
|
+
"special-attr > .token.attr-value > .token.value.css": { "color": "hsl(220, 14%, 71%)" },
|
|
120755
|
+
".language-css .token.selector": { "color": "hsl(355, 65%, 65%)" },
|
|
120756
|
+
".language-css .token.property": { "color": "hsl(220, 14%, 71%)" },
|
|
120757
|
+
".language-css .token.function": { "color": "hsl(187, 47%, 55%)" },
|
|
120758
|
+
".language-css .token.url > .token.function": { "color": "hsl(187, 47%, 55%)" },
|
|
120759
|
+
".language-css .token.url > .token.string.url": { "color": "hsl(95, 38%, 62%)" },
|
|
120760
|
+
".language-css .token.important": { "color": "hsl(286, 60%, 67%)" },
|
|
120761
|
+
".language-css .token.atrule .token.rule": { "color": "hsl(286, 60%, 67%)" },
|
|
120762
|
+
".language-javascript .token.operator": { "color": "hsl(286, 60%, 67%)" },
|
|
120763
|
+
".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation": { "color": "hsl(5, 48%, 51%)" },
|
|
120764
|
+
".language-json .token.operator": { "color": "hsl(220, 14%, 71%)" },
|
|
120765
|
+
".language-json .token.null.keyword": { "color": "hsl(29, 54%, 61%)" },
|
|
120766
|
+
".language-markdown .token.url": { "color": "hsl(220, 14%, 71%)" },
|
|
120767
|
+
".language-markdown .token.url > .token.operator": { "color": "hsl(220, 14%, 71%)" },
|
|
120768
|
+
".language-markdown .token.url-reference.url > .token.string": { "color": "hsl(220, 14%, 71%)" },
|
|
120769
|
+
".language-markdown .token.url > .token.content": { "color": "hsl(207, 82%, 66%)" },
|
|
120770
|
+
".language-markdown .token.url > .token.url": { "color": "hsl(187, 47%, 55%)" },
|
|
120771
|
+
".language-markdown .token.url-reference.url": { "color": "hsl(187, 47%, 55%)" },
|
|
120772
|
+
".language-markdown .token.blockquote.punctuation": {
|
|
120773
|
+
"color": "hsl(220, 10%, 40%)",
|
|
120774
|
+
"fontStyle": "italic"
|
|
120775
|
+
},
|
|
120776
|
+
".language-markdown .token.hr.punctuation": {
|
|
120777
|
+
"color": "hsl(220, 10%, 40%)",
|
|
120778
|
+
"fontStyle": "italic"
|
|
120779
|
+
},
|
|
120780
|
+
".language-markdown .token.code-snippet": { "color": "hsl(95, 38%, 62%)" },
|
|
120781
|
+
".language-markdown .token.bold .token.content": { "color": "hsl(29, 54%, 61%)" },
|
|
120782
|
+
".language-markdown .token.italic .token.content": { "color": "hsl(286, 60%, 67%)" },
|
|
120783
|
+
".language-markdown .token.strike .token.content": { "color": "hsl(355, 65%, 65%)" },
|
|
120784
|
+
".language-markdown .token.strike .token.punctuation": { "color": "hsl(355, 65%, 65%)" },
|
|
120785
|
+
".language-markdown .token.list.punctuation": { "color": "hsl(355, 65%, 65%)" },
|
|
120786
|
+
".language-markdown .token.title.important > .token.punctuation": { "color": "hsl(355, 65%, 65%)" },
|
|
120787
|
+
"bold": { "fontWeight": "bold" },
|
|
120788
|
+
"italic": { "fontStyle": "italic" },
|
|
120789
|
+
"namespace": { "Opacity": "0.8" },
|
|
120790
|
+
"token.tab:not(:empty):before": {
|
|
120791
|
+
"color": "hsla(220, 14%, 71%, 0.15)",
|
|
120792
|
+
"textShadow": "none"
|
|
120793
|
+
},
|
|
120794
|
+
"token.cr:before": {
|
|
120795
|
+
"color": "hsla(220, 14%, 71%, 0.15)",
|
|
120796
|
+
"textShadow": "none"
|
|
120797
|
+
},
|
|
120798
|
+
"token.lf:before": {
|
|
120799
|
+
"color": "hsla(220, 14%, 71%, 0.15)",
|
|
120800
|
+
"textShadow": "none"
|
|
120801
|
+
},
|
|
120802
|
+
"token.space:before": {
|
|
120803
|
+
"color": "hsla(220, 14%, 71%, 0.15)",
|
|
120804
|
+
"textShadow": "none"
|
|
120805
|
+
},
|
|
120806
|
+
"div.code-toolbar > .toolbar.toolbar > .toolbar-item": { "marginRight": "0.4em" },
|
|
120807
|
+
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button": {
|
|
120808
|
+
"background": "hsl(220, 13%, 26%)",
|
|
120809
|
+
"color": "hsl(220, 9%, 55%)",
|
|
120810
|
+
"padding": "0.1em 0.4em",
|
|
120811
|
+
"borderRadius": "0.3em"
|
|
120812
|
+
},
|
|
120813
|
+
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a": {
|
|
120814
|
+
"background": "hsl(220, 13%, 26%)",
|
|
120815
|
+
"color": "hsl(220, 9%, 55%)",
|
|
120816
|
+
"padding": "0.1em 0.4em",
|
|
120817
|
+
"borderRadius": "0.3em"
|
|
120818
|
+
},
|
|
120819
|
+
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span": {
|
|
120820
|
+
"background": "hsl(220, 13%, 26%)",
|
|
120821
|
+
"color": "hsl(220, 9%, 55%)",
|
|
120822
|
+
"padding": "0.1em 0.4em",
|
|
120823
|
+
"borderRadius": "0.3em"
|
|
120824
|
+
},
|
|
120825
|
+
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover": {
|
|
120826
|
+
"background": "hsl(220, 13%, 28%)",
|
|
120827
|
+
"color": "hsl(220, 14%, 71%)"
|
|
120828
|
+
},
|
|
120829
|
+
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus": {
|
|
120830
|
+
"background": "hsl(220, 13%, 28%)",
|
|
120831
|
+
"color": "hsl(220, 14%, 71%)"
|
|
120832
|
+
},
|
|
120833
|
+
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover": {
|
|
120834
|
+
"background": "hsl(220, 13%, 28%)",
|
|
120835
|
+
"color": "hsl(220, 14%, 71%)"
|
|
120836
|
+
},
|
|
120837
|
+
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus": {
|
|
120838
|
+
"background": "hsl(220, 13%, 28%)",
|
|
120839
|
+
"color": "hsl(220, 14%, 71%)"
|
|
120840
|
+
},
|
|
120841
|
+
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover": {
|
|
120842
|
+
"background": "hsl(220, 13%, 28%)",
|
|
120843
|
+
"color": "hsl(220, 14%, 71%)"
|
|
120844
|
+
},
|
|
120845
|
+
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus": {
|
|
120846
|
+
"background": "hsl(220, 13%, 28%)",
|
|
120847
|
+
"color": "hsl(220, 14%, 71%)"
|
|
120848
|
+
},
|
|
120849
|
+
".line-highlight.line-highlight": { "background": "hsla(220, 100%, 80%, 0.04)" },
|
|
120850
|
+
".line-highlight.line-highlight:before": {
|
|
120851
|
+
"background": "hsl(220, 13%, 26%)",
|
|
120852
|
+
"color": "hsl(220, 14%, 71%)",
|
|
120853
|
+
"padding": "0.1em 0.6em",
|
|
120854
|
+
"borderRadius": "0.3em",
|
|
120855
|
+
"boxShadow": "0 2px 0 0 rgba(0, 0, 0, 0.2)"
|
|
120856
|
+
},
|
|
120857
|
+
".line-highlight.line-highlight[data-end]:after": {
|
|
120858
|
+
"background": "hsl(220, 13%, 26%)",
|
|
120859
|
+
"color": "hsl(220, 14%, 71%)",
|
|
120860
|
+
"padding": "0.1em 0.6em",
|
|
120861
|
+
"borderRadius": "0.3em",
|
|
120862
|
+
"boxShadow": "0 2px 0 0 rgba(0, 0, 0, 0.2)"
|
|
120863
|
+
},
|
|
120864
|
+
"pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before": { "backgroundColor": "hsla(220, 100%, 80%, 0.04)" },
|
|
120865
|
+
".line-numbers.line-numbers .line-numbers-rows": { "borderRightColor": "hsla(220, 14%, 71%, 0.15)" },
|
|
120866
|
+
".command-line .command-line-prompt": { "borderRightColor": "hsla(220, 14%, 71%, 0.15)" },
|
|
120867
|
+
".line-numbers .line-numbers-rows > span:before": { "color": "hsl(220, 14%, 45%)" },
|
|
120868
|
+
".command-line .command-line-prompt > span:before": { "color": "hsl(220, 14%, 45%)" },
|
|
120869
|
+
".rainbow-braces .token.token.punctuation.brace-level-1": { "color": "hsl(355, 65%, 65%)" },
|
|
120870
|
+
".rainbow-braces .token.token.punctuation.brace-level-5": { "color": "hsl(355, 65%, 65%)" },
|
|
120871
|
+
".rainbow-braces .token.token.punctuation.brace-level-9": { "color": "hsl(355, 65%, 65%)" },
|
|
120872
|
+
".rainbow-braces .token.token.punctuation.brace-level-2": { "color": "hsl(95, 38%, 62%)" },
|
|
120873
|
+
".rainbow-braces .token.token.punctuation.brace-level-6": { "color": "hsl(95, 38%, 62%)" },
|
|
120874
|
+
".rainbow-braces .token.token.punctuation.brace-level-10": { "color": "hsl(95, 38%, 62%)" },
|
|
120875
|
+
".rainbow-braces .token.token.punctuation.brace-level-3": { "color": "hsl(207, 82%, 66%)" },
|
|
120876
|
+
".rainbow-braces .token.token.punctuation.brace-level-7": { "color": "hsl(207, 82%, 66%)" },
|
|
120877
|
+
".rainbow-braces .token.token.punctuation.brace-level-11": { "color": "hsl(207, 82%, 66%)" },
|
|
120878
|
+
".rainbow-braces .token.token.punctuation.brace-level-4": { "color": "hsl(286, 60%, 67%)" },
|
|
120879
|
+
".rainbow-braces .token.token.punctuation.brace-level-8": { "color": "hsl(286, 60%, 67%)" },
|
|
120880
|
+
".rainbow-braces .token.token.punctuation.brace-level-12": { "color": "hsl(286, 60%, 67%)" },
|
|
120881
|
+
"pre.diff-highlight > code .token.token.deleted:not(.prefix)": { "backgroundColor": "hsla(353, 100%, 66%, 0.15)" },
|
|
120882
|
+
"pre > code.diff-highlight .token.token.deleted:not(.prefix)": { "backgroundColor": "hsla(353, 100%, 66%, 0.15)" },
|
|
120883
|
+
"pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
120884
|
+
"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
120885
|
+
"pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
120886
|
+
"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
120887
|
+
"pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
120888
|
+
"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
120889
|
+
"pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
120890
|
+
"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
120891
|
+
"pre.diff-highlight > code .token.token.inserted:not(.prefix)": { "backgroundColor": "hsla(137, 100%, 55%, 0.15)" },
|
|
120892
|
+
"pre > code.diff-highlight .token.token.inserted:not(.prefix)": { "backgroundColor": "hsla(137, 100%, 55%, 0.15)" },
|
|
120893
|
+
"pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
120894
|
+
"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
120895
|
+
"pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
120896
|
+
"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
120897
|
+
"pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
120898
|
+
"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
120899
|
+
"pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
120900
|
+
"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
120901
|
+
".prism-previewer.prism-previewer:before": { "borderColor": "hsl(224, 13%, 17%)" },
|
|
120902
|
+
".prism-previewer-gradient.prism-previewer-gradient div": {
|
|
120903
|
+
"borderColor": "hsl(224, 13%, 17%)",
|
|
120904
|
+
"borderRadius": "0.3em"
|
|
120905
|
+
},
|
|
120906
|
+
".prism-previewer-color.prism-previewer-color:before": { "borderRadius": "0.3em" },
|
|
120907
|
+
".prism-previewer-easing.prism-previewer-easing:before": { "borderRadius": "0.3em" },
|
|
120908
|
+
".prism-previewer.prism-previewer:after": { "borderTopColor": "hsl(224, 13%, 17%)" },
|
|
120909
|
+
".prism-previewer-flipped.prism-previewer-flipped.after": { "borderBottomColor": "hsl(224, 13%, 17%)" },
|
|
120910
|
+
".prism-previewer-angle.prism-previewer-angle:before": { "background": "hsl(219, 13%, 22%)" },
|
|
120911
|
+
".prism-previewer-time.prism-previewer-time:before": { "background": "hsl(219, 13%, 22%)" },
|
|
120912
|
+
".prism-previewer-easing.prism-previewer-easing": { "background": "hsl(219, 13%, 22%)" },
|
|
120913
|
+
".prism-previewer-angle.prism-previewer-angle circle": {
|
|
120914
|
+
"stroke": "hsl(220, 14%, 71%)",
|
|
120915
|
+
"strokeOpacity": "1"
|
|
120916
|
+
},
|
|
120917
|
+
".prism-previewer-time.prism-previewer-time circle": {
|
|
120918
|
+
"stroke": "hsl(220, 14%, 71%)",
|
|
120919
|
+
"strokeOpacity": "1"
|
|
120920
|
+
},
|
|
120921
|
+
".prism-previewer-easing.prism-previewer-easing circle": {
|
|
120922
|
+
"stroke": "hsl(220, 14%, 71%)",
|
|
120923
|
+
"fill": "transparent"
|
|
120924
|
+
},
|
|
120925
|
+
".prism-previewer-easing.prism-previewer-easing path": { "stroke": "hsl(220, 14%, 71%)" },
|
|
120926
|
+
".prism-previewer-easing.prism-previewer-easing line": { "stroke": "hsl(220, 14%, 71%)" }
|
|
120927
|
+
};
|
|
120928
|
+
var one_light_default = {
|
|
120929
|
+
"code[class*=\"language-\"]": {
|
|
120930
|
+
"background": "hsl(230, 1%, 98%)",
|
|
120931
|
+
"color": "hsl(230, 8%, 24%)",
|
|
120932
|
+
"fontFamily": "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
|
|
120933
|
+
"direction": "ltr",
|
|
120934
|
+
"textAlign": "left",
|
|
120935
|
+
"whiteSpace": "pre",
|
|
120936
|
+
"wordSpacing": "normal",
|
|
120937
|
+
"wordBreak": "normal",
|
|
120938
|
+
"lineHeight": "1.5",
|
|
120939
|
+
"MozTabSize": "2",
|
|
120940
|
+
"OTabSize": "2",
|
|
120941
|
+
"tabSize": "2",
|
|
120942
|
+
"WebkitHyphens": "none",
|
|
120943
|
+
"MozHyphens": "none",
|
|
120944
|
+
"msHyphens": "none",
|
|
120945
|
+
"hyphens": "none"
|
|
120946
|
+
},
|
|
120947
|
+
"pre[class*=\"language-\"]": {
|
|
120948
|
+
"background": "hsl(230, 1%, 98%)",
|
|
120949
|
+
"color": "hsl(230, 8%, 24%)",
|
|
120950
|
+
"fontFamily": "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
|
|
120951
|
+
"direction": "ltr",
|
|
120952
|
+
"textAlign": "left",
|
|
120953
|
+
"whiteSpace": "pre",
|
|
120954
|
+
"wordSpacing": "normal",
|
|
120955
|
+
"wordBreak": "normal",
|
|
120956
|
+
"lineHeight": "1.5",
|
|
120957
|
+
"MozTabSize": "2",
|
|
120958
|
+
"OTabSize": "2",
|
|
120959
|
+
"tabSize": "2",
|
|
120960
|
+
"WebkitHyphens": "none",
|
|
120961
|
+
"MozHyphens": "none",
|
|
120962
|
+
"msHyphens": "none",
|
|
120963
|
+
"hyphens": "none",
|
|
120964
|
+
"padding": "1em",
|
|
120965
|
+
"margin": "0.5em 0",
|
|
120966
|
+
"overflow": "auto",
|
|
120967
|
+
"borderRadius": "0.3em"
|
|
120968
|
+
},
|
|
120969
|
+
"code[class*=\"language-\"]::-moz-selection": {
|
|
120970
|
+
"background": "hsl(230, 1%, 90%)",
|
|
120971
|
+
"color": "inherit"
|
|
120972
|
+
},
|
|
120973
|
+
"code[class*=\"language-\"] *::-moz-selection": {
|
|
120974
|
+
"background": "hsl(230, 1%, 90%)",
|
|
120975
|
+
"color": "inherit"
|
|
120976
|
+
},
|
|
120977
|
+
"pre[class*=\"language-\"] *::-moz-selection": {
|
|
120978
|
+
"background": "hsl(230, 1%, 90%)",
|
|
120979
|
+
"color": "inherit"
|
|
120980
|
+
},
|
|
120981
|
+
"code[class*=\"language-\"]::selection": {
|
|
120982
|
+
"background": "hsl(230, 1%, 90%)",
|
|
120983
|
+
"color": "inherit"
|
|
120984
|
+
},
|
|
120985
|
+
"code[class*=\"language-\"] *::selection": {
|
|
120986
|
+
"background": "hsl(230, 1%, 90%)",
|
|
120987
|
+
"color": "inherit"
|
|
120988
|
+
},
|
|
120989
|
+
"pre[class*=\"language-\"] *::selection": {
|
|
120990
|
+
"background": "hsl(230, 1%, 90%)",
|
|
120991
|
+
"color": "inherit"
|
|
120992
|
+
},
|
|
120993
|
+
":not(pre) > code[class*=\"language-\"]": {
|
|
120994
|
+
"padding": "0.2em 0.3em",
|
|
120995
|
+
"borderRadius": "0.3em",
|
|
120996
|
+
"whiteSpace": "normal"
|
|
120997
|
+
},
|
|
120998
|
+
"comment": {
|
|
120999
|
+
"color": "hsl(230, 4%, 64%)",
|
|
121000
|
+
"fontStyle": "italic"
|
|
121001
|
+
},
|
|
121002
|
+
"prolog": { "color": "hsl(230, 4%, 64%)" },
|
|
121003
|
+
"cdata": { "color": "hsl(230, 4%, 64%)" },
|
|
121004
|
+
"doctype": { "color": "hsl(230, 8%, 24%)" },
|
|
121005
|
+
"punctuation": { "color": "hsl(230, 8%, 24%)" },
|
|
121006
|
+
"entity": {
|
|
121007
|
+
"color": "hsl(230, 8%, 24%)",
|
|
121008
|
+
"cursor": "help"
|
|
121009
|
+
},
|
|
121010
|
+
"attr-name": { "color": "hsl(35, 99%, 36%)" },
|
|
121011
|
+
"class-name": { "color": "hsl(35, 99%, 36%)" },
|
|
121012
|
+
"boolean": { "color": "hsl(35, 99%, 36%)" },
|
|
121013
|
+
"constant": { "color": "hsl(35, 99%, 36%)" },
|
|
121014
|
+
"number": { "color": "hsl(35, 99%, 36%)" },
|
|
121015
|
+
"atrule": { "color": "hsl(35, 99%, 36%)" },
|
|
121016
|
+
"keyword": { "color": "hsl(301, 63%, 40%)" },
|
|
121017
|
+
"property": { "color": "hsl(5, 74%, 59%)" },
|
|
121018
|
+
"tag": { "color": "hsl(5, 74%, 59%)" },
|
|
121019
|
+
"symbol": { "color": "hsl(5, 74%, 59%)" },
|
|
121020
|
+
"deleted": { "color": "hsl(5, 74%, 59%)" },
|
|
121021
|
+
"important": { "color": "hsl(5, 74%, 59%)" },
|
|
121022
|
+
"selector": { "color": "hsl(119, 34%, 47%)" },
|
|
121023
|
+
"string": { "color": "hsl(119, 34%, 47%)" },
|
|
121024
|
+
"char": { "color": "hsl(119, 34%, 47%)" },
|
|
121025
|
+
"builtin": { "color": "hsl(119, 34%, 47%)" },
|
|
121026
|
+
"inserted": { "color": "hsl(119, 34%, 47%)" },
|
|
121027
|
+
"regex": { "color": "hsl(119, 34%, 47%)" },
|
|
121028
|
+
"attr-value": { "color": "hsl(119, 34%, 47%)" },
|
|
121029
|
+
"attr-value > .token.punctuation": { "color": "hsl(119, 34%, 47%)" },
|
|
121030
|
+
"variable": { "color": "hsl(221, 87%, 60%)" },
|
|
121031
|
+
"operator": { "color": "hsl(221, 87%, 60%)" },
|
|
121032
|
+
"function": { "color": "hsl(221, 87%, 60%)" },
|
|
121033
|
+
"url": { "color": "hsl(198, 99%, 37%)" },
|
|
121034
|
+
"attr-value > .token.punctuation.attr-equals": { "color": "hsl(230, 8%, 24%)" },
|
|
121035
|
+
"special-attr > .token.attr-value > .token.value.css": { "color": "hsl(230, 8%, 24%)" },
|
|
121036
|
+
".language-css .token.selector": { "color": "hsl(5, 74%, 59%)" },
|
|
121037
|
+
".language-css .token.property": { "color": "hsl(230, 8%, 24%)" },
|
|
121038
|
+
".language-css .token.function": { "color": "hsl(198, 99%, 37%)" },
|
|
121039
|
+
".language-css .token.url > .token.function": { "color": "hsl(198, 99%, 37%)" },
|
|
121040
|
+
".language-css .token.url > .token.string.url": { "color": "hsl(119, 34%, 47%)" },
|
|
121041
|
+
".language-css .token.important": { "color": "hsl(301, 63%, 40%)" },
|
|
121042
|
+
".language-css .token.atrule .token.rule": { "color": "hsl(301, 63%, 40%)" },
|
|
121043
|
+
".language-javascript .token.operator": { "color": "hsl(301, 63%, 40%)" },
|
|
121044
|
+
".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation": { "color": "hsl(344, 84%, 43%)" },
|
|
121045
|
+
".language-json .token.operator": { "color": "hsl(230, 8%, 24%)" },
|
|
121046
|
+
".language-json .token.null.keyword": { "color": "hsl(35, 99%, 36%)" },
|
|
121047
|
+
".language-markdown .token.url": { "color": "hsl(230, 8%, 24%)" },
|
|
121048
|
+
".language-markdown .token.url > .token.operator": { "color": "hsl(230, 8%, 24%)" },
|
|
121049
|
+
".language-markdown .token.url-reference.url > .token.string": { "color": "hsl(230, 8%, 24%)" },
|
|
121050
|
+
".language-markdown .token.url > .token.content": { "color": "hsl(221, 87%, 60%)" },
|
|
121051
|
+
".language-markdown .token.url > .token.url": { "color": "hsl(198, 99%, 37%)" },
|
|
121052
|
+
".language-markdown .token.url-reference.url": { "color": "hsl(198, 99%, 37%)" },
|
|
121053
|
+
".language-markdown .token.blockquote.punctuation": {
|
|
121054
|
+
"color": "hsl(230, 4%, 64%)",
|
|
121055
|
+
"fontStyle": "italic"
|
|
121056
|
+
},
|
|
121057
|
+
".language-markdown .token.hr.punctuation": {
|
|
121058
|
+
"color": "hsl(230, 4%, 64%)",
|
|
121059
|
+
"fontStyle": "italic"
|
|
121060
|
+
},
|
|
121061
|
+
".language-markdown .token.code-snippet": { "color": "hsl(119, 34%, 47%)" },
|
|
121062
|
+
".language-markdown .token.bold .token.content": { "color": "hsl(35, 99%, 36%)" },
|
|
121063
|
+
".language-markdown .token.italic .token.content": { "color": "hsl(301, 63%, 40%)" },
|
|
121064
|
+
".language-markdown .token.strike .token.content": { "color": "hsl(5, 74%, 59%)" },
|
|
121065
|
+
".language-markdown .token.strike .token.punctuation": { "color": "hsl(5, 74%, 59%)" },
|
|
121066
|
+
".language-markdown .token.list.punctuation": { "color": "hsl(5, 74%, 59%)" },
|
|
121067
|
+
".language-markdown .token.title.important > .token.punctuation": { "color": "hsl(5, 74%, 59%)" },
|
|
121068
|
+
"bold": { "fontWeight": "bold" },
|
|
121069
|
+
"italic": { "fontStyle": "italic" },
|
|
121070
|
+
"namespace": { "Opacity": "0.8" },
|
|
121071
|
+
"token.tab:not(:empty):before": { "color": "hsla(230, 8%, 24%, 0.2)" },
|
|
121072
|
+
"token.cr:before": { "color": "hsla(230, 8%, 24%, 0.2)" },
|
|
121073
|
+
"token.lf:before": { "color": "hsla(230, 8%, 24%, 0.2)" },
|
|
121074
|
+
"token.space:before": { "color": "hsla(230, 8%, 24%, 0.2)" },
|
|
121075
|
+
"div.code-toolbar > .toolbar.toolbar > .toolbar-item": { "marginRight": "0.4em" },
|
|
121076
|
+
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button": {
|
|
121077
|
+
"background": "hsl(230, 1%, 90%)",
|
|
121078
|
+
"color": "hsl(230, 6%, 44%)",
|
|
121079
|
+
"padding": "0.1em 0.4em",
|
|
121080
|
+
"borderRadius": "0.3em"
|
|
121081
|
+
},
|
|
121082
|
+
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a": {
|
|
121083
|
+
"background": "hsl(230, 1%, 90%)",
|
|
121084
|
+
"color": "hsl(230, 6%, 44%)",
|
|
121085
|
+
"padding": "0.1em 0.4em",
|
|
121086
|
+
"borderRadius": "0.3em"
|
|
121087
|
+
},
|
|
121088
|
+
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span": {
|
|
121089
|
+
"background": "hsl(230, 1%, 90%)",
|
|
121090
|
+
"color": "hsl(230, 6%, 44%)",
|
|
121091
|
+
"padding": "0.1em 0.4em",
|
|
121092
|
+
"borderRadius": "0.3em"
|
|
121093
|
+
},
|
|
121094
|
+
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover": {
|
|
121095
|
+
"background": "hsl(230, 1%, 78%)",
|
|
121096
|
+
"color": "hsl(230, 8%, 24%)"
|
|
121097
|
+
},
|
|
121098
|
+
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus": {
|
|
121099
|
+
"background": "hsl(230, 1%, 78%)",
|
|
121100
|
+
"color": "hsl(230, 8%, 24%)"
|
|
121101
|
+
},
|
|
121102
|
+
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover": {
|
|
121103
|
+
"background": "hsl(230, 1%, 78%)",
|
|
121104
|
+
"color": "hsl(230, 8%, 24%)"
|
|
121105
|
+
},
|
|
121106
|
+
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus": {
|
|
121107
|
+
"background": "hsl(230, 1%, 78%)",
|
|
121108
|
+
"color": "hsl(230, 8%, 24%)"
|
|
121109
|
+
},
|
|
121110
|
+
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover": {
|
|
121111
|
+
"background": "hsl(230, 1%, 78%)",
|
|
121112
|
+
"color": "hsl(230, 8%, 24%)"
|
|
121113
|
+
},
|
|
121114
|
+
"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus": {
|
|
121115
|
+
"background": "hsl(230, 1%, 78%)",
|
|
121116
|
+
"color": "hsl(230, 8%, 24%)"
|
|
121117
|
+
},
|
|
121118
|
+
".line-highlight.line-highlight": { "background": "hsla(230, 8%, 24%, 0.05)" },
|
|
121119
|
+
".line-highlight.line-highlight:before": {
|
|
121120
|
+
"background": "hsl(230, 1%, 90%)",
|
|
121121
|
+
"color": "hsl(230, 8%, 24%)",
|
|
121122
|
+
"padding": "0.1em 0.6em",
|
|
121123
|
+
"borderRadius": "0.3em",
|
|
121124
|
+
"boxShadow": "0 2px 0 0 rgba(0, 0, 0, 0.2)"
|
|
121125
|
+
},
|
|
121126
|
+
".line-highlight.line-highlight[data-end]:after": {
|
|
121127
|
+
"background": "hsl(230, 1%, 90%)",
|
|
121128
|
+
"color": "hsl(230, 8%, 24%)",
|
|
121129
|
+
"padding": "0.1em 0.6em",
|
|
121130
|
+
"borderRadius": "0.3em",
|
|
121131
|
+
"boxShadow": "0 2px 0 0 rgba(0, 0, 0, 0.2)"
|
|
121132
|
+
},
|
|
121133
|
+
"pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before": { "backgroundColor": "hsla(230, 8%, 24%, 0.05)" },
|
|
121134
|
+
".line-numbers.line-numbers .line-numbers-rows": { "borderRightColor": "hsla(230, 8%, 24%, 0.2)" },
|
|
121135
|
+
".command-line .command-line-prompt": { "borderRightColor": "hsla(230, 8%, 24%, 0.2)" },
|
|
121136
|
+
".line-numbers .line-numbers-rows > span:before": { "color": "hsl(230, 1%, 62%)" },
|
|
121137
|
+
".command-line .command-line-prompt > span:before": { "color": "hsl(230, 1%, 62%)" },
|
|
121138
|
+
".rainbow-braces .token.token.punctuation.brace-level-1": { "color": "hsl(5, 74%, 59%)" },
|
|
121139
|
+
".rainbow-braces .token.token.punctuation.brace-level-5": { "color": "hsl(5, 74%, 59%)" },
|
|
121140
|
+
".rainbow-braces .token.token.punctuation.brace-level-9": { "color": "hsl(5, 74%, 59%)" },
|
|
121141
|
+
".rainbow-braces .token.token.punctuation.brace-level-2": { "color": "hsl(119, 34%, 47%)" },
|
|
121142
|
+
".rainbow-braces .token.token.punctuation.brace-level-6": { "color": "hsl(119, 34%, 47%)" },
|
|
121143
|
+
".rainbow-braces .token.token.punctuation.brace-level-10": { "color": "hsl(119, 34%, 47%)" },
|
|
121144
|
+
".rainbow-braces .token.token.punctuation.brace-level-3": { "color": "hsl(221, 87%, 60%)" },
|
|
121145
|
+
".rainbow-braces .token.token.punctuation.brace-level-7": { "color": "hsl(221, 87%, 60%)" },
|
|
121146
|
+
".rainbow-braces .token.token.punctuation.brace-level-11": { "color": "hsl(221, 87%, 60%)" },
|
|
121147
|
+
".rainbow-braces .token.token.punctuation.brace-level-4": { "color": "hsl(301, 63%, 40%)" },
|
|
121148
|
+
".rainbow-braces .token.token.punctuation.brace-level-8": { "color": "hsl(301, 63%, 40%)" },
|
|
121149
|
+
".rainbow-braces .token.token.punctuation.brace-level-12": { "color": "hsl(301, 63%, 40%)" },
|
|
121150
|
+
"pre.diff-highlight > code .token.token.deleted:not(.prefix)": { "backgroundColor": "hsla(353, 100%, 66%, 0.15)" },
|
|
121151
|
+
"pre > code.diff-highlight .token.token.deleted:not(.prefix)": { "backgroundColor": "hsla(353, 100%, 66%, 0.15)" },
|
|
121152
|
+
"pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
121153
|
+
"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
121154
|
+
"pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
121155
|
+
"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
121156
|
+
"pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
121157
|
+
"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
121158
|
+
"pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
121159
|
+
"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
|
|
121160
|
+
"pre.diff-highlight > code .token.token.inserted:not(.prefix)": { "backgroundColor": "hsla(137, 100%, 55%, 0.15)" },
|
|
121161
|
+
"pre > code.diff-highlight .token.token.inserted:not(.prefix)": { "backgroundColor": "hsla(137, 100%, 55%, 0.15)" },
|
|
121162
|
+
"pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
121163
|
+
"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
121164
|
+
"pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
121165
|
+
"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
121166
|
+
"pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
121167
|
+
"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
121168
|
+
"pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
121169
|
+
"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
|
|
121170
|
+
".prism-previewer.prism-previewer:before": { "borderColor": "hsl(0, 0, 95%)" },
|
|
121171
|
+
".prism-previewer-gradient.prism-previewer-gradient div": {
|
|
121172
|
+
"borderColor": "hsl(0, 0, 95%)",
|
|
121173
|
+
"borderRadius": "0.3em"
|
|
121174
|
+
},
|
|
121175
|
+
".prism-previewer-color.prism-previewer-color:before": { "borderRadius": "0.3em" },
|
|
121176
|
+
".prism-previewer-easing.prism-previewer-easing:before": { "borderRadius": "0.3em" },
|
|
121177
|
+
".prism-previewer.prism-previewer:after": { "borderTopColor": "hsl(0, 0, 95%)" },
|
|
121178
|
+
".prism-previewer-flipped.prism-previewer-flipped.after": { "borderBottomColor": "hsl(0, 0, 95%)" },
|
|
121179
|
+
".prism-previewer-angle.prism-previewer-angle:before": { "background": "hsl(0, 0%, 100%)" },
|
|
121180
|
+
".prism-previewer-time.prism-previewer-time:before": { "background": "hsl(0, 0%, 100%)" },
|
|
121181
|
+
".prism-previewer-easing.prism-previewer-easing": { "background": "hsl(0, 0%, 100%)" },
|
|
121182
|
+
".prism-previewer-angle.prism-previewer-angle circle": {
|
|
121183
|
+
"stroke": "hsl(230, 8%, 24%)",
|
|
121184
|
+
"strokeOpacity": "1"
|
|
121185
|
+
},
|
|
121186
|
+
".prism-previewer-time.prism-previewer-time circle": {
|
|
121187
|
+
"stroke": "hsl(230, 8%, 24%)",
|
|
121188
|
+
"strokeOpacity": "1"
|
|
121189
|
+
},
|
|
121190
|
+
".prism-previewer-easing.prism-previewer-easing circle": {
|
|
121191
|
+
"stroke": "hsl(230, 8%, 24%)",
|
|
121192
|
+
"fill": "transparent"
|
|
121193
|
+
},
|
|
121194
|
+
".prism-previewer-easing.prism-previewer-easing path": { "stroke": "hsl(230, 8%, 24%)" },
|
|
121195
|
+
".prism-previewer-easing.prism-previewer-easing line": { "stroke": "hsl(230, 8%, 24%)" }
|
|
121196
|
+
};
|
|
121197
|
+
/** react-syntax-highlighter 顶层 token 键(comment/punctuation/attr-name…);其余是容器选择器键 */
|
|
121198
|
+
const TOKEN_KEY = /^[a-z][a-z-]*$/;
|
|
121199
|
+
/**
|
|
121200
|
+
* 把主题对象的每个 color 替换为 CSS 变量引用:
|
|
121201
|
+
* - token 键(punctuation/string/attr-name…)→ `var(--code-<token>)`
|
|
121202
|
+
* - 容器选择器键(code[]/pre[]/selection…)→ `var(--code-base)`
|
|
121203
|
+
*
|
|
121204
|
+
* token 内联的是 var 引用而非固定色值;主题切换时 CSS 变量在元素上动态重求值,
|
|
121205
|
+
* **已渲染的旧代码块无需重挂载即可跟随**(0.9.0 分册 13,UX-01 根因修复)。
|
|
121206
|
+
* 色值本体由 theme.css 的 `--code-*`(浅/深两套)持有——单一来源。
|
|
121207
|
+
*/
|
|
121208
|
+
function toVarTheme(theme) {
|
|
121209
|
+
const out = {};
|
|
121210
|
+
for (const [key, rule] of Object.entries(theme)) {
|
|
121211
|
+
const next = { ...rule };
|
|
121212
|
+
if (typeof next.color === "string") next.color = `var(${TOKEN_KEY.test(key) ? `--code-${key}` : "--code-base"})`;
|
|
121213
|
+
out[key] = next;
|
|
120265
121214
|
}
|
|
121215
|
+
return out;
|
|
121216
|
+
}
|
|
121217
|
+
/**
|
|
121218
|
+
* 全站唯一的代码高亮主题对。引用相等是验收判据(AC-19.8),不导出到包外。
|
|
121219
|
+
* token 色值一律 `var(--code-*)`(CSS 变量,见 theme.css),不烘焙固定色值。
|
|
121220
|
+
*/
|
|
121221
|
+
const PRISM_THEME = {
|
|
121222
|
+
dark: toVarTheme(one_dark_default),
|
|
121223
|
+
light: toVarTheme(one_light_default)
|
|
120266
121224
|
};
|
|
120267
|
-
|
|
121225
|
+
/**
|
|
121226
|
+
* token → CSS 变量名(chat 侧用);与 theme.css 的 `--code-*` 一一对应。
|
|
121227
|
+
* 单一来源:Monaco 主题与 Prism 都从这里取变量名,不许手写(AC-G10)。
|
|
121228
|
+
* @stable
|
|
121229
|
+
*/
|
|
121230
|
+
const CODE_TOKEN_VARS = Object.fromEntries(Object.keys(PRISM_THEME.light).filter((key) => TOKEN_KEY.test(key)).map((key) => [key, `--code-${key}`]));
|
|
121231
|
+
function CodeBlock$1({ node: _node, className, children, ...rest }) {
|
|
120268
121232
|
const [dark, themeRef] = useDarkAncestor();
|
|
120269
121233
|
const language = resolveLanguage(/language-(\w+)/.exec(className ?? "")?.[1]);
|
|
120270
121234
|
if (language) return /* @__PURE__ */ jsxs("div", {
|
|
120271
121235
|
ref: themeRef,
|
|
120272
|
-
className: "my-3 overflow-hidden rounded-card border border-border",
|
|
121236
|
+
className: "my-3 overflow-hidden rounded-card border border-border bg-card",
|
|
120273
121237
|
children: [/* @__PURE__ */ jsx("div", {
|
|
120274
121238
|
className: "border-b border-border bg-subtle px-3 py-1.5 font-mono text-xs text-muted",
|
|
120275
121239
|
children: language
|
|
@@ -120298,7 +121262,7 @@ function Markdown({ children, className = "" }) {
|
|
|
120298
121262
|
className: `text-sm leading-6 text-ink ${className}`,
|
|
120299
121263
|
children: /* @__PURE__ */ jsx(Markdown$1, {
|
|
120300
121264
|
components: {
|
|
120301
|
-
code: CodeBlock,
|
|
121265
|
+
code: CodeBlock$1,
|
|
120302
121266
|
p: ({ node: _node, ...props }) => /* @__PURE__ */ jsx("p", {
|
|
120303
121267
|
className: "my-2",
|
|
120304
121268
|
...props
|
|
@@ -122600,7 +123564,7 @@ function u(n, o, u) {
|
|
|
122600
123564
|
}
|
|
122601
123565
|
|
|
122602
123566
|
//#endregion
|
|
122603
|
-
//#region ../ui-react/dist/catalogComponents-
|
|
123567
|
+
//#region ../ui-react/dist/catalogComponents-DTcYfpLQ.js
|
|
122604
123568
|
/** echarts 挂载点:surface 图表与 catalog 声明树的 Chart 节点共用,实现在 `@webskill/ui`,与 A2UI 档同一份 */
|
|
122605
123569
|
function EChart({ chart }) {
|
|
122606
123570
|
const containerRef = useRef(null);
|
|
@@ -122975,6 +123939,7 @@ function SurfaceField({ form, props, scope, binding }) {
|
|
|
122975
123939
|
const labelId = `webskill-surface-${form.surfaceId}-${key}-label`;
|
|
122976
123940
|
const options = Array.isArray(props["options"]) ? props["options"] : [];
|
|
122977
123941
|
const suggestion = props["suggestion"];
|
|
123942
|
+
const texts = useSurfaceFormTexts();
|
|
122978
123943
|
/**
|
|
122979
123944
|
* 控件的机器可读锚点:宿主与测试据此定位字段,不依赖标签文案。
|
|
122980
123945
|
* 它必须落在**控件**上而不是外壳上——挂到 Field 外壳会让全仓表单定位机制断掉。
|
|
@@ -123044,6 +124009,7 @@ function SurfaceField({ form, props, scope, binding }) {
|
|
|
123044
124009
|
id: key,
|
|
123045
124010
|
...anchor,
|
|
123046
124011
|
type: "file",
|
|
124012
|
+
className: "w-full cursor-pointer rounded-md border border-input bg-surface px-3 py-2 text-sm text-muted shadow-xs transition-colors outline-none file:mr-3 file:cursor-pointer file:rounded-md file:border-0 file:bg-primary file:px-3 file:py-1 file:text-sm file:font-medium file:text-primary-foreground hover:file:bg-primary/90 focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/20 disabled:cursor-not-allowed disabled:opacity-50",
|
|
123047
124013
|
onChange: (event) => setValue(event.target.files?.[0]?.name ?? "")
|
|
123048
124014
|
});
|
|
123049
124015
|
return /* @__PURE__ */ jsx(Input, {
|
|
@@ -123069,7 +124035,11 @@ function SurfaceField({ form, props, scope, binding }) {
|
|
|
123069
124035
|
"data-webskill-suggestion": key,
|
|
123070
124036
|
className: "flex items-center gap-2 text-xs text-muted",
|
|
123071
124037
|
children: [
|
|
123072
|
-
/* @__PURE__ */ jsxs("span", { children: [
|
|
124038
|
+
/* @__PURE__ */ jsxs("span", { children: [
|
|
124039
|
+
texts.suggested,
|
|
124040
|
+
" ",
|
|
124041
|
+
String(suggestion.value)
|
|
124042
|
+
] }),
|
|
123073
124043
|
suggestion.reason ? /* @__PURE__ */ jsxs("span", { children: [
|
|
123074
124044
|
"(",
|
|
123075
124045
|
suggestion.reason,
|
|
@@ -123080,7 +124050,7 @@ function SurfaceField({ form, props, scope, binding }) {
|
|
|
123080
124050
|
"data-webskill-suggestion-use": key,
|
|
123081
124051
|
onClick: () => setValue(suggestion.value),
|
|
123082
124052
|
className: "rounded-md border border-border px-2 py-0.5 text-ink transition-colors hover:bg-accent",
|
|
123083
|
-
children:
|
|
124053
|
+
children: texts.useSuggestion
|
|
123084
124054
|
})
|
|
123085
124055
|
]
|
|
123086
124056
|
}) : null,
|
|
@@ -123396,7 +124366,7 @@ const catalogComponentImpls = {
|
|
|
123396
124366
|
children
|
|
123397
124367
|
}),
|
|
123398
124368
|
Card: ({ props, children }) => /* @__PURE__ */ jsxs("section", {
|
|
123399
|
-
className: "flex flex-col gap-2 rounded-lg border border-border bg-card p-3",
|
|
124369
|
+
className: "webskill-spec-card flex flex-col gap-2 rounded-lg border border-border bg-card p-3",
|
|
123400
124370
|
children: [
|
|
123401
124371
|
/* @__PURE__ */ jsx("h3", {
|
|
123402
124372
|
className: "text-sm font-semibold text-ink",
|