@class-kit/vue 0.1.2 → 0.1.3

package/dist/index.js

@@ -1,6 +1,6 @@
-import { defineComponent, ref, watch, h, inject, shallowRef, onBeforeUnmount, onMounted, provide, computed, Teleport, nextTick } from 'vue';
-import { configureClassComponents, ToastManager, FormController, getClassComponentsLocale, PasswordInputController, ColorPickerController, DatePickerController, DateRangePickerController, ChatTextareaController, VerificationCodeController, SlideCaptchaController, VirtualSelectController, VirtualListController, RollingNumberController, CountdownController, CalendarController, TypewriterTextController, DesignEffectController, GradientTextController, LazyImageController, TiltCardController, OrbitalSphereController, HeightTransitionController, CodePreviewController, VideoPlayerController, VideoDetailTransitionController, FilePreviewController, CanvasEditorController, ProgressController, SignatureController, TimelineController, DragController, DropController, GestureController, FloatingBallController, MultiColumnPickerController, SwiperController, MasonryVirtualListController, ChatVirtualListController, BadgeController, TagController, SkeletonController, BreadcrumbController, MenuController, PaginationController, BacktopController, ModalController, PopupController, TooltipController, TabsController, TableController, UploadController, NovelReaderController, ComicReaderController, DanmakuController, LiveRoomController, AffixController, CanvasImageController, MarqueeController, getSafeTooltipPlacement } from '@class-kit/core';
-export { AffixController, BacktopController, BadgeController, BreadcrumbController, CalendarController, CanvasEditorController, CanvasImageController, ChatVirtualListController, CodePreviewController, ColorPickerController, ComicReaderController, CountdownController, DanmakuController, DatePickerController, DateRangePickerController, DesignEffectController, DragController, DropController, FilePreviewController, FloatingBallController, FormController, GestureController, GradientTextController, HeightTransitionController, LazyImageController, LiveRoomController, MasonryVirtualListController, MenuController, ModalController, MultiColumnPickerController, NovelReaderController, OrbitalSphereController, PaginationController, PasswordInputController, PopupController, ProgressController, SignatureController, SkeletonController, SlideCaptchaController, SwiperController, TableController, TabsController, TagController, TiltCardController, TimelineController, ToastManager, TooltipController, TypewriterTextController, UploadController, VerificationCodeController, VideoDetailTransitionController, VideoPlayerController, VirtualListController, VirtualSelectController, configureClassComponents, getClassComponentsConfig, getClassComponentsLocale, resetClassComponentsConfig } from '@class-kit/core';
+import { defineComponent, ref, watch, onBeforeUnmount, h, inject, shallowRef, onMounted, provide, computed, Teleport, nextTick } from 'vue';
+import { configureClassComponents, ToastManager, FormController, getClassComponentsLocale, PasswordInputController, ColorPickerController, DatePickerController, DateRangePickerController, ChatTextareaController, VerificationCodeController, SlideCaptchaController, VirtualSelectController, VirtualListController, RollingNumberController, CountdownController, CalendarController, TypewriterTextController, DesignEffectController, GradientTextController, LazyImageController, TiltCardController, OrbitalSphereController, HeightTransitionController, WidthTransitionController, ThemeBoxController, CodePreviewController, VideoPlayerController, VideoDetailTransitionController, FilePreviewController, CanvasEditorController, ProgressController, SignatureController, TimelineController, DragController, DropController, GestureController, FloatingBallController, MultiColumnPickerController, SwiperController, MasonryVirtualListController, ChatVirtualListController, BadgeController, TagController, SkeletonController, BreadcrumbController, MenuController, PaginationController, BacktopController, ModalController, PopupController, TooltipController, TabsController, TableController, UploadController, NovelReaderController, ComicReaderController, DanmakuController, LiveRoomController, AffixController, CanvasImageController, MarqueeController, getSafeTooltipPlacement } from '@class-kit/core';
+export { AffixController, BacktopController, BadgeController, BreadcrumbController, CalendarController, CanvasEditorController, CanvasImageController, ChatVirtualListController, CodePreviewController, ColorPickerController, ComicReaderController, CountdownController, DanmakuController, DatePickerController, DateRangePickerController, DesignEffectController, DragController, DropController, FilePreviewController, FloatingBallController, FormController, GestureController, GradientTextController, HeightTransitionController, LazyImageController, LiveRoomController, MasonryVirtualListController, MenuController, ModalController, MultiColumnPickerController, NovelReaderController, OrbitalSphereController, PaginationController, PasswordInputController, PopupController, ProgressController, SignatureController, SkeletonController, SlideCaptchaController, SwiperController, TableController, TabsController, TagController, ThemeBoxController, TiltCardController, TimelineController, ToastManager, TooltipController, TypewriterTextController, UploadController, VerificationCodeController, VideoDetailTransitionController, VideoPlayerController, VirtualListController, VirtualSelectController, WidthTransitionController, configureClassComponents, getClassComponentsConfig, getClassComponentsLocale, resetClassComponentsConfig } from '@class-kit/core';
 
 const formSymbol = /*#__PURE__*/ Symbol("ClassComponentsForm");
 const formInteractivitySymbol = /*#__PURE__*/ Symbol("ClassComponentsFormInteractivity");
@@ -22,6 +22,21 @@ const classIconPaths = {
     ],
     x: ["M18 6 6 18", "M6 6l12 12"],
 };
+function getClassKitGlobal() {
+    if (typeof window !== "undefined") {
+        return window;
+    }
+    if (typeof self !== "undefined") {
+        return self;
+    }
+    return null;
+}
+async function writeClipboardText(text) {
+    const clipboard = typeof navigator !== "undefined" ? navigator.clipboard : undefined;
+    if (clipboard && typeof clipboard.writeText === "function") {
+        await clipboard.writeText(text);
+    }
+}
 function classIcon(name, className = "cc-icon") {
     return h("svg", {
         "aria-hidden": "true",
@@ -38,13 +53,37 @@ function classIcon(name, className = "cc-icon") {
     })));
 }
 function resolveClassKitThemeName(theme) {
+    var _a;
     if (typeof theme === "string")
         return theme;
-    return theme?.name ?? "minimal";
+    return (_a = theme === null || theme === void 0 ? void 0 : theme.name) !== null && _a !== void 0 ? _a : "minimal";
+}
+function applyDocumentTheme(themeName) {
+    if (typeof document === "undefined")
+        return undefined;
+    const root = document.documentElement;
+    const previousTheme = root.getAttribute("data-cc-theme");
+    const previousPage = root.getAttribute("data-cc-theme-page");
+    root.setAttribute("data-cc-theme", themeName);
+    root.setAttribute("data-cc-theme-page", "true");
+    return () => {
+        if (previousTheme === null)
+            root.removeAttribute("data-cc-theme");
+        else
+            root.setAttribute("data-cc-theme", previousTheme);
+        if (previousPage === null)
+            root.removeAttribute("data-cc-theme-page");
+        else
+            root.setAttribute("data-cc-theme-page", previousPage);
+    };
 }
 const ClassConfigProvider = defineComponent({
     name: "ClassConfigProvider",
     props: {
+        applyGlobalTheme: {
+            type: Boolean,
+            default: true,
+        },
         class: {
             type: String,
             default: "",
@@ -64,6 +103,7 @@ const ClassConfigProvider = defineComponent({
     },
     setup(props, { slots }) {
         const version = ref(0);
+        let restoreDocumentTheme;
         const applyConfig = () => {
             configureClassComponents({
                 locale: props.locale,
@@ -71,20 +111,37 @@ const ClassConfigProvider = defineComponent({
             });
             version.value += 1;
         };
+        const applyGlobalTheme = () => {
+            restoreDocumentTheme === null || restoreDocumentTheme === void 0 ? void 0 : restoreDocumentTheme();
+            restoreDocumentTheme = props.applyGlobalTheme
+                ? applyDocumentTheme(resolveClassKitThemeName(props.theme))
+                : undefined;
+        };
         watch(() => [props.locale, props.theme], applyConfig, {
             deep: true,
             immediate: true,
         });
-        return () => h("div", {
-            class: ["cc-config-provider", props.class].filter(Boolean),
-            "data-cc-theme": resolveClassKitThemeName(props.theme),
-            style: props.style,
-        }, [
-            h("div", { key: version.value, class: "cc-config-provider__content" }, slots.default?.()),
-        ]);
+        watch(() => [props.applyGlobalTheme, props.theme], applyGlobalTheme, {
+            deep: true,
+            immediate: true,
+        });
+        onBeforeUnmount(() => {
+            restoreDocumentTheme === null || restoreDocumentTheme === void 0 ? void 0 : restoreDocumentTheme();
+        });
+        return () => {
+            var _a;
+            return h("div", {
+                class: ["cc-config-provider", props.class].filter(Boolean),
+                "data-cc-theme": resolveClassKitThemeName(props.theme),
+                style: props.style,
+            }, [
+                h("div", { key: version.value, class: "cc-config-provider__content" }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)),
+            ]);
+        };
     },
 });
 function resolveAnimation(animation, fallbackName) {
+    var _a, _b, _c, _d;
     if (animation === false) {
         return {
             duration: 0,
@@ -94,10 +151,10 @@ function resolveAnimation(animation, fallbackName) {
         };
     }
     return {
-        duration: animation?.duration ?? 180,
-        easing: animation?.easing ?? "cubic-bezier(0.22, 0.8, 0.28, 1)",
-        enabled: animation?.enabled ?? true,
-        name: animation?.name ?? fallbackName,
+        duration: (_a = animation === null || animation === void 0 ? void 0 : animation.duration) !== null && _a !== void 0 ? _a : 180,
+        easing: (_b = animation === null || animation === void 0 ? void 0 : animation.easing) !== null && _b !== void 0 ? _b : "cubic-bezier(0.22, 0.8, 0.28, 1)",
+        enabled: (_c = animation === null || animation === void 0 ? void 0 : animation.enabled) !== null && _c !== void 0 ? _c : true,
+        name: (_d = animation === null || animation === void 0 ? void 0 : animation.name) !== null && _d !== void 0 ? _d : fallbackName,
     };
 }
 function animationStyle(animation) {
@@ -129,8 +186,9 @@ function getFocusableElements(container) {
         element.getAttribute("aria-hidden") !== "true");
 }
 function focusInitialElement(container) {
-    const target = getFocusableElements(container)[0] ?? container;
-    target?.focus({ preventScroll: true });
+    var _a;
+    const target = (_a = getFocusableElements(container)[0]) !== null && _a !== void 0 ? _a : container;
+    target === null || target === void 0 ? void 0 : target.focus({ preventScroll: true });
 }
 function trapFocus(event, container) {
     if (event.key !== "Tab" || !container)
@@ -178,7 +236,7 @@ function setupLayerA11y(container, options) {
         if (options.lockScroll)
             document.body.style.overflow = previousOverflow;
         if (options.restoreFocus)
-            previousActiveElement?.focus({ preventScroll: true });
+            previousActiveElement === null || previousActiveElement === void 0 ? void 0 : previousActiveElement.focus({ preventScroll: true });
     };
 }
 function resolveTabsDirection(tabs, previousId, nextId, direction) {
@@ -202,10 +260,10 @@ function useFormInteractivity() {
     });
 }
 function resolveFieldInteractivity(form, disabled, readOnly) {
-    const resolvedDisabled = disabled ?? form.disabled.value;
+    const resolvedDisabled = disabled !== null && disabled !== void 0 ? disabled : form.disabled.value;
     return {
         disabled: resolvedDisabled,
-        readOnly: !resolvedDisabled && (readOnly ?? form.readOnly.value),
+        readOnly: !resolvedDisabled && (readOnly !== null && readOnly !== void 0 ? readOnly : form.readOnly.value),
     };
 }
 function useForm() {
@@ -225,6 +283,7 @@ function useFormState() {
     return state;
 }
 function useField(name, options = {}) {
+    var _a;
     const form = useForm();
     const state = useFormState();
     let unsubscribe;
@@ -232,11 +291,11 @@ function useField(name, options = {}) {
         unsubscribe = form.registerField(name, options);
     });
     onBeforeUnmount(() => {
-        unsubscribe?.();
+        unsubscribe === null || unsubscribe === void 0 ? void 0 : unsubscribe();
     });
-    const value = ref((form.getValue(name) ?? ""));
-    watch(() => state.value.fields[name]?.value, (nextValue) => {
-        value.value = (nextValue ?? "");
+    const value = ref(((_a = form.getValue(name)) !== null && _a !== void 0 ? _a : ""));
+    watch(() => { var _a; return (_a = state.value.fields[name]) === null || _a === void 0 ? void 0 : _a.value; }, (nextValue) => {
+        value.value = (nextValue !== null && nextValue !== void 0 ? nextValue : "");
     });
     return {
         value,
@@ -260,28 +319,30 @@ function createEmptyFormState() {
     };
 }
 function useOptionalField(name, options = {}) {
+    var _a, _b, _c;
     const form = inject(formSymbol, null);
-    const state = shallowRef(form?.getState() ?? createEmptyFormState());
-    const value = ref((name ? form?.getValue(name) : undefined) ?? options.initialValue ?? "");
+    const state = shallowRef((_a = form === null || form === void 0 ? void 0 : form.getState()) !== null && _a !== void 0 ? _a : createEmptyFormState());
+    const value = ref((_c = (_b = (name ? form === null || form === void 0 ? void 0 : form.getValue(name) : undefined)) !== null && _b !== void 0 ? _b : options.initialValue) !== null && _c !== void 0 ? _c : "");
     let unsubscribeForm;
     let unsubscribeField;
     onMounted(() => {
+        var _a;
         if (!form || !name)
             return;
         unsubscribeForm = form.subscribe((nextState) => {
             state.value = nextState;
         });
         unsubscribeField = form.registerField(name, options);
-        value.value = (form.getValue(name) ?? "");
+        value.value = ((_a = form.getValue(name)) !== null && _a !== void 0 ? _a : "");
     });
     onBeforeUnmount(() => {
-        unsubscribeField?.();
-        unsubscribeForm?.();
+        unsubscribeField === null || unsubscribeField === void 0 ? void 0 : unsubscribeField();
+        unsubscribeForm === null || unsubscribeForm === void 0 ? void 0 : unsubscribeForm();
     });
-    watch(() => (name ? state.value.fields[name]?.value : undefined), (nextValue) => {
+    watch(() => { var _a; return (name ? (_a = state.value.fields[name]) === null || _a === void 0 ? void 0 : _a.value : undefined); }, (nextValue) => {
         if (!form || !name)
             return;
-        value.value = (nextValue ?? "");
+        value.value = (nextValue !== null && nextValue !== void 0 ? nextValue : "");
     });
     return {
         value,
@@ -323,28 +384,31 @@ const ClassForm = /*#__PURE__*/ defineComponent({
         },
     },
     setup(props, { slots }) {
-        const controller = props.form ??
-            new FormController({
-                initialValues: props.initialValues,
-                onSubmit: props.onSubmit,
-                validateOn: props.validateOn,
-            });
+        var _a;
+        const controller = (_a = props.form) !== null && _a !== void 0 ? _a : new FormController({
+            initialValues: props.initialValues,
+            onSubmit: props.onSubmit,
+            validateOn: props.validateOn,
+        });
         provide(formSymbol, controller);
         provide(formInteractivitySymbol, {
             disabled: computed(() => props.disabled),
             readOnly: computed(() => props.readOnly || props.readonly),
         });
         onBeforeUnmount(() => controller.destroy());
-        return () => h("form", {
-            class: props.className,
-            "data-disabled": props.disabled ? "true" : "false",
-            "data-readonly": props.readOnly || props.readonly ? "true" : "false",
-            novalidate: true,
-            onSubmit: (event) => {
-                event.preventDefault();
-                void controller.submit();
-            },
-        }, slots.default?.());
+        return () => {
+            var _a;
+            return h("form", {
+                class: props.className,
+                "data-disabled": props.disabled ? "true" : "false",
+                "data-readonly": props.readOnly || props.readonly ? "true" : "false",
+                novalidate: true,
+                onSubmit: (event) => {
+                    event.preventDefault();
+                    void controller.submit();
+                },
+            }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots));
+        };
     },
 });
 function renderError(errors, errorId) {
@@ -426,13 +490,14 @@ const ClassInput = /*#__PURE__*/ defineComponent({
             rules: props.rules,
         });
         return () => {
+            var _a, _b;
             const fieldState = props.name
                 ? field.state.value.fields[props.name]
                 : undefined;
-            const errors = fieldState?.errors ?? [];
+            const errors = (_a = fieldState === null || fieldState === void 0 ? void 0 : fieldState.errors) !== null && _a !== void 0 ? _a : [];
             const invalid = errors.length > 0;
             const errorId = `${props.name}-error`;
-            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, (_b = props.readOnly) !== null && _b !== void 0 ? _b : props.readonly);
             const canClear = props.clearable &&
                 field.value.value !== "" &&
                 !interactivity.disabled &&
@@ -527,14 +592,15 @@ const ClassPasswordInput = /*#__PURE__*/ defineComponent({
         });
         const innerVisible = ref(props.defaultVisible);
         return () => {
+            var _a, _b, _c, _d;
             const fieldState = props.name
                 ? field.state.value.fields[props.name]
                 : undefined;
-            const errors = fieldState?.errors ?? [];
+            const errors = (_a = fieldState === null || fieldState === void 0 ? void 0 : fieldState.errors) !== null && _a !== void 0 ? _a : [];
             const invalid = errors.length > 0;
             const errorId = `${props.name}-error`;
-            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
-            const visible = props.visible ?? innerVisible.value;
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, (_b = props.readOnly) !== null && _b !== void 0 ? _b : props.readonly);
+            const visible = (_c = props.visible) !== null && _c !== void 0 ? _c : innerVisible.value;
             const controller = new PasswordInputController({ visible });
             const state = controller.getState();
             const canClear = props.clearable &&
@@ -543,6 +609,7 @@ const ClassPasswordInput = /*#__PURE__*/ defineComponent({
                 !interactivity.readOnly;
             const canToggle = props.showToggle && !interactivity.disabled;
             const renderToggleContent = () => {
+                var _a, _b, _c, _d;
                 if (state.visible && slots.visibleIcon)
                     return slots.visibleIcon({ visible: state.visible });
                 if (!state.visible && slots.hiddenIcon)
@@ -558,10 +625,8 @@ const ClassPasswordInput = /*#__PURE__*/ defineComponent({
                             src,
                         })
                         : state.visible
-                            ? (props.visibleIcon ??
-                                getClassComponentsLocale().passwordVisibleIcon)
-                            : (props.hiddenIcon ??
-                                getClassComponentsLocale().passwordHiddenIcon);
+                            ? ((_a = props.visibleIcon) !== null && _a !== void 0 ? _a : getClassComponentsLocale().passwordVisibleIcon)
+                            : ((_b = props.hiddenIcon) !== null && _b !== void 0 ? _b : getClassComponentsLocale().passwordHiddenIcon);
                 }
                 if (props.toggleType === "icon" &&
                     (state.visible ? props.visibleIcon : props.hiddenIcon) === undefined) {
@@ -592,9 +657,8 @@ const ClassPasswordInput = /*#__PURE__*/ defineComponent({
                     ]);
                 }
                 return state.visible
-                    ? (props.visibleIcon ??
-                        getClassComponentsLocale().passwordVisibleIcon)
-                    : (props.hiddenIcon ?? getClassComponentsLocale().passwordHiddenIcon);
+                    ? ((_c = props.visibleIcon) !== null && _c !== void 0 ? _c : getClassComponentsLocale().passwordVisibleIcon)
+                    : ((_d = props.hiddenIcon) !== null && _d !== void 0 ? _d : getClassComponentsLocale().passwordHiddenIcon);
             };
             return h("div", {
                 class: props.fieldClass,
@@ -641,12 +705,11 @@ const ClassPasswordInput = /*#__PURE__*/ defineComponent({
                             : null,
                         canToggle
                             ? h("button", {
-                                "aria-label": props.toggleLabel ??
-                                    (state.visible
-                                        ? getClassComponentsLocale()
-                                            .passwordToggleVisibleLabel
-                                        : getClassComponentsLocale()
-                                            .passwordToggleHiddenLabel),
+                                "aria-label": (_d = props.toggleLabel) !== null && _d !== void 0 ? _d : (state.visible
+                                    ? getClassComponentsLocale()
+                                        .passwordToggleVisibleLabel
+                                    : getClassComponentsLocale()
+                                        .passwordToggleHiddenLabel),
                                 "aria-pressed": state.visible,
                                 class: "cc-password-field__toggle",
                                 "data-type": props.toggleType,
@@ -714,8 +777,9 @@ const ClassColorPicker = /*#__PURE__*/ defineComponent({
             };
         };
         const closeOnOutside = (event) => {
+            var _a, _b;
             const target = event.target;
-            if (!rootRef.value?.contains(target) && !panelRef.value?.contains(target))
+            if (!((_a = rootRef.value) === null || _a === void 0 ? void 0 : _a.contains(target)) && !((_b = panelRef.value) === null || _b === void 0 ? void 0 : _b.contains(target)))
                 open.value = false;
         };
         watch(open, (value) => {
@@ -733,7 +797,8 @@ const ClassColorPicker = /*#__PURE__*/ defineComponent({
             window.removeEventListener("scroll", updatePanelPosition, true);
         });
         return () => {
-            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            var _a;
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, (_a = props.readOnly) !== null && _a !== void 0 ? _a : props.readonly);
             const controller = new ColorPickerController(String(field.value.value || "#1d2129"));
             const state = controller.getState();
             const commit = (value) => {
@@ -812,8 +877,9 @@ const ClassColorPicker = /*#__PURE__*/ defineComponent({
                                 },
                                 tabindex: interactivity.disabled ? -1 : 0,
                                 onPointerdown: (event) => {
+                                    var _a, _b;
                                     updateSpectrum(event);
-                                    event.currentTarget.setPointerCapture(event.pointerId);
+                                    (_b = (_a = event.currentTarget).setPointerCapture) === null || _b === void 0 ? void 0 : _b.call(_a, event.pointerId);
                                 },
                                 onPointermove: (event) => {
                                     if (event.buttons > 0)
@@ -827,8 +893,9 @@ const ClassColorPicker = /*#__PURE__*/ defineComponent({
                                 role: "slider",
                                 tabindex: interactivity.disabled ? -1 : 0,
                                 onPointerdown: (event) => {
+                                    var _a, _b;
                                     updateHue(event);
-                                    event.currentTarget.setPointerCapture(event.pointerId);
+                                    (_b = (_a = event.currentTarget).setPointerCapture) === null || _b === void 0 ? void 0 : _b.call(_a, event.pointerId);
                                 },
                                 onPointermove: (event) => {
                                     if (event.buttons > 0)
@@ -995,8 +1062,9 @@ const ClassDatePicker = /*#__PURE__*/ defineComponent({
                 requestAnimationFrame(updatePanelPosition);
         });
         const closeOnOutside = (event) => {
+            var _a, _b;
             const target = event.target;
-            if (!rootRef.value?.contains(target) && !panelRef.value?.contains(target))
+            if (!((_a = rootRef.value) === null || _a === void 0 ? void 0 : _a.contains(target)) && !((_b = panelRef.value) === null || _b === void 0 ? void 0 : _b.contains(target)))
                 open.value = false;
         };
         onMounted(() => {
@@ -1018,7 +1086,8 @@ const ClassDatePicker = /*#__PURE__*/ defineComponent({
             open.value = false;
         };
         return () => {
-            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            var _a;
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, (_a = props.readOnly) !== null && _a !== void 0 ? _a : props.readonly);
             return h("div", {
                 ...attrs,
                 class: props.fieldClass,
@@ -1215,8 +1284,9 @@ const ClassDateRangePicker = /*#__PURE__*/ defineComponent({
                 requestAnimationFrame(updatePanelPosition);
         });
         const closeOnOutside = (event) => {
+            var _a, _b;
             const target = event.target;
-            if (!rootRef.value?.contains(target) && !panelRef.value?.contains(target))
+            if (!((_a = rootRef.value) === null || _a === void 0 ? void 0 : _a.contains(target)) && !((_b = panelRef.value) === null || _b === void 0 ? void 0 : _b.contains(target)))
                 open.value = false;
         };
         onMounted(() => {
@@ -1269,7 +1339,8 @@ const ClassDateRangePicker = /*#__PURE__*/ defineComponent({
             }, day.day))),
         ]);
         return () => {
-            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            var _a;
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, (_a = props.readOnly) !== null && _a !== void 0 ? _a : props.readonly);
             const currentValue = { start: state.value.start, end: state.value.end };
             return h("div", {
                 ...attrs,
@@ -1414,13 +1485,14 @@ const ClassTextarea = /*#__PURE__*/ defineComponent({
             rules: props.rules,
         });
         return () => {
+            var _a, _b;
             const fieldState = props.name
                 ? field.state.value.fields[props.name]
                 : undefined;
-            const errors = fieldState?.errors ?? [];
+            const errors = (_a = fieldState === null || fieldState === void 0 ? void 0 : fieldState.errors) !== null && _a !== void 0 ? _a : [];
             const invalid = errors.length > 0;
             const errorId = `${props.name}-error`;
-            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, (_b = props.readOnly) !== null && _b !== void 0 ? _b : props.readonly);
             const canClear = props.clearable &&
                 field.value.value !== "" &&
                 !interactivity.disabled &&
@@ -1511,11 +1583,12 @@ const ClassChatTextarea = /*#__PURE__*/ defineComponent({
     },
     emits: ["change", "input", "update:modelValue", "update:value"],
     setup(props, { attrs, emit, expose }) {
+        var _a, _b;
         const textareaRef = ref(null);
         const controller = new ChatTextareaController({
             maxRows: props.maxRows,
             minRows: props.minRows,
-            value: props.modelValue ?? props.value ?? props.defaultValue,
+            value: (_b = (_a = props.modelValue) !== null && _a !== void 0 ? _a : props.value) !== null && _b !== void 0 ? _b : props.defaultValue,
         });
         const state = ref(controller.getState());
         const controlled = computed(() => props.modelValue !== undefined || props.value !== undefined);
@@ -1534,11 +1607,12 @@ const ClassChatTextarea = /*#__PURE__*/ defineComponent({
                 element.scrollHeight > maxHeight + 1 ? "auto" : "hidden";
         };
         const syncState = () => {
+            var _a, _b;
             state.value = controller.update({
                 maxRows: props.maxRows,
                 minRows: props.minRows,
                 value: controlled.value
-                    ? (props.modelValue ?? props.value ?? "")
+                    ? ((_b = (_a = props.modelValue) !== null && _a !== void 0 ? _a : props.value) !== null && _b !== void 0 ? _b : "")
                     : state.value.value,
             });
             nextTick(resize);
@@ -1552,7 +1626,7 @@ const ClassChatTextarea = /*#__PURE__*/ defineComponent({
             resizeObserver.observe(textareaRef.value);
         });
         onBeforeUnmount(() => {
-            resizeObserver?.disconnect();
+            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
         });
         const commit = (nextValue, event) => {
             const nextState = controller.setValue(nextValue);
@@ -1565,14 +1639,15 @@ const ClassChatTextarea = /*#__PURE__*/ defineComponent({
             nextTick(resize);
         };
         expose({
-            blur: () => textareaRef.value?.blur(),
-            focus: () => textareaRef.value?.focus(),
+            blur: () => { var _a; return (_a = textareaRef.value) === null || _a === void 0 ? void 0 : _a.blur(); },
+            focus: () => { var _a; return (_a = textareaRef.value) === null || _a === void 0 ? void 0 : _a.focus(); },
             getElement: () => textareaRef.value,
         });
         return () => {
+            var _a, _b, _c;
             const locked = props.disabled || props.readOnly || props.readonly;
             const currentValue = controlled.value
-                ? (props.modelValue ?? props.value ?? "")
+                ? ((_b = (_a = props.modelValue) !== null && _a !== void 0 ? _a : props.value) !== null && _b !== void 0 ? _b : "")
                 : state.value.value;
             const canClear = props.clearable && currentValue !== "" && !locked;
             return h("div", {
@@ -1595,7 +1670,7 @@ const ClassChatTextarea = /*#__PURE__*/ defineComponent({
                     style: {
                         "--cc-chat-textarea-max-rows": state.value.maxRows,
                         "--cc-chat-textarea-min-rows": state.value.minRows,
-                        ...(props.textareaStyle ?? {}),
+                        ...((_c = props.textareaStyle) !== null && _c !== void 0 ? _c : {}),
                     },
                     value: currentValue,
                     onInput: (event) => {
@@ -1610,8 +1685,9 @@ const ClassChatTextarea = /*#__PURE__*/ defineComponent({
                         class: "cc-chat-textarea__clear",
                         type: "button",
                         onClick: (event) => {
+                            var _a;
                             commit("", event);
-                            textareaRef.value?.focus();
+                            (_a = textareaRef.value) === null || _a === void 0 ? void 0 : _a.focus();
                         },
                     }, props.clearIcon)
                     : null,
@@ -1659,15 +1735,17 @@ const ClassVerificationCode = /*#__PURE__*/ defineComponent({
             if (nextState.complete)
                 emit("complete", nextState.value);
             if (focusIndex !== undefined)
-                void nextTick(() => inputRefs[focusIndex]?.focus());
+                void nextTick(() => { var _a; return (_a = inputRefs[focusIndex]) === null || _a === void 0 ? void 0 : _a.focus(); });
         };
         onMounted(() => {
-            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            var _a, _b;
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, (_a = props.readOnly) !== null && _a !== void 0 ? _a : props.readonly);
             if (props.autoFocus && !interactivity.disabled && !interactivity.readOnly)
-                inputRefs[0]?.focus();
+                (_b = inputRefs[0]) === null || _b === void 0 ? void 0 : _b.focus();
         });
         return () => {
-            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            var _a;
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, (_a = props.readOnly) !== null && _a !== void 0 ? _a : props.readonly);
             return h("div", {
                 ...attrs,
                 class: props.fieldClass,
@@ -1677,55 +1755,60 @@ const ClassVerificationCode = /*#__PURE__*/ defineComponent({
                 props.label
                     ? h("span", { class: "cc-field__label" }, props.label)
                     : null,
-                h("div", { class: "cc-verification-code__group" }, state.value.chars.map((char, index) => h("input", {
-                    "aria-label": `${props.label ?? props.name} ${index + 1}`,
-                    class: "cc-verification-code__input",
-                    disabled: interactivity.disabled,
-                    inputmode: props.inputMode,
-                    key: index,
-                    maxlength: 1,
-                    readonly: interactivity.readOnly,
-                    ref: ((element) => {
-                        inputRefs[index] = element;
-                    }),
-                    value: char,
-                    onInput: (event) => {
-                        if (interactivity.disabled || interactivity.readOnly)
-                            return;
-                        const value = event.target.value;
-                        if (value === "") {
-                            commit(controller.remove(index), index);
-                            return;
-                        }
-                        if (value.length > 1) {
-                            const next = controller.paste(value, controller.getNextInputIndex(index));
-                            commit(next, Math.min(next.length - 1, next.value.length));
-                            return;
-                        }
-                        const next = controller.inputAtNextSlot(index, value);
-                        commit(next.state, next.focusIndex);
-                    },
-                    onKeydown: (event) => {
-                        if (event.key === "Backspace" &&
-                            !state.value.chars[index] &&
-                            index > 0) {
+                h("div", { class: "cc-verification-code__group" }, state.value.chars.map((char, index) => {
+                    var _a;
+                    return h("input", {
+                        "aria-label": `${(_a = props.label) !== null && _a !== void 0 ? _a : props.name} ${index + 1}`,
+                        class: "cc-verification-code__input",
+                        disabled: interactivity.disabled,
+                        inputmode: props.inputMode,
+                        key: index,
+                        maxlength: 1,
+                        readonly: interactivity.readOnly,
+                        ref: ((element) => {
+                            inputRefs[index] = element;
+                        }),
+                        value: char,
+                        onInput: (event) => {
+                            if (interactivity.disabled || interactivity.readOnly)
+                                return;
+                            const value = event.target.value;
+                            if (value === "") {
+                                commit(controller.remove(index), index);
+                                return;
+                            }
+                            if (value.length > 1) {
+                                const next = controller.paste(value, controller.getNextInputIndex(index));
+                                commit(next, Math.min(next.length - 1, next.value.length));
+                                return;
+                            }
+                            const next = controller.inputAtNextSlot(index, value);
+                            commit(next.state, next.focusIndex);
+                        },
+                        onKeydown: (event) => {
+                            var _a, _b;
+                            if (event.key === "Backspace" &&
+                                !state.value.chars[index] &&
+                                index > 0) {
+                                event.preventDefault();
+                                commit(controller.remove(index - 1), index - 1);
+                            }
+                            if (event.key === "ArrowLeft" && index > 0)
+                                (_a = inputRefs[index - 1]) === null || _a === void 0 ? void 0 : _a.focus();
+                            if (event.key === "ArrowRight" &&
+                                index < state.value.length - 1)
+                                (_b = inputRefs[index + 1]) === null || _b === void 0 ? void 0 : _b.focus();
+                        },
+                        onPaste: (event) => {
+                            var _a, _b;
+                            if (interactivity.disabled || interactivity.readOnly)
+                                return;
                             event.preventDefault();
-                            commit(controller.remove(index - 1), index - 1);
-                        }
-                        if (event.key === "ArrowLeft" && index > 0)
-                            inputRefs[index - 1]?.focus();
-                        if (event.key === "ArrowRight" &&
-                            index < state.value.length - 1)
-                            inputRefs[index + 1]?.focus();
-                    },
-                    onPaste: (event) => {
-                        if (interactivity.disabled || interactivity.readOnly)
-                            return;
-                        event.preventDefault();
-                        const text = event.clipboardData?.getData("text") ?? "";
-                        commit(controller.paste(text, index), Math.min(state.value.length - 1, index + text.length));
-                    },
-                }))),
+                            const text = (_b = (_a = event.clipboardData) === null || _a === void 0 ? void 0 : _a.getData("text")) !== null && _b !== void 0 ? _b : "";
+                            commit(controller.paste(text, index), Math.min(state.value.length - 1, index + text.length));
+                        },
+                    });
+                })),
                 h("input", {
                     name: props.name,
                     type: "hidden",
@@ -1773,6 +1856,7 @@ const ClassSlideCaptcha = /*#__PURE__*/ defineComponent({
     },
     emits: ["change", "fail", "success"],
     setup(props, { attrs, emit }) {
+        var _a;
         const formInteractivity = useFormInteractivity();
         const field = useOptionalField(props.name, {
             rules: props.rules,
@@ -1780,7 +1864,7 @@ const ClassSlideCaptcha = /*#__PURE__*/ defineComponent({
         const controller = new SlideCaptchaController({
             height: props.height,
             moveAxis: props.moveAxis,
-            originY: props.pieceTop ?? Math.round(props.height * 0.38),
+            originY: (_a = props.pieceTop) !== null && _a !== void 0 ? _a : Math.round(props.height * 0.38),
             pieceHeight: props.pieceHeight,
             pieceWidth: props.pieceWidth,
             targetX: props.targetX,
@@ -1805,10 +1889,11 @@ const ClassSlideCaptcha = /*#__PURE__*/ defineComponent({
             props.tolerance,
             props.width,
         ], () => {
+            var _a;
             state.value = controller.updateOptions({
                 height: props.height,
                 moveAxis: props.moveAxis,
-                originY: props.pieceTop ?? Math.round(props.height * 0.38),
+                originY: (_a = props.pieceTop) !== null && _a !== void 0 ? _a : Math.round(props.height * 0.38),
                 pieceHeight: props.pieceHeight,
                 pieceWidth: props.pieceWidth,
                 targetX: props.targetX,
@@ -1838,7 +1923,8 @@ const ClassSlideCaptcha = /*#__PURE__*/ defineComponent({
             }
         };
         const reset = () => {
-            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            var _a;
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, (_a = props.readOnly) !== null && _a !== void 0 ? _a : props.readonly);
             if (interactivity.disabled || interactivity.readOnly)
                 return;
             if (failedResetTimer !== null) {
@@ -1852,7 +1938,8 @@ const ClassSlideCaptcha = /*#__PURE__*/ defineComponent({
                 window.clearTimeout(failedResetTimer);
         });
         return () => {
-            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            var _a;
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, (_a = props.readOnly) !== null && _a !== void 0 ? _a : props.readonly);
             const safePieceTop = Math.max(0, Math.min(state.value.height - state.value.pieceHeight, state.value.originY));
             const scaleX = cardRef.value
                 ? state.value.width /
@@ -1863,12 +1950,13 @@ const ClassSlideCaptcha = /*#__PURE__*/ defineComponent({
                     Math.max(1, cardRef.value.getBoundingClientRect().height)
                 : 1;
             const startDrag = (event) => {
+                var _a, _b;
                 if (interactivity.disabled ||
                     interactivity.readOnly ||
                     state.value.status === "success")
                     return;
                 event.preventDefault();
-                event.currentTarget.setPointerCapture?.(event.pointerId);
+                (_b = (_a = event.currentTarget).setPointerCapture) === null || _b === void 0 ? void 0 : _b.call(_a, event.pointerId);
                 drag.value = {
                     pointerId: event.pointerId,
                     startClientX: event.clientX,
@@ -1886,15 +1974,17 @@ const ClassSlideCaptcha = /*#__PURE__*/ defineComponent({
                     (event.clientY - drag.value.startClientY) * scaleY), false);
             };
             const cancelDrag = (event) => {
-                if (drag.value?.pointerId !== event.pointerId)
+                var _a;
+                if (((_a = drag.value) === null || _a === void 0 ? void 0 : _a.pointerId) !== event.pointerId)
                     return;
                 drag.value = null;
                 commit(controller.reset());
             };
             const endDrag = (event) => {
+                var _a, _b;
                 if (!drag.value || drag.value.pointerId !== event.pointerId)
                     return;
-                event.currentTarget.releasePointerCapture?.(event.pointerId);
+                (_b = (_a = event.currentTarget).releasePointerCapture) === null || _b === void 0 ? void 0 : _b.call(_a, event.pointerId);
                 drag.value = null;
                 commit(controller.verify());
             };
@@ -2004,12 +2094,13 @@ function countFractionDigits(value) {
     return fraction.length;
 }
 function applyNumberStep(current, direction, options) {
+    var _a;
     const step = Number.isFinite(options.step) &&
         options.step !== undefined &&
         options.step > 0
         ? options.step
         : 1;
-    const base = current ?? options.min ?? 0;
+    const base = (_a = current !== null && current !== void 0 ? current : options.min) !== null && _a !== void 0 ? _a : 0;
     const precision = Math.max(countFractionDigits(base), countFractionDigits(step));
     const factor = 10 ** precision;
     let next = (Math.round(base * factor) + direction * Math.round(step * factor)) /
@@ -2127,13 +2218,14 @@ const ClassNumberInput = /*#__PURE__*/ defineComponent({
             void field.setValue(nextValue);
         };
         return () => {
+            var _a, _b;
             const fieldState = props.name
                 ? field.state.value.fields[props.name]
                 : undefined;
-            const errors = fieldState?.errors ?? [];
+            const errors = (_a = fieldState === null || fieldState === void 0 ? void 0 : fieldState.errors) !== null && _a !== void 0 ? _a : [];
             const invalid = errors.length > 0;
             const errorId = `${props.name}-error`;
-            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, (_b = props.readOnly) !== null && _b !== void 0 ? _b : props.readonly);
             const currentValue = field.value.value;
             const currentNumber = currentValue === undefined || currentValue === ""
                 ? undefined
@@ -2198,7 +2290,8 @@ const ClassNumberInput = /*#__PURE__*/ defineComponent({
                             void field.setValue(parseNumberDraft(target.value));
                         },
                         onKeydown: (event) => {
-                            callEventHandler(attrs.onKeydown ?? attrs.onKeyDown, event);
+                            var _a;
+                            callEventHandler((_a = attrs.onKeydown) !== null && _a !== void 0 ? _a : attrs.onKeyDown, event);
                             if (event.defaultPrevented ||
                                 interactivity.disabled ||
                                 interactivity.readOnly)
@@ -2313,8 +2406,9 @@ const ClassSelect = /*#__PURE__*/ defineComponent({
             menuPosition.value = getSelectMenuPosition(triggerRef.value, 240, true);
         };
         const closeOnOutsideClick = (event) => {
+            var _a, _b;
             const target = event.target;
-            if (!rootRef.value?.contains(target) && !menuRef.value?.contains(target))
+            if (!((_a = rootRef.value) === null || _a === void 0 ? void 0 : _a.contains(target)) && !((_b = menuRef.value) === null || _b === void 0 ? void 0 : _b.contains(target)))
                 open.value = false;
         };
         onMounted(() => {
@@ -2332,14 +2426,15 @@ const ClassSelect = /*#__PURE__*/ defineComponent({
                 updateMenuPosition();
         });
         return () => {
+            var _a, _b, _c;
             const fieldState = props.name
                 ? field.state.value.fields[props.name]
                 : undefined;
-            const errors = fieldState?.errors ?? [];
+            const errors = (_a = fieldState === null || fieldState === void 0 ? void 0 : fieldState.errors) !== null && _a !== void 0 ? _a : [];
             const invalid = errors.length > 0;
             const errorId = `${props.name}-error`;
             const listboxId = `${props.name}-listbox`;
-            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, (_b = props.readOnly) !== null && _b !== void 0 ? _b : props.readonly);
             const rawValue = field.value.value;
             const selectedValues = Array.isArray(rawValue)
                 ? rawValue
@@ -2349,7 +2444,7 @@ const ClassSelect = /*#__PURE__*/ defineComponent({
             const selectedOptions = props.options.filter((option) => selectedValues.includes(option.value));
             const displayText = selectedOptions.length > 0
                 ? selectedOptions.map((option) => option.label).join("、")
-                : (props.placeholder ?? "Select");
+                : ((_c = props.placeholder) !== null && _c !== void 0 ? _c : "Select");
             const setValue = (nextValue) => {
                 void field.setValue(nextValue);
                 emit("valueChange", nextValue);
@@ -2486,6 +2581,7 @@ const ClassSelect = /*#__PURE__*/ defineComponent({
                                 ...menuPosition.value.style,
                             },
                         }, props.options.map((option) => {
+                            var _a, _b;
                             const selected = selectedValues.includes(option.value);
                             return h("button", {
                                 "aria-selected": selected,
@@ -2502,8 +2598,7 @@ const ClassSelect = /*#__PURE__*/ defineComponent({
                                     ? h("span", {
                                         "aria-hidden": "true",
                                         class: props.selectedIconClass,
-                                    }, slots.selectedIcon?.({ option }) ??
-                                        props.selectedIcon)
+                                    }, (_b = (_a = slots.selectedIcon) === null || _a === void 0 ? void 0 : _a.call(slots, { option })) !== null && _b !== void 0 ? _b : props.selectedIcon)
                                     : null,
                             ]);
                         })))
@@ -2513,7 +2608,7 @@ const ClassSelect = /*#__PURE__*/ defineComponent({
                         type: "hidden",
                         value: props.multiple
                             ? selectedValues.join(",")
-                            : String(rawValue ?? ""),
+                            : String(rawValue !== null && rawValue !== void 0 ? rawValue : ""),
                     }),
                 ]),
                 renderError(errors, errorId),
@@ -2627,8 +2722,9 @@ const ClassVirtualSelect = /*#__PURE__*/ defineComponent({
             menuPosition.value = getSelectMenuPosition(triggerRef.value, props.menuHeight + (props.searchable ? 52 : 12));
         };
         const closeOnOutsideClick = (event) => {
+            var _a, _b;
             const target = event.target;
-            if (!rootRef.value?.contains(target) && !menuRef.value?.contains(target))
+            if (!((_a = rootRef.value) === null || _a === void 0 ? void 0 : _a.contains(target)) && !((_b = menuRef.value) === null || _b === void 0 ? void 0 : _b.contains(target)))
                 open.value = false;
         };
         onMounted(() => {
@@ -2649,15 +2745,16 @@ const ClassVirtualSelect = /*#__PURE__*/ defineComponent({
             scrollOffset.value = 0;
         });
         return () => {
+            var _a, _b, _c, _d;
             const fieldState = props.name
                 ? field.state.value.fields[props.name]
                 : undefined;
-            const errors = fieldState?.errors ?? [];
+            const errors = (_a = fieldState === null || fieldState === void 0 ? void 0 : fieldState.errors) !== null && _a !== void 0 ? _a : [];
             const invalid = errors.length > 0;
             const errorId = `${props.name}-error`;
             const listboxId = `${props.name}-virtual-listbox`;
             const labelId = `${props.name}-label`;
-            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, (_b = props.readOnly) !== null && _b !== void 0 ? _b : props.readonly);
             const rawValue = field.value.value;
             const coreOptions = props.options.map((option) => ({
                 disabled: option.disabled,
@@ -2680,12 +2777,12 @@ const ClassVirtualSelect = /*#__PURE__*/ defineComponent({
                 estimateSize: props.itemHeight,
                 overscan: props.overscan,
             });
-            const menuMaxHeight = Number.parseFloat(String(menuPosition.value.style.maxHeight ?? props.menuHeight));
+            const menuMaxHeight = Number.parseFloat(String((_c = menuPosition.value.style.maxHeight) !== null && _c !== void 0 ? _c : props.menuHeight));
             const viewportHeight = Math.max(80, Math.min(props.menuHeight, menuMaxHeight - (props.searchable ? 52 : 12)));
             const range = listController.getRange(scrollOffset.value, viewportHeight);
             const displayText = selectedOptions.length > 0
                 ? selectedOptions.map((option) => option.label).join("、")
-                : (props.placeholder ?? "Select");
+                : ((_d = props.placeholder) !== null && _d !== void 0 ? _d : "Select");
             const setValue = (nextValue) => {
                 void field.setValue(nextValue);
                 emit("valueChange", nextValue);
@@ -2821,6 +2918,7 @@ const ClassVirtualSelect = /*#__PURE__*/ defineComponent({
                                             .selectEmptyText),
                                     ]
                                     : range.items.map((item) => {
+                                        var _a, _b;
                                         const optionIndex = filteredIndexes[item.index];
                                         if (optionIndex === undefined)
                                             return null;
@@ -2848,9 +2946,9 @@ const ClassVirtualSelect = /*#__PURE__*/ defineComponent({
                                                 ? h("span", {
                                                     "aria-hidden": "true",
                                                     class: props.selectedIconClass,
-                                                }, slots.selectedIcon?.({
+                                                }, (_b = (_a = slots.selectedIcon) === null || _a === void 0 ? void 0 : _a.call(slots, {
                                                     option,
-                                                }) ?? props.selectedIcon)
+                                                })) !== null && _b !== void 0 ? _b : props.selectedIcon)
                                                 : null,
                                         ]);
                                     })),
@@ -2862,7 +2960,7 @@ const ClassVirtualSelect = /*#__PURE__*/ defineComponent({
                         type: "hidden",
                         value: props.multiple
                             ? selectState.selectedValues.join(",")
-                            : String(rawValue ?? ""),
+                            : String(rawValue !== null && rawValue !== void 0 ? rawValue : ""),
                     }),
                 ]),
                 renderError(errors, errorId),
@@ -2907,12 +3005,13 @@ const ClassRadioGroup = /*#__PURE__*/ defineComponent({
             rules: props.rules,
         });
         return () => {
+            var _a, _b;
             const fieldState = props.name
                 ? field.state.value.fields[props.name]
                 : undefined;
-            const errors = fieldState?.errors ?? [];
+            const errors = (_a = fieldState === null || fieldState === void 0 ? void 0 : fieldState.errors) !== null && _a !== void 0 ? _a : [];
             const errorId = `${props.name}-error`;
-            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, (_b = props.readOnly) !== null && _b !== void 0 ? _b : props.readonly);
             return h("fieldset", {
                 ...attrs,
                 "aria-readonly": interactivity.readOnly || undefined,
@@ -2975,12 +3074,13 @@ const ClassCheckbox = /*#__PURE__*/ defineComponent({
             rules: props.rules,
         });
         return () => {
+            var _a, _b;
             const fieldState = props.name
                 ? field.state.value.fields[props.name]
                 : undefined;
-            const errors = fieldState?.errors ?? [];
+            const errors = (_a = fieldState === null || fieldState === void 0 ? void 0 : fieldState.errors) !== null && _a !== void 0 ? _a : [];
             const errorId = `${props.name}-error`;
-            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, (_b = props.readOnly) !== null && _b !== void 0 ? _b : props.readonly);
             return h("label", {
                 class: props.fieldClass,
                 "data-disabled": interactivity.disabled,
@@ -3052,12 +3152,13 @@ const ClassSwitch = /*#__PURE__*/ defineComponent({
             rules: props.rules,
         });
         return () => {
+            var _a, _b;
             const fieldState = props.name
                 ? field.state.value.fields[props.name]
                 : undefined;
-            const errors = fieldState?.errors ?? [];
+            const errors = (_a = fieldState === null || fieldState === void 0 ? void 0 : fieldState.errors) !== null && _a !== void 0 ? _a : [];
             const errorId = `${props.name}-error`;
-            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, (_b = props.readOnly) !== null && _b !== void 0 ? _b : props.readonly);
             return h("label", {
                 class: props.fieldClass,
                 "data-disabled": interactivity.disabled,
@@ -3140,13 +3241,14 @@ const ClassRating = /*#__PURE__*/ defineComponent({
             rules: props.rules,
         });
         return () => {
+            var _a, _b, _c;
             const fieldState = props.name
                 ? field.state.value.fields[props.name]
                 : undefined;
-            const errors = fieldState?.errors ?? [];
+            const errors = (_a = fieldState === null || fieldState === void 0 ? void 0 : fieldState.errors) !== null && _a !== void 0 ? _a : [];
             const errorId = `${props.name}-error`;
             const value = Number(field.value.value) || 0;
-            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, (_b = props.readOnly) !== null && _b !== void 0 ? _b : props.readonly);
             return h("fieldset", {
                 ...attrs,
                 "aria-readonly": interactivity.readOnly || undefined,
@@ -3160,13 +3262,14 @@ const ClassRating = /*#__PURE__*/ defineComponent({
                 h("div", {
                     class: props.starsClass,
                     role: "radiogroup",
-                    "aria-label": props.label ?? props.name,
+                    "aria-label": (_c = props.label) !== null && _c !== void 0 ? _c : props.name,
                 }, Array.from({ length: props.max }, (_, index) => {
+                    var _a, _b, _c, _d;
                     const starValue = index + 1;
                     const active = starValue <= value;
                     return h("button", {
                         "aria-checked": value === starValue,
-                        "aria-label": props.starLabel?.(starValue) ?? `${starValue} star`,
+                        "aria-label": (_b = (_a = props.starLabel) === null || _a === void 0 ? void 0 : _a.call(props, starValue)) !== null && _b !== void 0 ? _b : `${starValue} star`,
                         class: props.starClass,
                         "data-active": active,
                         "data-readonly": interactivity.readOnly,
@@ -3180,7 +3283,7 @@ const ClassRating = /*#__PURE__*/ defineComponent({
                                 return;
                             void field.setValue(starValue);
                         },
-                    }, slots.icon?.({ active, value: starValue }) ?? props.icon);
+                    }, (_d = (_c = slots.icon) === null || _c === void 0 ? void 0 : _c.call(slots, { active, value: starValue })) !== null && _d !== void 0 ? _d : props.icon);
                 })),
                 renderError(errors, errorId),
             ]);
@@ -3294,7 +3397,10 @@ const ClassCountdown = /*#__PURE__*/ defineComponent({
             start();
         }, { immediate: true });
         onBeforeUnmount(stop);
-        return () => h("span", { ...attrs, class: props.className, "data-done": state.value.done }, slots.default?.(state.value) ?? state.value.display);
+        return () => {
+            var _a, _b;
+            return h("span", { ...attrs, class: props.className, "data-done": state.value.done }, (_b = (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots, state.value)) !== null && _b !== void 0 ? _b : state.value.display);
+        };
     },
 });
 const ClassCalendar = /*#__PURE__*/ defineComponent({
@@ -3322,17 +3428,19 @@ const ClassCalendar = /*#__PURE__*/ defineComponent({
     },
     emits: ["change", "update:value"],
     setup(props, { attrs, emit }) {
+        var _a;
         const controller = new CalendarController({
             max: props.max,
             min: props.min,
-            value: props.value ?? props.defaultValue,
+            value: (_a = props.value) !== null && _a !== void 0 ? _a : props.defaultValue,
         });
         const state = ref(controller.getState());
         watch(() => [props.value, props.max, props.min], () => {
+            var _a;
             state.value = controller.updateOptions({
                 max: props.max,
                 min: props.min,
-                value: props.value ?? state.value.value,
+                value: (_a = props.value) !== null && _a !== void 0 ? _a : state.value.value,
             });
         });
         const commit = (value) => {
@@ -3489,22 +3597,23 @@ const ClassTypewriterText = /*#__PURE__*/ defineComponent({
         });
         onMounted(schedule);
         onBeforeUnmount(clearTimers);
-        return () => h("span", {
-            ...attrs,
-            "aria-label": attrs["aria-label"] ?? props.text,
-            class: props.className,
-            "data-done": state.value.done,
-        }, [
-            h("span", { class: "cc-typewriter-text__content" }, state.value.displayedText),
-            state.value.loading
-                ? (slots.loading?.() ??
-                    h("span", { "aria-hidden": "true", class: props.loadingClass }))
-                : null,
-            state.value.cursor
-                ? (slots.cursor?.() ??
-                    h("span", { "aria-hidden": "true", class: props.cursorClass }))
-                : null,
-        ]);
+        return () => {
+            var _a, _b, _c, _d, _e;
+            return h("span", {
+                ...attrs,
+                "aria-label": (_a = attrs["aria-label"]) !== null && _a !== void 0 ? _a : props.text,
+                class: props.className,
+                "data-done": state.value.done,
+            }, [
+                h("span", { class: "cc-typewriter-text__content" }, state.value.displayedText),
+                state.value.loading
+                    ? ((_c = (_b = slots.loading) === null || _b === void 0 ? void 0 : _b.call(slots)) !== null && _c !== void 0 ? _c : h("span", { "aria-hidden": "true", class: props.loadingClass }))
+                    : null,
+                state.value.cursor
+                    ? ((_e = (_d = slots.cursor) === null || _d === void 0 ? void 0 : _d.call(slots)) !== null && _e !== void 0 ? _e : h("span", { "aria-hidden": "true", class: props.cursorClass }))
+                    : null,
+            ]);
+        };
     },
 });
 const ClassDesignEffect = /*#__PURE__*/ defineComponent({
@@ -3543,6 +3652,7 @@ const ClassDesignEffect = /*#__PURE__*/ defineComponent({
     },
     setup(props, { attrs, slots }) {
         return () => {
+            var _a;
             const state = new DesignEffectController({
                 animated: props.animated,
                 colors: props.colors,
@@ -3568,7 +3678,7 @@ const ClassDesignEffect = /*#__PURE__*/ defineComponent({
                 state.overlay
                     ? h("span", { "aria-hidden": "true", class: props.overlayClass })
                     : null,
-                h("div", { class: props.contentClass }, slots.default?.()),
+                h("div", { class: props.contentClass }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)),
             ]);
         };
     },
@@ -3595,6 +3705,7 @@ const ClassGradientText = /*#__PURE__*/ defineComponent({
     },
     setup(props, { attrs, slots }) {
         return () => {
+            var _a, _b;
             const controller = new GradientTextController({
                 animated: props.animated,
                 backgroundSize: props.backgroundSize,
@@ -3617,7 +3728,7 @@ const ClassGradientText = /*#__PURE__*/ defineComponent({
                     "--cc-gradient-text-easing": state.easing,
                     "--cc-gradient-text-font-weight": state.fontWeight,
                 },
-            }, slots.default?.() ?? state.text);
+            }, (_b = (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) !== null && _b !== void 0 ? _b : state.text);
         };
     },
 });
@@ -3663,7 +3774,7 @@ const ClassLazyImage = /*#__PURE__*/ defineComponent({
         const state = shallowRef(controller.getState());
         let observer;
         const disconnect = () => {
-            observer?.disconnect();
+            observer === null || observer === void 0 ? void 0 : observer.disconnect();
             observer = undefined;
         };
         const startLoading = () => {
@@ -3711,6 +3822,7 @@ const ClassLazyImage = /*#__PURE__*/ defineComponent({
         onMounted(setupObserver);
         onBeforeUnmount(disconnect);
         return () => {
+            var _a, _b, _c, _d;
             const current = state.value;
             const slotState = { status: current.status };
             return h("div", {
@@ -3747,23 +3859,22 @@ const ClassLazyImage = /*#__PURE__*/ defineComponent({
                 (current.status === "idle" || current.status === "loading") &&
                     (props.loadingVariant !== "none" || Boolean(slots.placeholder))
                     ? h("span", { class: props.placeholderClass }, [
-                        slots.placeholder?.(slotState) ??
-                            (props.loadingVariant === "image" && current.placeholderSrc
-                                ? h("img", {
-                                    alt: "",
+                        (_b = (_a = slots.placeholder) === null || _a === void 0 ? void 0 : _a.call(slots, slotState)) !== null && _b !== void 0 ? _b : (props.loadingVariant === "image" && current.placeholderSrc
+                            ? h("img", {
+                                alt: "",
+                                "aria-hidden": "true",
+                                src: current.placeholderSrc,
+                            })
+                            : props.loadingVariant === "skeleton"
+                                ? h("span", {
                                     "aria-hidden": "true",
-                                    src: current.placeholderSrc,
+                                    class: props.skeletonClass,
                                 })
-                                : props.loadingVariant === "skeleton"
-                                    ? h("span", {
-                                        "aria-hidden": "true",
-                                        class: props.skeletonClass,
-                                    })
-                                    : null),
+                                : null),
                     ])
                     : null,
                 current.status === "error"
-                    ? h("span", { class: props.errorClass }, slots.error?.(slotState) ?? "Image unavailable")
+                    ? h("span", { class: props.errorClass }, (_d = (_c = slots.error) === null || _c === void 0 ? void 0 : _c.call(slots, slotState)) !== null && _d !== void 0 ? _d : "Image unavailable")
                     : null,
             ]);
         };
@@ -3832,12 +3943,13 @@ const ClassTiltCard = /*#__PURE__*/ defineComponent({
             });
         });
         const syncRect = (event) => {
+            var _a, _b, _c;
             if (event) {
-                callEventHandler(attrs.onPointerenter ?? attrs.onPointerEnter, event);
+                callEventHandler((_a = attrs.onPointerenter) !== null && _a !== void 0 ? _a : attrs.onPointerEnter, event);
                 if (event.defaultPrevented)
                     return;
             }
-            rect = rootRef.value?.getBoundingClientRect() ?? null;
+            rect = (_c = (_b = rootRef.value) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) !== null && _c !== void 0 ? _c : null;
             if (!event || props.disabled || !rect)
                 return;
             useEnterTransition = true;
@@ -3850,12 +3962,13 @@ const ClassTiltCard = /*#__PURE__*/ defineComponent({
             });
         };
         const handlePointerMove = (event) => {
-            callEventHandler(attrs.onPointermove ?? attrs.onPointerMove, event);
+            var _a, _b, _c;
+            callEventHandler((_a = attrs.onPointermove) !== null && _a !== void 0 ? _a : attrs.onPointerMove, event);
             if (event.defaultPrevented)
                 return;
             if (props.disabled)
                 return;
-            rect = rect ?? rootRef.value?.getBoundingClientRect() ?? null;
+            rect = (_c = rect !== null && rect !== void 0 ? rect : (_b = rootRef.value) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) !== null && _c !== void 0 ? _c : null;
             if (!rect)
                 return;
             pendingPoint = {
@@ -3880,7 +3993,8 @@ const ClassTiltCard = /*#__PURE__*/ defineComponent({
             });
         };
         const handlePointerLeave = (event) => {
-            callEventHandler(attrs.onPointerleave ?? attrs.onPointerLeave, event);
+            var _a;
+            callEventHandler((_a = attrs.onPointerleave) !== null && _a !== void 0 ? _a : attrs.onPointerLeave, event);
             if (event.defaultPrevented)
                 return;
             rect = null;
@@ -3896,34 +4010,37 @@ const ClassTiltCard = /*#__PURE__*/ defineComponent({
             if (frame !== undefined)
                 window.cancelAnimationFrame(frame);
         });
-        return () => h("div", {
-            ...attrs,
-            class: [props.className, attrs.class],
-            "data-active": state.value.isActive,
-            "data-disabled": props.disabled,
-            onPointerenter: syncRect,
-            onPointerleave: handlePointerLeave,
-            onPointermove: handlePointerMove,
-            ref: rootRef,
-            style: [
-                attrs.style,
-                {
-                    "--cc-tilt-card-glare-opacity": String(state.value.glareOpacity),
-                    "--cc-tilt-card-glare-x": `${state.value.glareX}%`,
-                    "--cc-tilt-card-glare-y": `${state.value.glareY}%`,
-                    "--cc-tilt-card-transition-easing": state.value.transitionEasing,
-                    "--cc-tilt-card-transition-duration": `${state.value.transitionDuration}ms`,
-                    "--cc-tilt-card-transform": state.value.transform,
-                },
-            ],
-        }, [
-            h("div", { class: props.surfaceClass }, [
-                h("div", { class: props.contentClass }, slots.default?.()),
-                state.value.glare
-                    ? h("span", { "aria-hidden": "true", class: props.glareClass })
-                    : null,
-            ]),
-        ]);
+        return () => {
+            var _a;
+            return h("div", {
+                ...attrs,
+                class: [props.className, attrs.class],
+                "data-active": state.value.isActive,
+                "data-disabled": props.disabled,
+                onPointerenter: syncRect,
+                onPointerleave: handlePointerLeave,
+                onPointermove: handlePointerMove,
+                ref: rootRef,
+                style: [
+                    attrs.style,
+                    {
+                        "--cc-tilt-card-glare-opacity": String(state.value.glareOpacity),
+                        "--cc-tilt-card-glare-x": `${state.value.glareX}%`,
+                        "--cc-tilt-card-glare-y": `${state.value.glareY}%`,
+                        "--cc-tilt-card-transition-easing": state.value.transitionEasing,
+                        "--cc-tilt-card-transition-duration": `${state.value.transitionDuration}ms`,
+                        "--cc-tilt-card-transform": state.value.transform,
+                    },
+                ],
+            }, [
+                h("div", { class: props.surfaceClass }, [
+                    h("div", { class: props.contentClass }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)),
+                    state.value.glare
+                        ? h("span", { "aria-hidden": "true", class: props.glareClass })
+                        : null,
+                ]),
+            ]);
+        };
     },
 });
 const ClassOrbitalSphere = /*#__PURE__*/ defineComponent({
@@ -3978,23 +4095,26 @@ const ClassOrbitalSphere = /*#__PURE__*/ defineComponent({
                 style: [state.styleVars, attrs.style],
             }, [
                 h("span", { "aria-hidden": "true", class: props.shellClass }),
-                h("div", { class: props.stageClass }, state.items.map((item) => h("button", {
-                    "aria-label": item.label,
-                    class: props.itemClass,
-                    "data-tone": item.tone,
-                    disabled: state.disabled,
-                    key: item.id,
-                    onClick: (event) => emit("item-click", item, event),
-                    style: [
-                        {
-                            "--cc-orbital-index": item.index,
-                        },
-                        item.styleVars,
-                    ],
-                    type: "button",
-                }, [
-                    h("span", { class: props.itemContentClass }, slots.item?.({ index: item.index, item }) ?? item.content),
-                ]))),
+                h("div", { class: props.stageClass }, state.items.map((item) => {
+                    var _a, _b;
+                    return h("button", {
+                        "aria-label": item.label,
+                        class: props.itemClass,
+                        "data-tone": item.tone,
+                        disabled: state.disabled,
+                        key: item.id,
+                        onClick: (event) => emit("item-click", item, event),
+                        style: [
+                            {
+                                "--cc-orbital-index": item.index,
+                            },
+                            item.styleVars,
+                        ],
+                        type: "button",
+                    }, [
+                        h("span", { class: props.itemContentClass }, (_b = (_a = slots.item) === null || _a === void 0 ? void 0 : _a.call(slots, { index: item.index, item })) !== null && _b !== void 0 ? _b : item.content),
+                    ]);
+                })),
             ]);
         };
     },
@@ -4025,7 +4145,8 @@ const ClassHeightTransition = /*#__PURE__*/ defineComponent({
         const state = ref(controller.getState());
         let observer;
         const measure = () => {
-            height.value = contentRef.value?.scrollHeight ?? 0;
+            var _a, _b;
+            height.value = (_b = (_a = contentRef.value) === null || _a === void 0 ? void 0 : _a.scrollHeight) !== null && _b !== void 0 ? _b : 0;
         };
         watch(() => [props.duration, props.easing, props.expanded, props.mode], () => {
             state.value = controller.update({
@@ -4043,23 +4164,129 @@ const ClassHeightTransition = /*#__PURE__*/ defineComponent({
                 observer.observe(contentRef.value);
             }
         });
-        onBeforeUnmount(() => observer?.disconnect());
-        return () => h("div", {
-            ...attrs,
-            class: props.className,
-            "data-expanded": state.value.expanded,
-            "data-mode": state.value.mode,
-            style: [
-                attrs.style,
-                {
-                    "--cc-height-transition-duration": `${state.value.duration}ms`,
-                    "--cc-height-transition-easing": state.value.easing,
-                    "--cc-height-transition-height": `${height.value}px`,
-                },
-            ],
-        }, [
-            h("div", { ref: contentRef, class: props.contentClass }, slots.default?.()),
-        ]);
+        onBeforeUnmount(() => observer === null || observer === void 0 ? void 0 : observer.disconnect());
+        return () => {
+            var _a;
+            return h("div", {
+                ...attrs,
+                class: props.className,
+                "data-expanded": state.value.expanded,
+                "data-mode": state.value.mode,
+                style: [
+                    attrs.style,
+                    {
+                        "--cc-height-transition-duration": `${state.value.duration}ms`,
+                        "--cc-height-transition-easing": state.value.easing,
+                        "--cc-height-transition-height": `${height.value}px`,
+                    },
+                ],
+            }, [
+                h("div", { ref: contentRef, class: props.contentClass }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)),
+            ]);
+        };
+    },
+});
+const ClassWidthTransition = /*#__PURE__*/ defineComponent({
+    name: "ClassWidthTransition",
+    inheritAttrs: false,
+    props: {
+        className: { type: String, default: "cc-width-transition" },
+        contentClass: { type: String, default: "cc-width-transition__content" },
+        duration: { type: Number, default: 220 },
+        easing: { type: String, default: "cubic-bezier(0.22, 0.8, 0.28, 1)" },
+        expanded: { type: Boolean, default: false },
+        mode: {
+            type: String,
+            default: "auto",
+        },
+    },
+    setup(props, { attrs, slots }) {
+        const contentRef = ref(null);
+        const width = ref(0);
+        const controller = new WidthTransitionController({
+            duration: props.duration,
+            easing: props.easing,
+            expanded: props.expanded,
+            mode: props.mode,
+        });
+        const state = ref(controller.getState());
+        let observer;
+        const measure = () => {
+            var _a, _b;
+            width.value = (_b = (_a = contentRef.value) === null || _a === void 0 ? void 0 : _a.scrollWidth) !== null && _b !== void 0 ? _b : 0;
+        };
+        watch(() => [props.duration, props.easing, props.expanded, props.mode], () => {
+            state.value = controller.update({
+                duration: props.duration,
+                easing: props.easing,
+                expanded: props.expanded,
+                mode: props.mode,
+            });
+            nextTick(measure);
+        }, { immediate: true });
+        onMounted(() => {
+            measure();
+            if (typeof ResizeObserver !== "undefined" && contentRef.value) {
+                observer = new ResizeObserver(measure);
+                observer.observe(contentRef.value);
+            }
+        });
+        onBeforeUnmount(() => observer === null || observer === void 0 ? void 0 : observer.disconnect());
+        return () => {
+            var _a;
+            return h("div", {
+                ...attrs,
+                class: props.className,
+                "data-expanded": state.value.expanded,
+                "data-mode": state.value.mode,
+                style: [
+                    attrs.style,
+                    {
+                        "--cc-width-transition-duration": `${state.value.duration}ms`,
+                        "--cc-width-transition-easing": state.value.easing,
+                        "--cc-width-transition-width": `${width.value}px`,
+                    },
+                ],
+            }, [
+                h("div", { ref: contentRef, class: props.contentClass }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)),
+            ]);
+        };
+    },
+});
+const ClassThemeBox = /*#__PURE__*/ defineComponent({
+    name: "ClassThemeBox",
+    inheritAttrs: false,
+    props: {
+        className: { type: String, default: "" },
+        radius: { type: String, default: undefined },
+        size: { type: String, default: "md" },
+        theme: {
+            type: [String, Object],
+            default: undefined,
+        },
+        variant: { type: String, default: "surface" },
+    },
+    setup(props, { attrs, slots }) {
+        const state = computed(() => new ThemeBoxController({
+            radius: props.radius,
+            size: props.size,
+            theme: resolveClassKitThemeName(props.theme),
+            variant: props.variant,
+        }).getState());
+        return () => {
+            var _a;
+            return h("div", {
+                ...attrs,
+                class: ["cc-theme-box", props.className, attrs.class].filter(Boolean),
+                "data-cc-theme": state.value.theme,
+                "data-size": state.value.size,
+                "data-variant": state.value.variant,
+                style: [
+                    attrs.style,
+                    { "--cc-theme-box-radius": state.value.radius },
+                ],
+            }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots));
+        };
     },
 });
 const ClassCodePreview = /*#__PURE__*/ defineComponent({
@@ -4108,7 +4335,8 @@ const ClassCodePreview = /*#__PURE__*/ defineComponent({
             });
         };
         const resolvePlacement = (estimate = false) => {
-            const rect = rootRef.value?.getBoundingClientRect();
+            var _a, _b, _c, _d;
+            const rect = (_a = rootRef.value) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
             const panel = panelRef.value;
             if (!rect || (!panel && !estimate) || typeof window === "undefined")
                 return;
@@ -4119,10 +4347,10 @@ const ClassCodePreview = /*#__PURE__*/ defineComponent({
             const maxPanelHeight = Math.max(160, viewportHeight - padding * 2);
             const maxPanelWidth = Math.max(160, viewportWidth - padding * 2);
             const minPanelHeight = Math.min(160, maxPanelHeight);
-            const panelContent = panel?.querySelector("pre");
-            const measuredPanelHeight = Math.max(panel?.offsetHeight ?? 0, panel?.scrollHeight ?? 0, panelContent?.scrollHeight ?? 0, estimate ? 420 : 0);
+            const panelContent = panel === null || panel === void 0 ? void 0 : panel.querySelector("pre");
+            const measuredPanelHeight = Math.max((_b = panel === null || panel === void 0 ? void 0 : panel.offsetHeight) !== null && _b !== void 0 ? _b : 0, (_c = panel === null || panel === void 0 ? void 0 : panel.scrollHeight) !== null && _c !== void 0 ? _c : 0, (_d = panelContent === null || panelContent === void 0 ? void 0 : panelContent.scrollHeight) !== null && _d !== void 0 ? _d : 0, estimate ? 420 : 0);
             const preferredPanelHeight = Math.min(Math.max(160, measuredPanelHeight || 420), maxPanelHeight);
-            const panelWidth = Math.min(Math.max(rect.width, panel?.offsetWidth || 720), maxPanelWidth);
+            const panelWidth = Math.min(Math.max(rect.width, (panel === null || panel === void 0 ? void 0 : panel.offsetWidth) || 720), maxPanelWidth);
             const availableBelow = Math.max(minPanelHeight, viewportHeight - rect.bottom - gap - padding);
             const availableAbove = Math.max(minPanelHeight, rect.top - gap - padding);
             const placementHeight = Math.min(preferredPanelHeight, Math.max(availableBelow, availableAbove));
@@ -4177,9 +4405,7 @@ const ClassCodePreview = /*#__PURE__*/ defineComponent({
         };
         const resolvePlacementFromViewport = () => resolvePlacement();
         const copy = async () => {
-            if (typeof navigator !== "undefined") {
-                await navigator.clipboard?.writeText(props.code);
-            }
+            await writeClipboardText(props.code);
             state.value = controller.copied();
             emit("copy", props.code);
             window.clearTimeout(resetTimer);
@@ -4200,10 +4426,11 @@ const ClassCodePreview = /*#__PURE__*/ defineComponent({
                 state.value = controller.close();
             };
             const closeOnOutside = (event) => {
+                var _a, _b;
                 const target = event.target;
                 if (target &&
-                    (rootRef.value?.contains(target) ||
-                        panelRef.value?.contains(target)))
+                    (((_a = rootRef.value) === null || _a === void 0 ? void 0 : _a.contains(target)) ||
+                        ((_b = panelRef.value) === null || _b === void 0 ? void 0 : _b.contains(target))))
                     return;
                 close();
             };
@@ -4229,6 +4456,7 @@ const ClassCodePreview = /*#__PURE__*/ defineComponent({
             window.removeEventListener("scroll", resolvePlacementFromViewport, true);
         });
         return () => {
+            var _a, _b;
             const panel = h("div", {
                 ref: panelRef,
                 class: "cc-code-preview__panel",
@@ -4259,7 +4487,7 @@ const ClassCodePreview = /*#__PURE__*/ defineComponent({
                 h("div", { class: "cc-code-preview__bar" }, [
                     h("div", { class: "cc-code-preview__meta" }, [
                         h("span", { class: "cc-code-preview__title" }, [
-                            slots.title?.() ?? props.title,
+                            (_b = (_a = slots.title) === null || _a === void 0 ? void 0 : _a.call(slots)) !== null && _b !== void 0 ? _b : props.title,
                         ]),
                         h("span", { class: "cc-code-preview__lang" }, state.value.language),
                     ]),
@@ -4341,7 +4569,8 @@ const ClassQRCode = /*#__PURE__*/ defineComponent({
             }
         }, { immediate: true });
         return () => {
-            const logoSize = props.logoSize ?? Math.round(props.size * 0.22);
+            var _a, _b, _c;
+            const logoSize = (_a = props.logoSize) !== null && _a !== void 0 ? _a : Math.round(props.size * 0.22);
             return h("span", {
                 ...attrs,
                 "aria-label": error.value ? props.errorText : props.value,
@@ -4350,7 +4579,7 @@ const ClassQRCode = /*#__PURE__*/ defineComponent({
                 style: { height: `${props.size}px`, width: `${props.size}px` },
             }, [
                 error.value
-                    ? h("span", { class: "cc-code__error" }, slots.error?.({ error: error.value }) ?? props.errorText)
+                    ? h("span", { class: "cc-code__error" }, (_c = (_b = slots.error) === null || _b === void 0 ? void 0 : _b.call(slots, { error: error.value })) !== null && _c !== void 0 ? _c : props.errorText)
                     : h("span", { class: "cc-qr-code__svg", innerHTML: svg.value }),
                 !error.value && props.logoSrc
                     ? h("span", {
@@ -4429,14 +4658,17 @@ const ClassBarcode = /*#__PURE__*/ defineComponent({
                 error.value = optionalDependencyError("jsbarcode", "Barcode rendering", "window.JsBarcode", nextError);
             }
         }, { immediate: true });
-        return () => h("span", {
-            ...attrs,
-            "aria-label": error.value ? props.errorText : props.value,
-            class: props.className,
-            role: "img",
-        }, error.value
-            ? h("span", { class: "cc-code__error" }, slots.error?.({ error: error.value }) ?? props.errorText)
-            : h("span", { innerHTML: svg.value }));
+        return () => {
+            var _a, _b;
+            return h("span", {
+                ...attrs,
+                "aria-label": error.value ? props.errorText : props.value,
+                class: props.className,
+                role: "img",
+            }, error.value
+                ? h("span", { class: "cc-code__error" }, (_b = (_a = slots.error) === null || _a === void 0 ? void 0 : _a.call(slots, { error: error.value })) !== null && _b !== void 0 ? _b : props.errorText)
+                : h("span", { innerHTML: svg.value }));
+        };
     },
 });
 const ClassEllipsisText = /*#__PURE__*/ defineComponent({
@@ -4506,15 +4738,17 @@ const ClassEllipsisText = /*#__PURE__*/ defineComponent({
                 handler(event);
         };
         const toggleExpanded = () => {
-            const current = props.expanded ?? innerExpanded.value;
+            var _a, _b;
+            const current = (_a = props.expanded) !== null && _a !== void 0 ? _a : innerExpanded.value;
             const next = !current;
             if (props.expanded === undefined)
                 innerExpanded.value = next;
-            props.onExpandedChange?.(next);
+            (_b = props.onExpandedChange) === null || _b === void 0 ? void 0 : _b.call(props, next);
         };
         return () => {
+            var _a, _b;
             const { class: attrClass, onClick, onKeydown, onKeyDown, role, style: attrStyle, tabindex, tabIndex, ...restAttrs } = attrs;
-            const isExpanded = props.expanded ?? innerExpanded.value;
+            const isExpanded = (_a = props.expanded) !== null && _a !== void 0 ? _a : innerExpanded.value;
             const cssVars = {
                 "--cc-ellipsis-collapsed-height": `calc(var(--cc-ellipsis-line-height) * ${Math.max(1, Math.floor(props.lines))})`,
                 "--cc-ellipsis-expanded-max-height": typeof props.expandedMaxHeight === "number"
@@ -4543,7 +4777,7 @@ const ClassEllipsisText = /*#__PURE__*/ defineComponent({
                         toggleExpanded();
                 },
                 onKeydown: (event) => {
-                    invokeAttrHandler(onKeydown ?? onKeyDown, event);
+                    invokeAttrHandler(onKeydown !== null && onKeydown !== void 0 ? onKeydown : onKeyDown, event);
                     if (!props.expandable ||
                         event.defaultPrevented ||
                         (event.key !== "Enter" && event.key !== " "))
@@ -4554,8 +4788,8 @@ const ClassEllipsisText = /*#__PURE__*/ defineComponent({
                 role: props.expandable ? "button" : role,
                 style: [attrStyle, cssVars],
                 tabindex: props.expandable
-                    ? (tabindex ?? tabIndex ?? 0)
-                    : (tabindex ?? tabIndex),
+                    ? ((_b = tabindex !== null && tabindex !== void 0 ? tabindex : tabIndex) !== null && _b !== void 0 ? _b : 0)
+                    : (tabindex !== null && tabindex !== void 0 ? tabindex : tabIndex),
             }, [h("span", { class: props.contentClass }, String(props.text))]);
         };
     },
@@ -4653,12 +4887,13 @@ const ClassMarquee = /*#__PURE__*/ defineComponent({
                 return { "data-clickable": false };
             return {
                 "data-clickable": true,
-                onClick: (event) => props.onItemClick?.(item, index, event),
+                onClick: (event) => { var _a; return (_a = props.onItemClick) === null || _a === void 0 ? void 0 : _a.call(props, item, index, event); },
                 onKeydown: (event) => {
+                    var _a;
                     if (event.key !== "Enter" && event.key !== " ")
                         return;
                     event.preventDefault();
-                    props.onItemClick?.(item, index, event);
+                    (_a = props.onItemClick) === null || _a === void 0 ? void 0 : _a.call(props, item, index, event);
                 },
                 role: "button",
                 tabindex: 0,
@@ -4667,12 +4902,16 @@ const ClassMarquee = /*#__PURE__*/ defineComponent({
         const renderGroup = (items, groupIndex) => h("span", {
             "aria-hidden": groupIndex > 0,
             class: props.groupClass,
-        }, items.map((item, index) => h("span", {
-            class: props.itemClass,
-            key: `${groupIndex}-${item.key}`,
-            ...getItemInteractiveProps(item, index),
-        }, slots.default?.({ index, item }) ?? item.text)));
+        }, items.map((item, index) => {
+            var _a, _b;
+            return h("span", {
+                class: props.itemClass,
+                key: `${groupIndex}-${item.key}`,
+                ...getItemInteractiveProps(item, index),
+            }, (_b = (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots, { index, item })) !== null && _b !== void 0 ? _b : item.text);
+        }));
         const renderStepItem = (items, index, itemClass, phase) => {
+            var _a, _b;
             const item = items[index];
             if (!item)
                 return null;
@@ -4681,7 +4920,7 @@ const ClassMarquee = /*#__PURE__*/ defineComponent({
                 "data-phase": phase,
                 key: `${phase}-${item.key}-${activeIndex.value}`,
                 ...getItemInteractiveProps(item, index),
-            }, slots.default?.({ index, item }) ?? item.text);
+            }, (_b = (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots, { index, item })) !== null && _b !== void 0 ? _b : item.text);
         };
         const resolveState = () => new MarqueeController(props.items, {
             direction: props.direction,
@@ -4734,6 +4973,7 @@ const ClassMarquee = /*#__PURE__*/ defineComponent({
             clearPreviousTimer();
         });
         return () => {
+            var _a;
             const state = resolveState();
             const isStepMarquee = state.direction === "vertical" && state.verticalMode === "step";
             return h("div", {
@@ -4744,7 +4984,7 @@ const ClassMarquee = /*#__PURE__*/ defineComponent({
                 "data-direction": state.direction,
                 "data-pause-on-hover": state.pauseOnHover,
                 "data-reverse": state.reverse,
-                "data-step-animation": state.stepAnimation ?? "none",
+                "data-step-animation": (_a = state.stepAnimation) !== null && _a !== void 0 ? _a : "none",
                 "data-vertical-mode": state.verticalMode,
                 role: "region",
                 style: {
@@ -4881,7 +5121,7 @@ const ClassVideoPlayer = /*#__PURE__*/ defineComponent({
     },
 });
 function resolveVideoDetailContainer(container) {
-    return typeof container === "function" ? container() : (container ?? null);
+    return typeof container === "function" ? container() : (container !== null && container !== void 0 ? container : null);
 }
 function videoDetailContainerRect(container) {
     const element = resolveVideoDetailContainer(container);
@@ -4924,12 +5164,13 @@ function videoDetailTargetRect(sourceRect, container) {
     };
 }
 function videoDetailOverlayStyle(backdropColor, container) {
+    var _a;
     const rect = videoDetailContainerRect(container);
     return {
         "--cc-video-detail-backdrop-color": backdropColor,
         ...(rect
             ? {
-                borderRadius: rect.borderRadius ?? 0,
+                borderRadius: (_a = rect.borderRadius) !== null && _a !== void 0 ? _a : 0,
                 height: `${rect.height}px`,
                 left: "0px",
                 overflow: "hidden",
@@ -4950,7 +5191,7 @@ function videoDetailStyle(state, full, container) {
             top: state.sourceRect.top - containerRect.top,
         }
         : state.sourceRect;
-    const rect = full ? target : (sourceRect ?? target);
+    const rect = full ? target : (sourceRect !== null && sourceRect !== void 0 ? sourceRect : target);
     return {
         "--cc-video-detail-duration": `${state.animationDuration}ms`,
         "--cc-video-detail-backdrop-color": state.backdropColor,
@@ -5105,29 +5346,36 @@ const ClassVideoDetailTransition = /*#__PURE__*/ defineComponent({
 });
 async function importOptionalLibrary(name) {
     try {
-        return await new Function("name", "return import(name)")(name);
+        if (name === "xlsx")
+            return await import('xlsx');
+        if (name === "mammoth")
+            return await import('mammoth');
+        return null;
     }
-    catch {
+    catch (_a) {
         return null;
     }
 }
 function getGlobalLibrary(name) {
-    const record = globalThis;
-    return record[name] ?? null;
+    var _a;
+    const record = getClassKitGlobal();
+    return record ? ((_a = record[name]) !== null && _a !== void 0 ? _a : null) : null;
 }
 async function renderExcelFileWithExternalLibrary(file) {
-    const xlsx = getGlobalLibrary("XLSX") ?? (await importOptionalLibrary("xlsx"));
+    var _a, _b;
+    const xlsx = (_a = getGlobalLibrary("XLSX")) !== null && _a !== void 0 ? _a : (await importOptionalLibrary("xlsx"));
     if (!xlsx)
         throw new Error("Excel local preview requires xlsx. Install it or load it from CDN.");
     const workbook = xlsx.read(await file.arrayBuffer(), { type: "array" });
-    const sheetName = workbook.SheetNames?.[0];
+    const sheetName = (_b = workbook.SheetNames) === null || _b === void 0 ? void 0 : _b[0];
     const sheet = sheetName ? workbook.Sheets[sheetName] : undefined;
     if (!sheet)
         return '<div class="cc-file-preview__local-empty">Empty workbook</div>';
     return xlsx.utils.sheet_to_html(sheet, { editable: false });
 }
 async function renderWordFileWithExternalLibrary(file) {
-    const mammoth = getGlobalLibrary("mammoth") ?? (await importOptionalLibrary("mammoth"));
+    var _a;
+    const mammoth = (_a = getGlobalLibrary("mammoth")) !== null && _a !== void 0 ? _a : (await importOptionalLibrary("mammoth"));
     if (!mammoth)
         throw new Error("Word local preview requires mammoth. Install it or load it from CDN.");
     const result = await mammoth.convertToHtml({
@@ -5157,7 +5405,8 @@ const ClassFilePreview = /*#__PURE__*/ defineComponent({
     },
     emits: ["pageChange", "update:currentPage"],
     setup(props, { attrs, emit }) {
-        const innerPage = ref(props.currentPage ?? 1);
+        var _a;
+        const innerPage = ref((_a = props.currentPage) !== null && _a !== void 0 ? _a : 1);
         const objectUrl = ref("");
         const localContent = ref("");
         const localError = ref("");
@@ -5210,6 +5459,7 @@ const ClassFilePreview = /*#__PURE__*/ defineComponent({
             props.renderLocalPpt,
             props.renderLocalWord,
         ], async () => {
+            var _a, _b, _c, _d;
             const file = props.file;
             if (!file) {
                 localContent.value = "";
@@ -5217,8 +5467,8 @@ const ClassFilePreview = /*#__PURE__*/ defineComponent({
                 return;
             }
             const state = new FilePreviewController({
-                currentPage: props.currentPage ?? innerPage.value,
-                fileName: props.fileName ?? file.name,
+                currentPage: (_a = props.currentPage) !== null && _a !== void 0 ? _a : innerPage.value,
+                fileName: (_b = props.fileName) !== null && _b !== void 0 ? _b : file.name,
                 pageCount: props.pageCount,
                 src: objectUrl.value || props.src || "",
                 type: props.type,
@@ -5236,9 +5486,9 @@ const ClassFilePreview = /*#__PURE__*/ defineComponent({
             localError.value = "";
             try {
                 const renderer = state.type === "excel"
-                    ? (props.renderLocalExcel ?? renderExcelFileWithExternalLibrary)
+                    ? ((_c = props.renderLocalExcel) !== null && _c !== void 0 ? _c : renderExcelFileWithExternalLibrary)
                     : state.type === "word"
-                        ? (props.renderLocalWord ?? renderWordFileWithExternalLibrary)
+                        ? ((_d = props.renderLocalWord) !== null && _d !== void 0 ? _d : renderWordFileWithExternalLibrary)
                         : props.renderLocalPpt;
                 if (!renderer)
                     throw new Error("PPT/PPTX 本地预览需要传入 renderLocalPpt，或先转换成 PDF 文件后按 PDF 预览。");
@@ -5259,10 +5509,11 @@ const ClassFilePreview = /*#__PURE__*/ defineComponent({
                 URL.revokeObjectURL(objectUrl.value);
         });
         return () => {
-            const activePage = props.currentPage ?? innerPage.value;
+            var _a, _b, _c, _d, _e, _f;
+            const activePage = (_a = props.currentPage) !== null && _a !== void 0 ? _a : innerPage.value;
             const controller = new FilePreviewController({
                 currentPage: activePage,
-                fileName: props.fileName ?? props.file?.name,
+                fileName: (_b = props.fileName) !== null && _b !== void 0 ? _b : (_c = props.file) === null || _c === void 0 ? void 0 : _c.name,
                 pageCount: props.pageCount,
                 src: objectUrl.value || props.src || "",
                 type: props.type,
@@ -5304,7 +5555,7 @@ const ClassFilePreview = /*#__PURE__*/ defineComponent({
                 h("div", { class: "cc-file-preview__toolbar" }, [
                     h("div", { class: "cc-file-preview__meta" }, [
                         h("span", { class: "cc-file-preview__badge" }, state.type.toUpperCase()),
-                        h("strong", null, props.title ?? state.title),
+                        h("strong", null, (_d = props.title) !== null && _d !== void 0 ? _d : state.title),
                         h("small", null, state.mode === "office"
                             ? "Office viewer"
                             : state.mode === "pdf"
@@ -5346,7 +5597,7 @@ const ClassFilePreview = /*#__PURE__*/ defineComponent({
                                 localError.value
                                     ? h("div", { class: "cc-file-preview__empty" }, [
                                         h("strong", null, "本地预览依赖未就绪"),
-                                        h("span", null, props.localUnsupportedText ?? localError.value),
+                                        h("span", null, (_e = props.localUnsupportedText) !== null && _e !== void 0 ? _e : localError.value),
                                     ])
                                     : h("div", {
                                         class: "cc-file-preview__local-html",
@@ -5367,7 +5618,7 @@ const ClassFilePreview = /*#__PURE__*/ defineComponent({
                                     class: "cc-file-preview__frame",
                                     key: state.previewUrl,
                                     src: state.previewUrl,
-                                    title: props.title ?? state.title,
+                                    title: (_f = props.title) !== null && _f !== void 0 ? _f : state.title,
                                     onLoad: () => hidePreviewLoading(),
                                 }),
                                 h("div", {
@@ -5426,7 +5677,7 @@ const ClassCanvasImage = /*#__PURE__*/ defineComponent({
         };
         expose({
             render,
-            toDataURL: (type = "image/png", quality) => canvasRef.value?.toDataURL(type, quality) ?? "",
+            toDataURL: (type = "image/png", quality) => { var _a, _b; return (_b = (_a = canvasRef.value) === null || _a === void 0 ? void 0 : _a.toDataURL(type, quality)) !== null && _b !== void 0 ? _b : ""; },
         });
         onMounted(() => {
             void render();
@@ -5483,12 +5734,13 @@ const ClassCanvasEditor = /*#__PURE__*/ defineComponent({
         "update:nodes",
     ],
     setup(props, { attrs, emit }) {
+        var _a, _b;
         const innerMode = ref(props.defaultMode);
         const innerNodes = ref(props.defaultNodes);
         const controller = new CanvasEditorController({
             disabled: props.disabled,
-            mode: props.mode ?? innerMode.value,
-            nodes: props.nodes ?? innerNodes.value,
+            mode: (_a = props.mode) !== null && _a !== void 0 ? _a : innerMode.value,
+            nodes: (_b = props.nodes) !== null && _b !== void 0 ? _b : innerNodes.value,
             readOnly: props.readOnly,
             rootId: props.rootId,
         });
@@ -5508,10 +5760,10 @@ const ClassCanvasEditor = /*#__PURE__*/ defineComponent({
             }
         };
         const centerMindRoot = (nextState = controller.getState()) => {
+            var _a, _b, _c, _d, _e;
             if (nextState.mode !== "mind" || didCenterMind.value || !mindRef.value)
                 return;
-            const rootNode = nextState.nodes.find((node) => node.id === nextState.rootId) ??
-                nextState.nodes[0];
+            const rootNode = (_a = nextState.nodes.find((node) => node.id === nextState.rootId)) !== null && _a !== void 0 ? _a : nextState.nodes[0];
             if (!rootNode)
                 return;
             const rect = mindRef.value.getBoundingClientRect();
@@ -5520,8 +5772,8 @@ const ClassCanvasEditor = /*#__PURE__*/ defineComponent({
             didCenterMind.value = true;
             commit(controller.updateOptions({
                 viewport: {
-                    x: rect.width / 2 - (rootNode.x ?? 0) - (rootNode.width ?? 0) / 2,
-                    y: rect.height / 2 - (rootNode.y ?? 0) - (rootNode.height ?? 0) / 2,
+                    x: rect.width / 2 - ((_b = rootNode.x) !== null && _b !== void 0 ? _b : 0) - ((_c = rootNode.width) !== null && _c !== void 0 ? _c : 0) / 2,
+                    y: rect.height / 2 - ((_d = rootNode.y) !== null && _d !== void 0 ? _d : 0) - ((_e = rootNode.height) !== null && _e !== void 0 ? _e : 0) / 2,
                 },
             }));
         };
@@ -5532,10 +5784,11 @@ const ClassCanvasEditor = /*#__PURE__*/ defineComponent({
             props.readOnly,
             props.rootId,
         ], () => {
+            var _a, _b;
             const nextState = controller.updateOptions({
                 disabled: props.disabled,
-                mode: props.mode ?? innerMode.value,
-                nodes: props.nodes ?? innerNodes.value,
+                mode: (_a = props.mode) !== null && _a !== void 0 ? _a : innerMode.value,
+                nodes: (_b = props.nodes) !== null && _b !== void 0 ? _b : innerNodes.value,
                 readOnly: props.readOnly,
                 rootId: props.rootId,
             });
@@ -5593,11 +5846,15 @@ const ClassCanvasEditor = /*#__PURE__*/ defineComponent({
             event.stopPropagation();
             drag.value = null;
         };
-        const getMindTitleRows = (node) => Math.max(1, Math.ceil(String(node.title || " ").length /
-            Math.max(1, Math.floor(((node.width ?? 160) - 24) / 7.2))));
+        const getMindTitleRows = (node) => {
+            var _a;
+            return Math.max(1, Math.ceil(String(node.title || " ").length /
+                Math.max(1, Math.floor((((_a = node.width) !== null && _a !== void 0 ? _a : 160) - 24) / 7.2))));
+        };
         const getMindContentRows = (node) => {
-            const charsPerLine = Math.max(1, Math.floor(((node.width ?? 160) - 24) / 7.2));
-            const content = String(node.content ?? "");
+            var _a, _b;
+            const charsPerLine = Math.max(1, Math.floor((((_a = node.width) !== null && _a !== void 0 ? _a : 160) - 24) / 7.2));
+            const content = String((_b = node.content) !== null && _b !== void 0 ? _b : "");
             if (content.trim() === "")
                 return 1;
             return content
@@ -5618,63 +5875,67 @@ const ClassCanvasEditor = /*#__PURE__*/ defineComponent({
                 event.currentTarget.blur();
             }
         };
-        const renderDocumentNode = (node, nodeMap, depth = 0) => h("section", {
-            class: "cc-canvas-editor__doc-node",
-            "data-depth": depth,
-            "data-editing": editingId.value === node.id,
-            key: node.id,
-        }, [
-            h("div", { class: "cc-canvas-editor__doc-head" }, [
-                h("input", {
-                    class: "cc-canvas-editor__doc-title",
-                    disabled: props.disabled,
-                    readonly: props.readOnly,
-                    value: node.title,
-                    onBlur: () => blurNode(node.id),
-                    onFocus: () => focusNode(node.id),
-                    onInput: (event) => updateNode(node.id, {
-                        title: event.currentTarget.value,
-                    }),
-                    onKeydown: handleTitleKeydown,
-                    onPointerdown: stopInputPointer,
-                }),
-                h("span", { class: "cc-canvas-editor__doc-actions" }, [
-                    h("button", {
-                        disabled: props.disabled || props.readOnly,
-                        type: "button",
-                        onClick: () => addNode(node.id),
-                    }, "子节点"),
-                    h("button", {
-                        disabled: props.disabled ||
-                            props.readOnly ||
-                            node.id === state.value.rootId,
-                        type: "button",
-                        onClick: () => commit(controller.removeNode(node.id), true),
-                    }, "删除"),
+        const renderDocumentNode = (node, nodeMap, depth = 0) => {
+            var _a, _b, _c, _d;
+            return h("section", {
+                class: "cc-canvas-editor__doc-node",
+                "data-depth": depth,
+                "data-editing": editingId.value === node.id,
+                key: node.id,
+            }, [
+                h("div", { class: "cc-canvas-editor__doc-head" }, [
+                    h("input", {
+                        class: "cc-canvas-editor__doc-title",
+                        disabled: props.disabled,
+                        readonly: props.readOnly,
+                        value: node.title,
+                        onBlur: () => blurNode(node.id),
+                        onFocus: () => focusNode(node.id),
+                        onInput: (event) => updateNode(node.id, {
+                            title: event.currentTarget.value,
+                        }),
+                        onKeydown: handleTitleKeydown,
+                        onPointerdown: stopInputPointer,
+                    }),
+                    h("span", { class: "cc-canvas-editor__doc-actions" }, [
+                        h("button", {
+                            disabled: props.disabled || props.readOnly,
+                            type: "button",
+                            onClick: () => addNode(node.id),
+                        }, "子节点"),
+                        h("button", {
+                            disabled: props.disabled ||
+                                props.readOnly ||
+                                node.id === state.value.rootId,
+                            type: "button",
+                            onClick: () => commit(controller.removeNode(node.id), true),
+                        }, "删除"),
+                    ]),
                 ]),
-            ]),
-            h("textarea", {
-                class: "cc-canvas-editor__doc-content",
-                disabled: props.disabled,
-                readonly: props.readOnly,
-                rows: Math.max(2, Math.ceil((node.content?.length ?? 0) / 42)),
-                value: node.content ?? "",
-                onBlur: () => blurNode(node.id),
-                onFocus: () => focusNode(node.id),
-                onInput: (event) => updateNode(node.id, {
-                    content: event.currentTarget.value,
+                h("textarea", {
+                    class: "cc-canvas-editor__doc-content",
+                    disabled: props.disabled,
+                    readonly: props.readOnly,
+                    rows: Math.max(2, Math.ceil(((_b = (_a = node.content) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) / 42)),
+                    value: (_c = node.content) !== null && _c !== void 0 ? _c : "",
+                    onBlur: () => blurNode(node.id),
+                    onFocus: () => focusNode(node.id),
+                    onInput: (event) => updateNode(node.id, {
+                        content: event.currentTarget.value,
+                    }),
+                    onKeydown: handleContentKeydown,
+                    onPointerdown: stopInputPointer,
                 }),
-                onKeydown: handleContentKeydown,
-                onPointerdown: stopInputPointer,
-            }),
-            ...(node.children ?? []).map((childId) => {
-                const child = nodeMap.get(childId);
-                return child ? renderDocumentNode(child, nodeMap, depth + 1) : null;
-            }),
-        ]);
+                ...((_d = node.children) !== null && _d !== void 0 ? _d : []).map((childId) => {
+                    const child = nodeMap.get(childId);
+                    return child ? renderDocumentNode(child, nodeMap, depth + 1) : null;
+                }),
+            ]);
+        };
         return () => {
+            var _a;
             const nodeMap = new Map(state.value.nodes.map((node) => [node.id, node]));
-            const root = nodeMap.get(state.value.rootId) ?? state.value.nodes[0];
+            const root = (_a = nodeMap.get(state.value.rootId)) !== null && _a !== void 0 ? _a : state.value.nodes[0];
             return h("div", {
                 ...attrs,
                 class: props.className,
@@ -5735,6 +5996,7 @@ const ClassCanvasEditor = /*#__PURE__*/ defineComponent({
                         class: "cc-canvas-editor__mind",
                         ref: mindRef,
                         onPointerdown: (event) => {
+                            var _a, _b;
                             if (props.disabled ||
                                 event.target.closest(".cc-canvas-editor__card"))
                                 return;
@@ -5743,7 +6005,7 @@ const ClassCanvasEditor = /*#__PURE__*/ defineComponent({
                                 lastY: event.clientY,
                                 type: "pan",
                             };
-                            event.currentTarget.setPointerCapture?.(event.pointerId);
+                            (_b = (_a = event.currentTarget).setPointerCapture) === null || _b === void 0 ? void 0 : _b.call(_a, event.pointerId);
                         },
                         onPointermove: (event) => {
                             if (!drag.value || drag.value.type !== "pan")
@@ -5771,83 +6033,87 @@ const ClassCanvasEditor = /*#__PURE__*/ defineComponent({
                                 d: link.d,
                                 key: `${link.from}-${link.to}`,
                             }))),
-                            ...state.value.nodes.map((node) => h("article", {
-                                class: "cc-canvas-editor__card",
-                                "data-editing": editingId.value === node.id,
-                                "data-selected": state.value.selectedId === node.id,
-                                key: node.id,
-                                style: {
-                                    minHeight: `${node.height}px`,
-                                    transform: `translate3d(${node.x}px, ${node.y}px, 0)`,
-                                    width: `${node.width}px`,
-                                },
-                                onPointerdown: (event) => {
-                                    if (props.disabled || props.readOnly)
-                                        return;
-                                    event.stopPropagation();
-                                    if (event.target.closest("input, textarea")) {
-                                        focusNode(node.id);
-                                        return;
-                                    }
-                                    drag.value = {
-                                        id: node.id,
-                                        lastX: event.clientX,
-                                        lastY: event.clientY,
-                                        type: "node",
-                                    };
-                                    commit(controller.select(node.id));
-                                    event.currentTarget.setPointerCapture?.(event.pointerId);
-                                },
-                                onPointermove: (event) => {
-                                    if (!drag.value ||
-                                        drag.value.type !== "node" ||
-                                        drag.value.id !== node.id)
-                                        return;
-                                    const deltaX = event.clientX - drag.value.lastX;
-                                    const deltaY = event.clientY - drag.value.lastY;
-                                    drag.value.lastX = event.clientX;
-                                    drag.value.lastY = event.clientY;
-                                    commit(controller.moveNode({
-                                        deltaX,
-                                        deltaY,
-                                        id: node.id,
-                                    }), true);
-                                },
-                                onPointerup: () => {
-                                    drag.value = null;
-                                },
-                                onPointercancel: () => {
-                                    drag.value = null;
-                                },
-                            }, [
-                                h("textarea", {
-                                    class: "cc-canvas-editor__card-title",
-                                    disabled: props.disabled,
-                                    readonly: props.readOnly,
-                                    rows: getMindTitleRows(node),
-                                    value: node.title,
-                                    onBlur: () => blurNode(node.id),
-                                    onFocus: () => focusNode(node.id),
-                                    onInput: (event) => updateNode(node.id, {
-                                        title: event.currentTarget.value,
+                            ...state.value.nodes.map((node) => {
+                                var _a;
+                                return h("article", {
+                                    class: "cc-canvas-editor__card",
+                                    "data-editing": editingId.value === node.id,
+                                    "data-selected": state.value.selectedId === node.id,
+                                    key: node.id,
+                                    style: {
+                                        minHeight: `${node.height}px`,
+                                        transform: `translate3d(${node.x}px, ${node.y}px, 0)`,
+                                        width: `${node.width}px`,
+                                    },
+                                    onPointerdown: (event) => {
+                                        var _a, _b;
+                                        if (props.disabled || props.readOnly)
+                                            return;
+                                        event.stopPropagation();
+                                        if (event.target.closest("input, textarea")) {
+                                            focusNode(node.id);
+                                            return;
+                                        }
+                                        drag.value = {
+                                            id: node.id,
+                                            lastX: event.clientX,
+                                            lastY: event.clientY,
+                                            type: "node",
+                                        };
+                                        commit(controller.select(node.id));
+                                        (_b = (_a = event.currentTarget).setPointerCapture) === null || _b === void 0 ? void 0 : _b.call(_a, event.pointerId);
+                                    },
+                                    onPointermove: (event) => {
+                                        if (!drag.value ||
+                                            drag.value.type !== "node" ||
+                                            drag.value.id !== node.id)
+                                            return;
+                                        const deltaX = event.clientX - drag.value.lastX;
+                                        const deltaY = event.clientY - drag.value.lastY;
+                                        drag.value.lastX = event.clientX;
+                                        drag.value.lastY = event.clientY;
+                                        commit(controller.moveNode({
+                                            deltaX,
+                                            deltaY,
+                                            id: node.id,
+                                        }), true);
+                                    },
+                                    onPointerup: () => {
+                                        drag.value = null;
+                                    },
+                                    onPointercancel: () => {
+                                        drag.value = null;
+                                    },
+                                }, [
+                                    h("textarea", {
+                                        class: "cc-canvas-editor__card-title",
+                                        disabled: props.disabled,
+                                        readonly: props.readOnly,
+                                        rows: getMindTitleRows(node),
+                                        value: node.title,
+                                        onBlur: () => blurNode(node.id),
+                                        onFocus: () => focusNode(node.id),
+                                        onInput: (event) => updateNode(node.id, {
+                                            title: event.currentTarget.value,
+                                        }),
+                                        onKeydown: handleTitleKeydown,
+                                        onPointerdown: stopInputPointer,
                                     }),
-                                    onKeydown: handleTitleKeydown,
-                                    onPointerdown: stopInputPointer,
-                                }),
-                                h("textarea", {
-                                    disabled: props.disabled,
-                                    readonly: props.readOnly,
-                                    rows: getMindContentRows(node),
-                                    value: node.content ?? "",
-                                    onBlur: () => blurNode(node.id),
-                                    onFocus: () => focusNode(node.id),
-                                    onInput: (event) => updateNode(node.id, {
-                                        content: event.currentTarget.value,
+                                    h("textarea", {
+                                        disabled: props.disabled,
+                                        readonly: props.readOnly,
+                                        rows: getMindContentRows(node),
+                                        value: (_a = node.content) !== null && _a !== void 0 ? _a : "",
+                                        onBlur: () => blurNode(node.id),
+                                        onFocus: () => focusNode(node.id),
+                                        onInput: (event) => updateNode(node.id, {
+                                            content: event.currentTarget.value,
+                                        }),
+                                        onKeydown: handleContentKeydown,
+                                        onPointerdown: stopInputPointer,
                                     }),
-                                    onKeydown: handleContentKeydown,
-                                    onPointerdown: stopInputPointer,
-                                }),
-                            ])),
+                                ]);
+                            }),
                         ]),
                     ]),
             ]);
@@ -5880,9 +6146,10 @@ const ClassProgressBar = /*#__PURE__*/ defineComponent({
     },
     emits: ["change", "changeEnd", "update:value"],
     setup(props, { attrs, emit }) {
+        var _a, _b, _c;
         const form = inject(formSymbol, null);
         const formInteractivity = useFormInteractivity();
-        const formState = shallowRef(form?.getState() ?? null);
+        const formState = shallowRef((_a = form === null || form === void 0 ? void 0 : form.getState()) !== null && _a !== void 0 ? _a : null);
         const trackRef = ref(null);
         const thumbRef = ref(null);
         const dragging = ref(false);
@@ -5891,8 +6158,8 @@ const ClassProgressBar = /*#__PURE__*/ defineComponent({
             ? Math.max(safeMin.value, props.max)
             : Math.max(safeMin.value, 100));
         const safeStep = computed(() => Number.isFinite(props.step) && props.step > 0 ? props.step : 1);
-        const formField = computed(() => props.name ? formState.value?.fields[props.name] : undefined);
-        const formFieldValue = computed(() => Number(formField.value?.value));
+        const formField = computed(() => { var _a; return props.name ? (_a = formState.value) === null || _a === void 0 ? void 0 : _a.fields[props.name] : undefined; });
+        const formFieldValue = computed(() => { var _a; return Number((_a = formField.value) === null || _a === void 0 ? void 0 : _a.value); });
         const usesFormField = computed(() => Boolean(form && props.name));
         const safeValue = computed(() => usesFormField.value && Number.isFinite(formFieldValue.value)
             ? formFieldValue.value
@@ -5903,33 +6170,37 @@ const ClassProgressBar = /*#__PURE__*/ defineComponent({
         const fieldInitialValue = computed(() => Number.isFinite(props.initialValue)
             ? props.initialValue
             : safeDefaultValue.value);
-        const interactivity = computed(() => resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly));
+        const interactivity = computed(() => {
+            var _a;
+            return resolveFieldInteractivity(formInteractivity, props.disabled, (_a = props.readOnly) !== null && _a !== void 0 ? _a : props.readonly);
+        });
         const locked = computed(() => interactivity.value.disabled || interactivity.value.readOnly);
         const controller = new ProgressController({
             disabled: locked.value,
             max: safeMax.value,
             min: safeMin.value,
             step: safeStep.value,
-            value: safeValue.value ?? fieldInitialValue.value ?? safeMin.value,
+            value: (_c = (_b = safeValue.value) !== null && _b !== void 0 ? _b : fieldInitialValue.value) !== null && _c !== void 0 ? _c : safeMin.value,
         });
         const state = ref(controller.getState());
         let unsubscribeField;
         let unsubscribeForm;
         onMounted(() => {
+            var _a;
             if (!form || !props.name)
                 return;
             unsubscribeForm = form.subscribe((nextState) => {
                 formState.value = nextState;
             });
             unsubscribeField = form.registerField(props.name, {
-                initialValue: fieldInitialValue.value ?? safeMin.value,
+                initialValue: (_a = fieldInitialValue.value) !== null && _a !== void 0 ? _a : safeMin.value,
                 rules: props.rules,
                 validateOn: props.validateOn,
             });
         });
         onBeforeUnmount(() => {
-            unsubscribeField?.();
-            unsubscribeForm?.();
+            unsubscribeField === null || unsubscribeField === void 0 ? void 0 : unsubscribeField();
+            unsubscribeForm === null || unsubscribeForm === void 0 ? void 0 : unsubscribeForm();
         });
         watch(() => [
             locked.value,
@@ -5939,12 +6210,13 @@ const ClassProgressBar = /*#__PURE__*/ defineComponent({
             props.value,
             formFieldValue.value,
         ], () => {
+            var _a;
             state.value = controller.updateOptions({
                 disabled: locked.value,
                 max: safeMax.value,
                 min: safeMin.value,
                 step: safeStep.value,
-                value: safeValue.value ?? state.value.value,
+                value: (_a = safeValue.value) !== null && _a !== void 0 ? _a : state.value.value,
             });
         });
         const commitValue = (nextValue, end = false) => {
@@ -5957,10 +6229,11 @@ const ClassProgressBar = /*#__PURE__*/ defineComponent({
                 emit("changeEnd", state.value.value);
         };
         const updateFromClientX = (clientX, end = false) => {
-            const rect = trackRef.value?.getBoundingClientRect();
+            var _a, _b, _c;
+            const rect = (_a = trackRef.value) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
             if (!rect)
                 return;
-            state.value = controller.valueFromClientX(clientX, rect, thumbRef.value?.offsetWidth ?? 0);
+            state.value = controller.valueFromClientX(clientX, rect, (_c = (_b = thumbRef.value) === null || _b === void 0 ? void 0 : _b.offsetWidth) !== null && _c !== void 0 ? _c : 0);
             if (form && props.name)
                 void form.setValue(props.name, state.value.value);
             emit("update:value", state.value.value);
@@ -5969,7 +6242,8 @@ const ClassProgressBar = /*#__PURE__*/ defineComponent({
                 emit("changeEnd", state.value.value);
         };
         return () => {
-            const errors = formField.value?.errors ?? [];
+            var _a, _b, _c;
+            const errors = (_b = (_a = formField.value) === null || _a === void 0 ? void 0 : _a.errors) !== null && _b !== void 0 ? _b : [];
             const errorId = props.name ? `${props.name}-error` : undefined;
             const progress = h("div", {
                 ...attrs,
@@ -6000,12 +6274,13 @@ const ClassProgressBar = /*#__PURE__*/ defineComponent({
                         commitValue(state.value.max);
                 },
                 onPointerdown: (event) => {
+                    var _a, _b;
                     if (locked.value || !props.interactive)
                         return;
                     event.preventDefault();
                     dragging.value = true;
                     updateFromClientX(event.clientX);
-                    event.currentTarget.setPointerCapture(event.pointerId);
+                    (_b = (_a = event.currentTarget).setPointerCapture) === null || _b === void 0 ? void 0 : _b.call(_a, event.pointerId);
                 },
                 onPointermove: (event) => {
                     if (!props.interactive ||
@@ -6016,10 +6291,11 @@ const ClassProgressBar = /*#__PURE__*/ defineComponent({
                     updateFromClientX(event.clientX);
                 },
                 onPointerup: (event) => {
+                    var _a, _b;
                     if (locked.value || !props.interactive)
                         return;
                     dragging.value = false;
-                    event.currentTarget.releasePointerCapture?.(event.pointerId);
+                    (_b = (_a = event.currentTarget).releasePointerCapture) === null || _b === void 0 ? void 0 : _b.call(_a, event.pointerId);
                     updateFromClientX(event.clientX, true);
                 },
                 onPointercancel: () => {
@@ -6051,7 +6327,7 @@ const ClassProgressBar = /*#__PURE__*/ defineComponent({
                     : null,
                 progress,
                 errorId && errors.length > 0
-                    ? h("div", { class: props.errorClass ?? "cc-field__error", id: errorId }, errors.join("，"))
+                    ? h("div", { class: (_c = props.errorClass) !== null && _c !== void 0 ? _c : "cc-field__error", id: errorId }, errors.join("，"))
                     : null,
             ]);
         };
@@ -6158,15 +6434,16 @@ const ClassSignature = /*#__PURE__*/ defineComponent({
     },
     emits: ["change", "clear", "end", "undo"],
     setup(props, { attrs, emit, expose }) {
+        var _a, _b;
         const form = inject(formSymbol, null);
         const formInteractivity = useFormInteractivity();
-        const formState = shallowRef(form?.getState() ?? null);
+        const formState = shallowRef((_a = form === null || form === void 0 ? void 0 : form.getState()) !== null && _a !== void 0 ? _a : null);
         const canvasRef = ref(null);
         const controller = new SignatureController({
             disabled: Boolean(props.disabled),
             lineWidth: props.lineWidth,
             penColor: props.penColor,
-            readOnly: Boolean(props.readOnly ?? props.readonly),
+            readOnly: Boolean((_b = props.readOnly) !== null && _b !== void 0 ? _b : props.readonly),
         });
         const state = ref(controller.getState());
         let resizeObserver;
@@ -6198,24 +6475,25 @@ const ClassSignature = /*#__PURE__*/ defineComponent({
         expose({
             clear,
             isEmpty: () => controller.getState().isEmpty,
-            toDataURL: (type = props.exportType, quality) => canvasRef.value?.toDataURL(type, quality) ?? "",
+            toDataURL: (type = props.exportType, quality) => { var _a, _b; return (_b = (_a = canvasRef.value) === null || _a === void 0 ? void 0 : _a.toDataURL(type, quality)) !== null && _b !== void 0 ? _b : ""; },
             undo,
         });
         onMounted(() => {
+            var _a, _b;
             if (form && props.name) {
                 unsubscribeForm = form.subscribe((nextState) => {
                     formState.value = nextState;
                 });
                 unsubscribeField = form.registerField(props.name, {
-                    initialValue: props.initialValue ?? controller.getState(),
+                    initialValue: (_a = props.initialValue) !== null && _a !== void 0 ? _a : controller.getState(),
                     rules: props.rules,
                     validateOn: props.validateOn,
                 });
             }
             const initialStrokes = Array.isArray(props.initialValue)
                 ? props.initialValue
-                : props.initialValue?.strokes;
-            if (initialStrokes?.length)
+                : (_b = props.initialValue) === null || _b === void 0 ? void 0 : _b.strokes;
+            if (initialStrokes === null || initialStrokes === void 0 ? void 0 : initialStrokes.length)
                 commit(controller.replaceStrokes(initialStrokes), false);
             if (canvasRef.value && typeof ResizeObserver !== "undefined") {
                 resizeObserver = new ResizeObserver(() => redraw());
@@ -6224,13 +6502,16 @@ const ClassSignature = /*#__PURE__*/ defineComponent({
             redraw();
         });
         onBeforeUnmount(() => {
-            resizeObserver?.disconnect();
-            unsubscribeField?.();
-            unsubscribeForm?.();
-        });
-        watch(() => formState.value && props.name
-            ? formState.value.fields[props.name]?.value
-            : undefined, (nextValue) => {
+            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
+            unsubscribeField === null || unsubscribeField === void 0 ? void 0 : unsubscribeField();
+            unsubscribeForm === null || unsubscribeForm === void 0 ? void 0 : unsubscribeForm();
+        });
+        watch(() => {
+            var _a;
+            return formState.value && props.name
+                ? (_a = formState.value.fields[props.name]) === null || _a === void 0 ? void 0 : _a.value
+                : undefined;
+        }, (nextValue) => {
             if (!nextValue ||
                 typeof nextValue !== "object" ||
                 !("strokes" in nextValue))
@@ -6250,7 +6531,8 @@ const ClassSignature = /*#__PURE__*/ defineComponent({
             formInteractivity.disabled.value,
             formInteractivity.readOnly.value,
         ], () => {
-            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            var _a;
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, (_a = props.readOnly) !== null && _a !== void 0 ? _a : props.readonly);
             commit(controller.updateOptions({
                 disabled: interactivity.disabled,
                 lineWidth: props.lineWidth,
@@ -6260,10 +6542,11 @@ const ClassSignature = /*#__PURE__*/ defineComponent({
         }, { immediate: true });
         watch(() => props.backgroundColor, () => redraw());
         const handlePointerDown = (event) => {
+            var _a, _b;
             if (state.value.disabled || state.value.readOnly || !canvasRef.value)
                 return;
             event.preventDefault();
-            event.currentTarget.setPointerCapture(event.pointerId);
+            (_b = (_a = event.currentTarget).setPointerCapture) === null || _b === void 0 ? void 0 : _b.call(_a, event.pointerId);
             const point = signaturePointFromEvent(canvasRef.value, event);
             commit(controller.beginStroke(point.x, point.y, point, point.pressure));
         };
@@ -6285,11 +6568,12 @@ const ClassSignature = /*#__PURE__*/ defineComponent({
             emit("end", next);
         };
         return () => {
-            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            var _a, _b, _c, _d;
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, (_a = props.readOnly) !== null && _a !== void 0 ? _a : props.readonly);
             const field = props.name
-                ? formState.value?.fields[props.name]
+                ? (_b = formState.value) === null || _b === void 0 ? void 0 : _b.fields[props.name]
                 : undefined;
-            const errors = field?.errors ?? [];
+            const errors = (_c = field === null || field === void 0 ? void 0 : field.errors) !== null && _c !== void 0 ? _c : [];
             const errorId = props.name ? `${props.name}-error` : undefined;
             const signature = h("div", {
                 ...attrs,
@@ -6350,7 +6634,7 @@ const ClassSignature = /*#__PURE__*/ defineComponent({
                     : null,
                 signature,
                 errors.length > 0 && errorId
-                    ? h("span", { class: props.errorClass ?? "cc-field__error", id: errorId }, errors[0])
+                    ? h("span", { class: (_d = props.errorClass) !== null && _d !== void 0 ? _d : "cc-field__error", id: errorId }, errors[0])
                     : null,
             ]);
         };
@@ -6373,18 +6657,21 @@ const ClassTimeline = /*#__PURE__*/ defineComponent({
                 direction: props.direction,
                 items: props.items,
             }).getState();
-            return h("ol", { ...attrs, class: props.className, "data-direction": state.direction }, state.items.map((item, index) => h("li", {
-                class: "cc-timeline__item",
-                "data-status": item.status ?? "pending",
-                key: item.id,
-            }, [
-                h("span", { class: "cc-timeline__dot" }),
-                h("div", { class: "cc-timeline__content" }, slots.default?.({ index, item }) ?? [
-                    h("strong", item.title),
-                    item.meta ? h("span", item.meta) : null,
-                    item.description ? h("p", item.description) : null,
-                ]),
-            ])));
+            return h("ol", { ...attrs, class: props.className, "data-direction": state.direction }, state.items.map((item, index) => {
+                var _a, _b, _c;
+                return h("li", {
+                    class: "cc-timeline__item",
+                    "data-status": (_a = item.status) !== null && _a !== void 0 ? _a : "pending",
+                    key: item.id,
+                }, [
+                    h("span", { class: "cc-timeline__dot" }),
+                    h("div", { class: "cc-timeline__content" }, (_c = (_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots, { index, item })) !== null && _c !== void 0 ? _c : [
+                        h("strong", item.title),
+                        item.meta ? h("span", item.meta) : null,
+                        item.description ? h("p", item.description) : null,
+                    ]),
+                ]);
+            }));
         };
     },
 });
@@ -6430,22 +6717,24 @@ const ClassDraggable = /*#__PURE__*/ defineComponent({
             };
         };
         const getLocalPoint = (event) => {
-            const rect = props.boundary?.getBoundingClientRect();
+            var _a, _b, _c;
+            const rect = (_a = props.boundary) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
             return {
-                x: event.clientX - (rect?.left ?? 0),
-                y: event.clientY - (rect?.top ?? 0),
+                x: event.clientX - ((_b = rect === null || rect === void 0 ? void 0 : rect.left) !== null && _b !== void 0 ? _b : 0),
+                y: event.clientY - ((_c = rect === null || rect === void 0 ? void 0 : rect.top) !== null && _c !== void 0 ? _c : 0),
             };
         };
         const syncTarget = (position) => {
+            var _a, _b, _c;
             const element = elementRef.value;
             const target = props.target;
-            const boundaryRect = props.boundary?.getBoundingClientRect();
+            const boundaryRect = (_a = props.boundary) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
             if (!element || !target)
                 return false;
             const targetRect = target.getBoundingClientRect();
             const nextOverTarget = controller.isOverTarget({
-                x: position.x + (boundaryRect?.left ?? 0),
-                y: position.y + (boundaryRect?.top ?? 0),
+                x: position.x + ((_b = boundaryRect === null || boundaryRect === void 0 ? void 0 : boundaryRect.left) !== null && _b !== void 0 ? _b : 0),
+                y: position.y + ((_c = boundaryRect === null || boundaryRect === void 0 ? void 0 : boundaryRect.top) !== null && _c !== void 0 ? _c : 0),
                 width: element.offsetWidth,
                 height: element.offsetHeight,
             }, {
@@ -6494,36 +6783,40 @@ const ClassDraggable = /*#__PURE__*/ defineComponent({
             window.removeEventListener("pointerup", handleEnd);
             window.removeEventListener("pointercancel", handleEnd);
         });
-        return () => h("div", {
-            ...attrs,
-            class: props.className,
-            "data-disabled": props.disabled,
-            "data-dragging": state.value.dragging,
-            "data-over-target": overTarget.value,
-            ref: elementRef,
-            style: {
-                transform: `translate3d(${state.value.position.x}px, ${state.value.position.y}px, 0)`,
-            },
-            onPointerdown: (event) => {
-                if (props.disabled)
-                    return;
-                syncOptions();
-                state.value = controller.start(getLocalPoint(event), state.value.position);
-                syncTarget(state.value.position);
-                emit("dragStart", state.value.position);
-                event.currentTarget.setPointerCapture(event.pointerId);
-                window.addEventListener("pointermove", handleMove, {
-                    passive: true,
-                });
-                window.addEventListener("pointerup", handleEnd, { passive: true });
-                window.addEventListener("pointercancel", handleEnd, {
-                    passive: true,
-                });
-            },
-        }, slots.default?.({
-            dragging: state.value.dragging,
-            position: state.value.position,
-        }));
+        return () => {
+            var _a;
+            return h("div", {
+                ...attrs,
+                class: props.className,
+                "data-disabled": props.disabled,
+                "data-dragging": state.value.dragging,
+                "data-over-target": overTarget.value,
+                ref: elementRef,
+                style: {
+                    transform: `translate3d(${state.value.position.x}px, ${state.value.position.y}px, 0)`,
+                },
+                onPointerdown: (event) => {
+                    var _a, _b;
+                    if (props.disabled)
+                        return;
+                    syncOptions();
+                    state.value = controller.start(getLocalPoint(event), state.value.position);
+                    syncTarget(state.value.position);
+                    emit("dragStart", state.value.position);
+                    (_b = (_a = event.currentTarget).setPointerCapture) === null || _b === void 0 ? void 0 : _b.call(_a, event.pointerId);
+                    window.addEventListener("pointermove", handleMove, {
+                        passive: true,
+                    });
+                    window.addEventListener("pointerup", handleEnd, { passive: true });
+                    window.addEventListener("pointercancel", handleEnd, {
+                        passive: true,
+                    });
+                },
+            }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots, {
+                dragging: state.value.dragging,
+                position: state.value.position,
+            }));
+        };
     },
 });
 function reorderDropItems(items, fromIndex, toIndex, mode) {
@@ -6570,7 +6863,13 @@ function readDragDropPreviewStyleVars(element) {
         "--cc-drag-drop-preview-shadow": read("--cc-drag-drop-preview-shadow"),
         "--cc-drag-drop-motion-duration": read("--cc-drag-drop-motion-duration"),
     };
-    return Object.fromEntries(Object.entries(values).filter(([, value]) => value.length > 0));
+    const next = {};
+    Object.entries(values).forEach(([key, value]) => {
+        if (value.length > 0) {
+            next[key] = value;
+        }
+    });
+    return next;
 }
 const ClassDragDropBoard = /*#__PURE__*/ defineComponent({
     name: "ClassDragDropBoard",
@@ -6619,7 +6918,8 @@ const ClassDragDropBoard = /*#__PURE__*/ defineComponent({
             moveFrame = window.requestAnimationFrame(flushPreviewPosition);
         };
         const isPreviewInsideBoard = (currentPreview) => {
-            const boardRect = boardRef.value?.getBoundingClientRect();
+            var _a;
+            const boardRect = (_a = boardRef.value) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
             if (!boardRect)
                 return true;
             return (getRectOverlapRatio(getPreviewRect(currentPreview), boardRect) > 0.05);
@@ -6631,9 +6931,10 @@ const ClassDragDropBoard = /*#__PURE__*/ defineComponent({
             if (!isPreviewInsideBoard(currentPreview))
                 return nextIndex;
             itemRefs.forEach((element, id) => {
+                var _a;
                 if (id === state.value.draggingId)
                     return;
-                const rect = slotRects.get(id) ?? element.getBoundingClientRect();
+                const rect = (_a = slotRects.get(id)) !== null && _a !== void 0 ? _a : element.getBoundingClientRect();
                 const ratio = getRectOverlapRatio(previewRect, rect);
                 if (ratio >= 0.8 && ratio > bestRatio) {
                     bestRatio = ratio;
@@ -6679,9 +6980,10 @@ const ClassDragDropBoard = /*#__PURE__*/ defineComponent({
             return `translate3d(${deltaX}px, ${deltaY}px, 0)`;
         };
         const finishDrag = (action) => {
+            var _a;
             if (action === "end") {
                 const fromIndex = state.value.items.findIndex((item) => item.id === state.value.draggingId);
-                const toIndex = state.value.overIndex ?? fromIndex;
+                const toIndex = (_a = state.value.overIndex) !== null && _a !== void 0 ? _a : fromIndex;
                 const nextItems = reorderDropItems(state.value.items, fromIndex, toIndex, props.mode);
                 controller.cancel();
                 isCommittingDrop.value = true;
@@ -6702,7 +7004,7 @@ const ClassDragDropBoard = /*#__PURE__*/ defineComponent({
             preview.value = null;
         };
         const endDrag = () => {
-            const currentPreview = dragSession ?? preview.value;
+            const currentPreview = dragSession !== null && dragSession !== void 0 ? dragSession : preview.value;
             if (currentPreview && !currentPreview.dropping) {
                 const originalIndex = getOriginalIndex();
                 const shouldCancel = !isPreviewInsideBoard(currentPreview) ||
@@ -6744,7 +7046,7 @@ const ClassDragDropBoard = /*#__PURE__*/ defineComponent({
             finishDrag("end");
         };
         const cancelDrag = () => {
-            const currentPreview = dragSession ?? preview.value;
+            const currentPreview = dragSession !== null && dragSession !== void 0 ? dragSession : preview.value;
             if (currentPreview && !currentPreview.dropping) {
                 const returningPreview = {
                     ...currentPreview,
@@ -6770,128 +7072,133 @@ const ClassDragDropBoard = /*#__PURE__*/ defineComponent({
             if (commitFrame)
                 window.cancelAnimationFrame(commitFrame);
         });
-        return () => h("div", {
-            ...attrs,
-            class: props.className,
-            ref: boardRef,
-            style: { "--cc-drag-drop-columns": props.columns },
-        }, [
-            ...state.value.items.map((item, index) => {
-                const dragging = state.value.draggingId === item.id;
-                const over = state.value.overIndex === index &&
-                    state.value.draggingId !== undefined;
-                const transform = dragging
-                    ? undefined
-                    : getSlotTransform(item, index);
-                const slotStyle = {
-                    ...(transform ? { transform } : {}),
-                    ...(isCommittingDrop.value ? { transition: "none" } : {}),
-                };
-                return h("div", {
-                    class: "cc-drag-drop-board__slot",
-                    "data-disabled": item.disabled,
-                    "data-dragging": dragging,
-                    "data-over": over,
-                    key: item.id,
-                    style: Object.keys(slotStyle).length ? slotStyle : undefined,
-                    ref: (node) => {
-                        if (node instanceof HTMLElement)
-                            itemRefs.set(item.id, node);
-                        else
-                            itemRefs.delete(item.id);
-                    },
-                    onPointerdown: (event) => {
-                        if (item.disabled)
-                            return;
-                        const nextSlotRects = new Map();
-                        itemRefs.forEach((element, id) => {
-                            const itemRect = element.getBoundingClientRect();
-                            nextSlotRects.set(id, {
-                                bottom: itemRect.bottom,
-                                height: itemRect.height,
-                                left: itemRect.left,
-                                right: itemRect.right,
-                                top: itemRect.top,
-                                width: itemRect.width,
+        return () => {
+            var _a, _b;
+            return h("div", {
+                ...attrs,
+                class: props.className,
+                ref: boardRef,
+                style: { "--cc-drag-drop-columns": props.columns },
+            }, [
+                ...state.value.items.map((item, index) => {
+                    var _a, _b;
+                    const dragging = state.value.draggingId === item.id;
+                    const over = state.value.overIndex === index &&
+                        state.value.draggingId !== undefined;
+                    const transform = dragging
+                        ? undefined
+                        : getSlotTransform(item, index);
+                    const slotStyle = {
+                        ...(transform ? { transform } : {}),
+                        ...(isCommittingDrop.value ? { transition: "none" } : {}),
+                    };
+                    return h("div", {
+                        class: "cc-drag-drop-board__slot",
+                        "data-disabled": item.disabled,
+                        "data-dragging": dragging,
+                        "data-over": over,
+                        key: item.id,
+                        style: Object.keys(slotStyle).length ? slotStyle : undefined,
+                        ref: (node) => {
+                            if (node instanceof HTMLElement)
+                                itemRefs.set(item.id, node);
+                            else
+                                itemRefs.delete(item.id);
+                        },
+                        onPointerdown: (event) => {
+                            var _a, _b;
+                            if (item.disabled)
+                                return;
+                            const nextSlotRects = new Map();
+                            itemRefs.forEach((element, id) => {
+                                const itemRect = element.getBoundingClientRect();
+                                nextSlotRects.set(id, {
+                                    bottom: itemRect.bottom,
+                                    height: itemRect.height,
+                                    left: itemRect.left,
+                                    right: itemRect.right,
+                                    top: itemRect.top,
+                                    width: itemRect.width,
+                                });
                             });
-                        });
-                        slotRects = nextSlotRects;
-                        const rect = event.currentTarget.getBoundingClientRect();
-                        const nextPreview = {
-                            height: rect.height,
-                            item,
-                            offsetX: event.clientX - rect.left,
-                            offsetY: event.clientY - rect.top,
-                            originX: rect.left,
-                            originY: rect.top,
-                            styleVars: readDragDropPreviewStyleVars(boardRef.value),
-                            width: rect.width,
-                            x: rect.left,
-                            y: rect.top,
-                        };
-                        state.value = controller.start(item.id);
-                        dragSession = nextPreview;
-                        preview.value = nextPreview;
-                        event.currentTarget.setPointerCapture(event.pointerId);
-                    },
-                    onPointermove: (event) => {
-                        if (!state.value.draggingId ||
-                            !dragSession ||
-                            dragSession.dropping)
-                            return;
-                        const nextPreview = {
-                            ...dragSession,
-                            x: event.clientX - dragSession.offsetX,
-                            y: event.clientY - dragSession.offsetY,
-                        };
-                        dragSession = nextPreview;
-                        schedulePreviewPosition();
-                        if (!isPreviewInsideBoard(nextPreview)) {
-                            state.value = controller.moveToIndex(getOriginalIndex());
-                            const returningPreview = {
-                                ...nextPreview,
-                                dropping: true,
-                                offsetX: 0,
-                                offsetY: 0,
-                                returning: true,
-                                x: nextPreview.originX,
-                                y: nextPreview.originY,
+                            slotRects = nextSlotRects;
+                            const rect = event.currentTarget.getBoundingClientRect();
+                            const nextPreview = {
+                                height: rect.height,
+                                item,
+                                offsetX: event.clientX - rect.left,
+                                offsetY: event.clientY - rect.top,
+                                originX: rect.left,
+                                originY: rect.top,
+                                styleVars: readDragDropPreviewStyleVars(boardRef.value),
+                                width: rect.width,
+                                x: rect.left,
+                                y: rect.top,
                             };
-                            dragSession = returningPreview;
-                            preview.value = returningPreview;
-                            dropTimer = setTimeout(() => finishDrag("cancel"), 320);
-                            return;
-                        }
-                        const nextIndex = resolveIndexFromPreview(nextPreview);
-                        if (nextIndex !== state.value.overIndex)
-                            state.value = controller.moveToIndex(nextIndex);
-                    },
-                    onPointerup: endDrag,
-                    onPointercancel: cancelDrag,
-                }, [
-                    h("div", { class: "cc-drag-drop-board__item" }, slots.default?.({ dragging, item, over }) ?? item.id),
-                ]);
-            }),
-            preview.value
-                ? h(Teleport, { to: "body" }, h("div", {
-                    "aria-hidden": "true",
-                    class: "cc-drag-drop-board__preview",
-                    "data-dropping": preview.value.dropping,
-                    "data-returning": preview.value.returning,
-                    ref: previewRef,
-                    style: {
-                        ...preview.value.styleVars,
-                        height: `${preview.value.height}px`,
-                        transform: `translate3d(${preview.value.x}px, ${preview.value.y}px, 0)`,
-                        width: `${preview.value.width}px`,
-                    },
-                }, slots.default?.({
-                    dragging: true,
-                    item: preview.value.item,
-                    over: false,
-                }) ?? preview.value.item.id))
-                : null,
-        ]);
+                            state.value = controller.start(item.id);
+                            dragSession = nextPreview;
+                            preview.value = nextPreview;
+                            (_b = (_a = event.currentTarget).setPointerCapture) === null || _b === void 0 ? void 0 : _b.call(_a, event.pointerId);
+                        },
+                        onPointermove: (event) => {
+                            if (!state.value.draggingId ||
+                                !dragSession ||
+                                dragSession.dropping)
+                                return;
+                            const nextPreview = {
+                                ...dragSession,
+                                x: event.clientX - dragSession.offsetX,
+                                y: event.clientY - dragSession.offsetY,
+                            };
+                            dragSession = nextPreview;
+                            schedulePreviewPosition();
+                            if (!isPreviewInsideBoard(nextPreview)) {
+                                state.value = controller.moveToIndex(getOriginalIndex());
+                                const returningPreview = {
+                                    ...nextPreview,
+                                    dropping: true,
+                                    offsetX: 0,
+                                    offsetY: 0,
+                                    returning: true,
+                                    x: nextPreview.originX,
+                                    y: nextPreview.originY,
+                                };
+                                dragSession = returningPreview;
+                                preview.value = returningPreview;
+                                dropTimer = setTimeout(() => finishDrag("cancel"), 320);
+                                return;
+                            }
+                            const nextIndex = resolveIndexFromPreview(nextPreview);
+                            if (nextIndex !== state.value.overIndex)
+                                state.value = controller.moveToIndex(nextIndex);
+                        },
+                        onPointerup: endDrag,
+                        onPointercancel: cancelDrag,
+                    }, [
+                        h("div", { class: "cc-drag-drop-board__item" }, (_b = (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots, { dragging, item, over })) !== null && _b !== void 0 ? _b : item.id),
+                    ]);
+                }),
+                preview.value
+                    ? h(Teleport, { to: "body" }, h("div", {
+                        "aria-hidden": "true",
+                        class: "cc-drag-drop-board__preview",
+                        "data-dropping": preview.value.dropping,
+                        "data-returning": preview.value.returning,
+                        ref: previewRef,
+                        style: {
+                            ...preview.value.styleVars,
+                            height: `${preview.value.height}px`,
+                            transform: `translate3d(${preview.value.x}px, ${preview.value.y}px, 0)`,
+                            width: `${preview.value.width}px`,
+                        },
+                    }, (_b = (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots, {
+                        dragging: true,
+                        item: preview.value.item,
+                        over: false,
+                    })) !== null && _b !== void 0 ? _b : preview.value.item.id))
+                    : null,
+            ]);
+        };
     },
 });
 const ClassFloatingBall = /*#__PURE__*/ defineComponent({
@@ -6931,23 +7238,27 @@ const ClassFloatingBall = /*#__PURE__*/ defineComponent({
             moveAxis: props.moveAxis,
         });
         const state = ref(controller.getState());
-        const getBounds = () => ({
-            size: {
-                height: elementRef.value?.offsetHeight ?? 56,
-                width: elementRef.value?.offsetWidth ?? 56,
-            },
-            viewport: props.boundary
-                ? {
-                    height: props.boundary.clientHeight,
-                    width: props.boundary.clientWidth,
-                }
-                : { height: window.innerHeight, width: window.innerWidth },
-        });
+        const getBounds = () => {
+            var _a, _b, _c, _d;
+            return ({
+                size: {
+                    height: (_b = (_a = elementRef.value) === null || _a === void 0 ? void 0 : _a.offsetHeight) !== null && _b !== void 0 ? _b : 56,
+                    width: (_d = (_c = elementRef.value) === null || _c === void 0 ? void 0 : _c.offsetWidth) !== null && _d !== void 0 ? _d : 56,
+                },
+                viewport: props.boundary
+                    ? {
+                        height: props.boundary.clientHeight,
+                        width: props.boundary.clientWidth,
+                    }
+                    : { height: window.innerHeight, width: window.innerWidth },
+            });
+        };
         const toLocalPoint = (event) => {
-            const rect = props.boundary?.getBoundingClientRect();
+            var _a, _b, _c;
+            const rect = (_a = props.boundary) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
             return {
-                x: event.clientX - (rect?.left ?? 0),
-                y: event.clientY - (rect?.top ?? 0),
+                x: event.clientX - ((_b = rect === null || rect === void 0 ? void 0 : rect.left) !== null && _b !== void 0 ? _b : 0),
+                y: event.clientY - ((_c = rect === null || rect === void 0 ? void 0 : rect.top) !== null && _c !== void 0 ? _c : 0),
             };
         };
         const flushMove = () => {
@@ -7012,34 +7323,38 @@ const ClassFloatingBall = /*#__PURE__*/ defineComponent({
             if (frame)
                 window.cancelAnimationFrame(frame);
         });
-        return () => h("div", {
-            ...attrs,
-            class: props.className,
-            "data-edge": state.value.edge,
-            "data-dragging": dragging.value,
-            ref: elementRef,
-            style: {
-                left: `${state.value.position.x}px`,
-                top: `${state.value.position.y}px`,
-            },
-            onPointerdown: (event) => {
-                const localPoint = toLocalPoint(event);
-                drag.value = {
-                    dx: localPoint.x - state.value.position.x,
-                    dy: localPoint.y - state.value.position.y,
-                };
-                dragging.value = true;
-                gesture.start({ x: event.clientX, y: event.clientY });
-                event.currentTarget.setPointerCapture(event.pointerId);
-                window.addEventListener("pointermove", handleMove, {
-                    passive: true,
-                });
-                window.addEventListener("pointerup", handleUp, { passive: true });
-                window.addEventListener("pointercancel", handleUp, {
-                    passive: true,
-                });
-            },
-        }, slots.default?.());
+        return () => {
+            var _a;
+            return h("div", {
+                ...attrs,
+                class: props.className,
+                "data-edge": state.value.edge,
+                "data-dragging": dragging.value,
+                ref: elementRef,
+                style: {
+                    left: `${state.value.position.x}px`,
+                    top: `${state.value.position.y}px`,
+                },
+                onPointerdown: (event) => {
+                    var _a, _b;
+                    const localPoint = toLocalPoint(event);
+                    drag.value = {
+                        dx: localPoint.x - state.value.position.x,
+                        dy: localPoint.y - state.value.position.y,
+                    };
+                    dragging.value = true;
+                    gesture.start({ x: event.clientX, y: event.clientY });
+                    (_b = (_a = event.currentTarget).setPointerCapture) === null || _b === void 0 ? void 0 : _b.call(_a, event.pointerId);
+                    window.addEventListener("pointermove", handleMove, {
+                        passive: true,
+                    });
+                    window.addEventListener("pointerup", handleUp, { passive: true });
+                    window.addEventListener("pointercancel", handleUp, {
+                        passive: true,
+                    });
+                },
+            }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots));
+        };
     },
 });
 const ClassMultiColumnPicker = /*#__PURE__*/ defineComponent({
@@ -7076,12 +7391,14 @@ const ClassMultiColumnPicker = /*#__PURE__*/ defineComponent({
     },
     emits: ["change", "update:values"],
     setup(props, { attrs, emit }) {
+        var _a;
         const form = inject(formSymbol, null);
         const formInteractivity = useFormInteractivity();
-        const formState = shallowRef(form?.getState() ?? null);
+        const formState = shallowRef((_a = form === null || form === void 0 ? void 0 : form.getState()) !== null && _a !== void 0 ? _a : null);
         const getValues = () => {
+            var _a, _b;
             const fieldValue = props.name
-                ? formState.value?.fields[props.name]?.value
+                ? (_b = (_a = formState.value) === null || _a === void 0 ? void 0 : _a.fields[props.name]) === null || _b === void 0 ? void 0 : _b.value
                 : undefined;
             return Array.isArray(fieldValue)
                 ? fieldValue
@@ -7100,28 +7417,32 @@ const ClassMultiColumnPicker = /*#__PURE__*/ defineComponent({
         let unsubscribeField;
         let unsubscribeForm;
         onMounted(() => {
+            var _a;
             if (!form || !props.name)
                 return;
             unsubscribeForm = form.subscribe((nextState) => {
                 formState.value = nextState;
             });
             unsubscribeField = form.registerField(props.name, {
-                initialValue: props.initialValue ?? props.values,
+                initialValue: (_a = props.initialValue) !== null && _a !== void 0 ? _a : props.values,
                 rules: props.rules,
                 validateOn: props.validateOn,
             });
         });
         onBeforeUnmount(() => {
-            unsubscribeField?.();
-            unsubscribeForm?.();
+            unsubscribeField === null || unsubscribeField === void 0 ? void 0 : unsubscribeField();
+            unsubscribeForm === null || unsubscribeForm === void 0 ? void 0 : unsubscribeForm();
         });
-        watch(() => [
-            props.cascade,
-            props.columns,
-            props.source,
-            props.values,
-            props.name ? formState.value?.fields[props.name]?.value : undefined,
-        ], () => {
+        watch(() => {
+            var _a, _b;
+            return [
+                props.cascade,
+                props.columns,
+                props.source,
+                props.values,
+                props.name ? (_b = (_a = formState.value) === null || _a === void 0 ? void 0 : _a.fields[props.name]) === null || _b === void 0 ? void 0 : _b.value : undefined,
+            ];
+        }, () => {
             state.value = controller.updateOptions({
                 cascade: props.cascade,
                 columns: props.columns,
@@ -7138,12 +7459,13 @@ const ClassMultiColumnPicker = /*#__PURE__*/ defineComponent({
             emit("change", state.value.values, state.value.selectedOptions);
         };
         return () => {
-            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            var _a, _b, _c, _d;
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, (_a = props.readOnly) !== null && _a !== void 0 ? _a : props.readonly);
             const locked = interactivity.disabled || interactivity.readOnly;
             const field = props.name
-                ? formState.value?.fields[props.name]
+                ? (_b = formState.value) === null || _b === void 0 ? void 0 : _b.fields[props.name]
                 : undefined;
-            const errors = field?.errors ?? [];
+            const errors = (_c = field === null || field === void 0 ? void 0 : field.errors) !== null && _c !== void 0 ? _c : [];
             const errorId = props.name ? `${props.name}-error` : undefined;
             const safeItemHeight = Math.max(1, Number.isFinite(props.itemHeight) ? props.itemHeight : 38);
             const safeVisibleItemCount = Math.max(3, Math.floor(Number.isFinite(props.visibleItemCount) ? props.visibleItemCount : 5));
@@ -7152,17 +7474,19 @@ const ClassMultiColumnPicker = /*#__PURE__*/ defineComponent({
                 : safeVisibleItemCount;
             const wheelHeight = safeItemHeight * visibleCount;
             const columnNodes = state.value.columns.map((column, columnIndex) => {
+                var _a;
                 const selectedIndex = Math.max(0, column.findIndex((item) => item.value === state.value.values[columnIndex]));
                 return h("div", {
                     class: "cc-picker__column",
                     key: columnIndex,
                     style: { height: `${wheelHeight}px` },
                     onPointerdown: (event) => {
+                        var _a, _b;
                         if (locked)
                             return;
                         activeColumn.value = columnIndex;
                         gesture.start({ x: event.clientX, y: event.clientY });
-                        event.currentTarget.setPointerCapture(event.pointerId);
+                        (_b = (_a = event.currentTarget).setPointerCapture) === null || _b === void 0 ? void 0 : _b.call(_a, event.pointerId);
                     },
                     onPointermove: (event) => {
                         if (locked ||
@@ -7201,7 +7525,7 @@ const ClassMultiColumnPicker = /*#__PURE__*/ defineComponent({
                     h("div", {
                         class: "cc-picker__wheel",
                         style: {
-                            transform: `translate3d(0, ${((visibleCount - 1) / 2 - selectedIndex) * safeItemHeight + (dragOffsets.value[columnIndex] ?? 0)}px, 0)`,
+                            transform: `translate3d(0, ${((visibleCount - 1) / 2 - selectedIndex) * safeItemHeight + ((_a = dragOffsets.value[columnIndex]) !== null && _a !== void 0 ? _a : 0)}px, 0)`,
                         },
                     }, column.map((option, optionIndex) => h("button", {
                         class: "cc-picker__option",
@@ -7247,7 +7571,7 @@ const ClassMultiColumnPicker = /*#__PURE__*/ defineComponent({
                     : null,
                 picker,
                 errors.length > 0 && errorId
-                    ? h("span", { class: props.errorClass ?? "cc-field__error", id: errorId }, errors[0])
+                    ? h("span", { class: (_d = props.errorClass) !== null && _d !== void 0 ? _d : "cc-field__error", id: errorId }, errors[0])
                     : null,
             ]);
         };
@@ -7314,6 +7638,7 @@ const ClassSwiper = /*#__PURE__*/ defineComponent({
         let timer;
         let resizeObserver;
         let initialTransitionFrame;
+        let removeViewportResizeFallback = () => { };
         const setCurrent = (nextState) => {
             state.value = nextState;
             dragOffset.value = 0;
@@ -7376,10 +7701,11 @@ const ClassSwiper = /*#__PURE__*/ defineComponent({
             startAutoplay();
             if (viewportRef.value) {
                 const syncSize = () => {
+                    var _a, _b, _c, _d;
                     viewportSize.value =
                         props.direction === "vertical"
-                            ? (viewportRef.value?.clientHeight ?? 0)
-                            : (viewportRef.value?.clientWidth ?? 0);
+                            ? ((_b = (_a = viewportRef.value) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0)
+                            : ((_d = (_c = viewportRef.value) === null || _c === void 0 ? void 0 : _c.clientWidth) !== null && _d !== void 0 ? _d : 0);
                     if (!props.disableInitialTransition || viewportSize.value <= 0)
                         return;
                     if (initialTransitionFrame !== undefined)
@@ -7389,23 +7715,31 @@ const ClassSwiper = /*#__PURE__*/ defineComponent({
                     });
                 };
                 syncSize();
-                resizeObserver = new ResizeObserver(syncSize);
-                resizeObserver.observe(viewportRef.value);
+                if (typeof ResizeObserver === "undefined") {
+                    window.addEventListener("resize", syncSize);
+                    removeViewportResizeFallback = () => window.removeEventListener("resize", syncSize);
+                }
+                else {
+                    resizeObserver = new ResizeObserver(syncSize);
+                    resizeObserver.observe(viewportRef.value);
+                }
             }
         });
         watch(() => props.direction, () => {
+            var _a, _b;
             const element = viewportRef.value;
             viewportSize.value =
                 props.direction === "vertical"
-                    ? (element?.clientHeight ?? 0)
-                    : (element?.clientWidth ?? 0);
+                    ? ((_a = element === null || element === void 0 ? void 0 : element.clientHeight) !== null && _a !== void 0 ? _a : 0)
+                    : ((_b = element === null || element === void 0 ? void 0 : element.clientWidth) !== null && _b !== void 0 ? _b : 0);
             dragOffset.value = 0;
         });
         onBeforeUnmount(() => {
             stopAutoplay();
             if (initialTransitionFrame !== undefined)
                 window.cancelAnimationFrame(initialTransitionFrame);
-            resizeObserver?.disconnect();
+            removeViewportResizeFallback();
+            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
         });
         return () => {
             const isVertical = props.direction === "vertical";
@@ -7423,9 +7757,11 @@ const ClassSwiper = /*#__PURE__*/ defineComponent({
                 ? centeredOffset - state.value.current * stepSize + dragOffset.value
                 : -state.value.current * stepSize + dragOffset.value;
             const resolvePressedSlideIndex = (event) => {
+                var _a;
                 const fallback = () => {
-                    const slide = event.target?.closest(".cc-swiper__slide");
-                    const index = Number(slide?.dataset.swiperIndex);
+                    var _a;
+                    const slide = (_a = event.target) === null || _a === void 0 ? void 0 : _a.closest(".cc-swiper__slide");
+                    const index = Number(slide === null || slide === void 0 ? void 0 : slide.dataset.swiperIndex);
                     return Number.isFinite(index) ? index : null;
                 };
                 if (!isCinemaMode.value ||
@@ -7433,7 +7769,7 @@ const ClassSwiper = /*#__PURE__*/ defineComponent({
                     slideSize <= 0 ||
                     safeData.value.length <= 0)
                     return fallback();
-                const rect = viewportRef.value?.getBoundingClientRect();
+                const rect = (_a = viewportRef.value) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
                 if (!rect)
                     return fallback();
                 const localPoint = isVertical
@@ -7461,12 +7797,13 @@ const ClassSwiper = /*#__PURE__*/ defineComponent({
                     class: "cc-swiper__viewport",
                     ref: viewportRef,
                     onPointerdown: (event) => {
+                        var _a, _b;
                         event.preventDefault();
                         clickSuppressed.value = false;
                         pressedSlideIndex.value = resolvePressedSlideIndex(event);
                         gesture.start({ x: event.clientX, y: event.clientY });
                         dragging.value = true;
-                        event.currentTarget.setPointerCapture(event.pointerId);
+                        (_b = (_a = event.currentTarget).setPointerCapture) === null || _b === void 0 ? void 0 : _b.call(_a, event.pointerId);
                     },
                     onPointermove: (event) => {
                         if (!gesture.getState().active)
@@ -7524,6 +7861,7 @@ const ClassSwiper = /*#__PURE__*/ defineComponent({
                                 : `translate3d(${trackOffset}px, 0, 0)`,
                         },
                     }, safeData.value.map((item, index) => {
+                        var _a, _b;
                         const rawOffset = index - state.value.current;
                         const normalizedOffset = Math.max(-3, Math.min(3, rawOffset));
                         const distance = Math.min(3, Math.abs(rawOffset));
@@ -7575,8 +7913,7 @@ const ClassSwiper = /*#__PURE__*/ defineComponent({
                                 "--cc-swiper-slide-shift-y": `${slideVerticalShift}px`,
                                 zIndex: 30 - distance,
                             },
-                        }, slots.default?.({ data: item, index }) ??
-                            String(item ?? ""));
+                        }, (_b = (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots, { data: item, index })) !== null && _b !== void 0 ? _b : String(item !== null && item !== void 0 ? item : ""));
                     })),
                 ]),
                 props.showArrows && swiperCount.value > 1
@@ -7751,10 +8088,12 @@ const ClassVirtualList = /*#__PURE__*/ defineComponent({
             emit("rangeChange", { endIndex, startIndex });
         }, { immediate: true });
         const updateViewportHeight = () => {
-            viewportHeight.value = viewportRef.value?.clientHeight ?? 0;
+            var _a, _b;
+            viewportHeight.value = (_b = (_a = viewportRef.value) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0;
         };
         const updateHeaderHeight = () => {
-            headerHeight.value = headerRef.value?.offsetHeight ?? 0;
+            var _a, _b;
+            headerHeight.value = (_b = (_a = headerRef.value) === null || _a === void 0 ? void 0 : _a.offsetHeight) !== null && _b !== void 0 ? _b : 0;
         };
         const finishPullDown = () => {
             pullDownStatus.value = "success";
@@ -7801,19 +8140,21 @@ const ClassVirtualList = /*#__PURE__*/ defineComponent({
             }
         });
         const handlePullDownStart = (event) => {
+            var _a, _b;
             const element = event.currentTarget;
             if (!props.enablePullDown ||
                 pullDownPending.value ||
                 props.pullDownLoading ||
                 element.scrollTop > 0)
                 return;
-            pullDownStartY.value = event.touches[0]?.clientY ?? null;
+            pullDownStartY.value = (_b = (_a = event.touches[0]) === null || _a === void 0 ? void 0 : _a.clientY) !== null && _b !== void 0 ? _b : null;
         };
         const handlePullDownMove = (event) => {
+            var _a;
             if (!props.enablePullDown || pullDownStartY.value === null)
                 return;
             const element = event.currentTarget;
-            const touchY = event.touches[0]?.clientY;
+            const touchY = (_a = event.touches[0]) === null || _a === void 0 ? void 0 : _a.clientY;
             if (touchY === undefined)
                 return;
             const delta = touchY - pullDownStartY.value;
@@ -7887,7 +8228,7 @@ const ClassVirtualList = /*#__PURE__*/ defineComponent({
             }
             if (typeof IntersectionObserver !== "undefined") {
                 const pullObserver = new IntersectionObserver(([entry]) => {
-                    if (entry?.isIntersecting)
+                    if (entry === null || entry === void 0 ? void 0 : entry.isIntersecting)
                         triggerPullUp();
                 }, {
                     root: viewportRef.value,
@@ -7916,7 +8257,8 @@ const ClassVirtualList = /*#__PURE__*/ defineComponent({
             observers.clear();
         });
         const observeItem = (index, element) => {
-            observers.get(index)?.disconnect();
+            var _a;
+            (_a = observers.get(index)) === null || _a === void 0 ? void 0 : _a.disconnect();
             observers.delete(index);
             if (!(element instanceof HTMLElement))
                 return;
@@ -7932,6 +8274,7 @@ const ClassVirtualList = /*#__PURE__*/ defineComponent({
             observers.set(index, observer);
         };
         return () => {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
             const range = visibleRange.value;
             const resolvedHeight = typeof props.height === "number" ? `${props.height}px` : props.height;
             const pullDownProgress = props.pullDownThreshold <= 0
@@ -7978,16 +8321,16 @@ const ClassVirtualList = /*#__PURE__*/ defineComponent({
                 return undefined;
             };
             const resolvedPullDownIconNode = resolvedPullDownStatus === "success"
-                ? ((props.pullDownSuccessImage
+                ? ((_b = (props.pullDownSuccessImage
                     ? iconNode("success", props.pullDownSuccessIcon, props.pullDownSuccessImage)
                     : props.pullDownSuccessIcon
                         ? iconNode("success", props.pullDownSuccessIcon)
-                        : slots.pullDownSuccessIcon?.()) ?? defaultPullDownIcon())
-                : ((props.pullDownLoadingImage
+                        : (_a = slots.pullDownSuccessIcon) === null || _a === void 0 ? void 0 : _a.call(slots))) !== null && _b !== void 0 ? _b : defaultPullDownIcon())
+                : ((_d = (props.pullDownLoadingImage
                     ? iconNode("loading", props.pullDownLoadingIcon, props.pullDownLoadingImage)
                     : props.pullDownLoadingIcon
                         ? iconNode("loading", props.pullDownLoadingIcon)
-                        : slots.pullDownLoadingIcon?.()) ?? defaultPullDownIcon());
+                        : (_c = slots.pullDownLoadingIcon) === null || _c === void 0 ? void 0 : _c.call(slots))) !== null && _d !== void 0 ? _d : defaultPullDownIcon());
             return h("div", {
                 ...attrs,
                 class: props.className,
@@ -8008,11 +8351,11 @@ const ClassVirtualList = /*#__PURE__*/ defineComponent({
                                 "--cc-virtual-list-pull-down-distance": `${pullDownDistance.value}px`,
                                 "--cc-virtual-list-pull-down-progress": pullDownProgress,
                             },
-                        }, slots.pullDown?.({
+                        }, (_f = (_e = slots.pullDown) === null || _e === void 0 ? void 0 : _e.call(slots, {
                             distance: pullDownDistance.value,
                             progress: pullDownProgress,
                             status: resolvedPullDownStatus,
-                        }) ?? resolvedPullDownIconNode)
+                        })) !== null && _f !== void 0 ? _f : resolvedPullDownIconNode)
                         : null,
                     h("div", {
                         class: "cc-virtual-list__content",
@@ -8027,29 +8370,31 @@ const ClassVirtualList = /*#__PURE__*/ defineComponent({
                         h("div", {
                             class: props.listClass,
                             style: { height: `${range.totalSize}px` },
-                        }, range.items.map((item) => h("div", {
-                            class: props.itemClass,
-                            key: item.key,
-                            ref: (element) => observeItem(item.index, element),
-                            style: { transform: `translateY(${item.start}px)` },
-                        }, slots.default?.({
-                            data: props.data[item.index],
-                            index: item.index,
-                            item,
-                        })))),
+                        }, range.items.map((item) => {
+                            var _a;
+                            return h("div", {
+                                class: props.itemClass,
+                                key: item.key,
+                                ref: (element) => observeItem(item.index, element),
+                                style: { transform: `translateY(${item.start}px)` },
+                            }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots, {
+                                data: props.data[item.index],
+                                index: item.index,
+                                item,
+                            }));
+                        })),
                         props.enablePullUp
                             ? h("div", {
                                 class: props.pullUpClass,
                                 "data-loading": props.pullUpLoading || pullUpPending.value,
                                 ref: pullUpRef,
-                            }, slots.pullUp?.({
+                            }, (_h = (_g = slots.pullUp) === null || _g === void 0 ? void 0 : _g.call(slots, {
                                 loading: props.pullUpLoading || pullUpPending.value,
-                            }) ??
-                                (props.pullUpLoading || pullUpPending.value
-                                    ? getClassComponentsLocale()
-                                        .virtualListPullUpLoadingText
-                                    : getClassComponentsLocale()
-                                        .virtualListPullUpReadyText))
+                            })) !== null && _h !== void 0 ? _h : (props.pullUpLoading || pullUpPending.value
+                                ? getClassComponentsLocale()
+                                    .virtualListPullUpLoadingText
+                                : getClassComponentsLocale()
+                                    .virtualListPullUpReadyText))
                             : null,
                     ]),
                 ]),
@@ -8161,11 +8506,13 @@ const ClassMasonryVirtualList = /*#__PURE__*/ defineComponent({
             emit("rangeChange", { columns, endIndex, startIndex });
         }, { immediate: true });
         const updateViewportSize = () => {
-            viewportHeight.value = viewportRef.value?.clientHeight ?? 0;
-            containerWidth.value = viewportRef.value?.clientWidth ?? 0;
+            var _a, _b, _c, _d;
+            viewportHeight.value = (_b = (_a = viewportRef.value) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0;
+            containerWidth.value = (_d = (_c = viewportRef.value) === null || _c === void 0 ? void 0 : _c.clientWidth) !== null && _d !== void 0 ? _d : 0;
         };
         const updateHeaderHeight = () => {
-            headerHeight.value = headerRef.value?.offsetHeight ?? 0;
+            var _a, _b;
+            headerHeight.value = (_b = (_a = headerRef.value) === null || _a === void 0 ? void 0 : _a.offsetHeight) !== null && _b !== void 0 ? _b : 0;
         };
         onMounted(() => {
             updateViewportSize();
@@ -8186,7 +8533,8 @@ const ClassMasonryVirtualList = /*#__PURE__*/ defineComponent({
             observers.clear();
         });
         const observeItem = (index, element) => {
-            observers.get(index)?.disconnect();
+            var _a;
+            (_a = observers.get(index)) === null || _a === void 0 ? void 0 : _a.disconnect();
             observers.delete(index);
             if (!(element instanceof HTMLElement))
                 return;
@@ -8225,19 +8573,22 @@ const ClassMasonryVirtualList = /*#__PURE__*/ defineComponent({
                     h("div", {
                         class: props.listClass,
                         style: { height: `${range.totalSize}px` },
-                    }, range.items.map((item) => h("div", {
-                        class: props.itemClass,
-                        key: item.key,
-                        ref: (element) => observeItem(item.index, element),
-                        style: {
-                            transform: `translate3d(${item.x}px, ${item.y}px, 0)`,
-                            width: `${item.width}px`,
-                        },
-                    }, slots.default?.({
-                        data: props.data[item.index],
-                        index: item.index,
-                        item,
-                    })))),
+                    }, range.items.map((item) => {
+                        var _a;
+                        return h("div", {
+                            class: props.itemClass,
+                            key: item.key,
+                            ref: (element) => observeItem(item.index, element),
+                            style: {
+                                transform: `translate3d(${item.x}px, ${item.y}px, 0)`,
+                                width: `${item.width}px`,
+                            },
+                        }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots, {
+                            data: props.data[item.index],
+                            index: item.index,
+                            item,
+                        }));
+                    })),
                 ]),
             ]);
         };
@@ -8550,18 +8901,19 @@ const ClassChatVirtualList = /*#__PURE__*/ defineComponent({
             props.pullUpThreshold,
             viewportHeight.value,
         ], () => {
+            var _a, _b, _c;
             const viewport = viewportRef.value;
             const keys = getKeys();
             const oldTotal = previousTotal.value;
-            const oldScrollTop = viewport?.scrollTop ?? previousScrollTop.value;
-            const wasNearBottom = chatController.isNearBottom(oldScrollTop, viewport?.clientHeight ?? viewportHeight.value, oldTotal, viewport?.scrollHeight ?? oldTotal);
+            const oldScrollTop = (_a = viewport === null || viewport === void 0 ? void 0 : viewport.scrollTop) !== null && _a !== void 0 ? _a : previousScrollTop.value;
+            const wasNearBottom = chatController.isNearBottom(oldScrollTop, (_b = viewport === null || viewport === void 0 ? void 0 : viewport.clientHeight) !== null && _b !== void 0 ? _b : viewportHeight.value, oldTotal, (_c = viewport === null || viewport === void 0 ? void 0 : viewport.scrollHeight) !== null && _c !== void 0 ? _c : oldTotal);
             const prependCount = chatController.detectPrependCount(previousKeys.value, keys);
             const previousAnchor = (() => {
+                var _a;
                 if (!viewport || previousKeys.value.length === 0)
                     return null;
                 const previousRange = listController.getRange(oldScrollTop, viewport.clientHeight || viewportHeight.value);
-                const anchorItem = previousRange.items.find((item) => item.end > oldScrollTop) ??
-                    previousRange.items[0];
+                const anchorItem = (_a = previousRange.items.find((item) => item.end > oldScrollTop)) !== null && _a !== void 0 ? _a : previousRange.items[0];
                 if (!anchorItem)
                     return null;
                 const anchorKey = previousKeys.value[anchorItem.index];
@@ -8664,7 +9016,8 @@ const ClassChatVirtualList = /*#__PURE__*/ defineComponent({
             emit("rangeChange", { endIndex, startIndex });
         }, { immediate: true });
         const updateViewportHeight = () => {
-            viewportHeight.value = viewportRef.value?.clientHeight ?? 0;
+            var _a, _b;
+            viewportHeight.value = (_b = (_a = viewportRef.value) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0;
         };
         const triggerPullUp = () => {
             if (!props.enablePullUp || props.pullUpLoading || pullUpPending.value)
@@ -8700,13 +9053,13 @@ const ClassChatVirtualList = /*#__PURE__*/ defineComponent({
         onMounted(() => {
             updateViewportHeight();
             const viewport = viewportRef.value;
-            viewport?.addEventListener("wheel", preventWhileTopLoading, {
+            viewport === null || viewport === void 0 ? void 0 : viewport.addEventListener("wheel", preventWhileTopLoading, {
                 passive: false,
             });
-            viewport?.addEventListener("touchmove", preventWhileTopLoading, {
+            viewport === null || viewport === void 0 ? void 0 : viewport.addEventListener("touchmove", preventWhileTopLoading, {
                 passive: false,
             });
-            viewport?.addEventListener("keydown", preventScrollKeys);
+            viewport === null || viewport === void 0 ? void 0 : viewport.addEventListener("keydown", preventScrollKeys);
             if (typeof ResizeObserver === "undefined" || !viewportRef.value)
                 return;
             const observer = new ResizeObserver(updateViewportHeight);
@@ -8714,7 +9067,7 @@ const ClassChatVirtualList = /*#__PURE__*/ defineComponent({
             observers.set("__viewport", observer);
             if (typeof IntersectionObserver !== "undefined") {
                 const pullObserver = new IntersectionObserver(([entry]) => {
-                    if (entry?.isIntersecting)
+                    if (entry === null || entry === void 0 ? void 0 : entry.isIntersecting)
                         triggerPullUp();
                 }, {
                     root: viewportRef.value,
@@ -8729,9 +9082,9 @@ const ClassChatVirtualList = /*#__PURE__*/ defineComponent({
         });
         onBeforeUnmount(() => {
             const viewport = viewportRef.value;
-            viewport?.removeEventListener("wheel", preventWhileTopLoading);
-            viewport?.removeEventListener("touchmove", preventWhileTopLoading);
-            viewport?.removeEventListener("keydown", preventScrollKeys);
+            viewport === null || viewport === void 0 ? void 0 : viewport.removeEventListener("wheel", preventWhileTopLoading);
+            viewport === null || viewport === void 0 ? void 0 : viewport.removeEventListener("touchmove", preventWhileTopLoading);
+            viewport === null || viewport === void 0 ? void 0 : viewport.removeEventListener("keydown", preventScrollKeys);
             if (bottomFrame !== undefined)
                 window.cancelAnimationFrame(bottomFrame);
             if (bottomTimer !== undefined)
@@ -8748,11 +9101,13 @@ const ClassChatVirtualList = /*#__PURE__*/ defineComponent({
             observers.clear();
         });
         const observeItem = (index, key, element) => {
-            observers.get(key)?.disconnect();
+            var _a;
+            (_a = observers.get(key)) === null || _a === void 0 ? void 0 : _a.disconnect();
             observers.delete(key);
             if (!(element instanceof HTMLElement))
                 return;
             const measure = () => {
+                var _a;
                 const keys = getKeys();
                 const oldKeys = previousKeys.value;
                 const hasPendingKeySync = oldKeys.length !== keys.length ||
@@ -8762,7 +9117,7 @@ const ClassChatVirtualList = /*#__PURE__*/ defineComponent({
                 const viewport = viewportRef.value;
                 const oldTotal = listController.getTotalSize();
                 const oldItem = listController.getItem(index);
-                const oldScrollTop = viewport?.scrollTop ?? 0;
+                const oldScrollTop = (_a = viewport === null || viewport === void 0 ? void 0 : viewport.scrollTop) !== null && _a !== void 0 ? _a : 0;
                 if (!listController.measure(index, element.offsetHeight))
                     return;
                 const nextTotal = listController.getTotalSize();
@@ -8813,6 +9168,7 @@ const ClassChatVirtualList = /*#__PURE__*/ defineComponent({
             observers.set(key, observer);
         };
         return () => {
+            var _a, _b, _c, _d;
             const range = visibleRange.value;
             const resolvedHeight = typeof props.height === "number" ? `${props.height}px` : props.height;
             const keys = getKeys();
@@ -8822,14 +9178,13 @@ const ClassChatVirtualList = /*#__PURE__*/ defineComponent({
                 "data-top-loading": topLoadingPending.value ? "true" : undefined,
                 style: { "--cc-chat-virtual-list-height": resolvedHeight },
             }, [
-                slots.topLoading?.({ loading: topLoadingPending.value }) ??
-                    h(ClassLoading, {
-                        "aria-hidden": topLoadingPending.value ? undefined : "true",
-                        className: props.topLoadingClass,
-                        "data-active": topLoadingPending.value ? "true" : "false",
-                        role: topLoadingPending.value ? "status" : undefined,
-                        text: props.topLoadingContent,
-                    }),
+                (_b = (_a = slots.topLoading) === null || _a === void 0 ? void 0 : _a.call(slots, { loading: topLoadingPending.value })) !== null && _b !== void 0 ? _b : h(ClassLoading, {
+                    "aria-hidden": topLoadingPending.value ? undefined : "true",
+                    className: props.topLoadingClass,
+                    "data-active": topLoadingPending.value ? "true" : "false",
+                    role: topLoadingPending.value ? "status" : undefined,
+                    text: props.topLoadingContent,
+                }),
                 h("div", {
                     class: props.viewportClass,
                     "data-top-loading": topLoadingPending.value ? "true" : undefined,
@@ -8859,13 +9214,14 @@ const ClassChatVirtualList = /*#__PURE__*/ defineComponent({
                         class: props.listClass,
                         style: { height: `${range.totalSize}px` },
                     }, range.items.map((item) => {
-                        const key = keys[item.index] ?? item.key;
+                        var _a, _b;
+                        const key = (_a = keys[item.index]) !== null && _a !== void 0 ? _a : item.key;
                         return h("div", {
                             class: props.itemClass,
                             key,
                             ref: (element) => observeItem(item.index, key, element),
                             style: { transform: `translateY(${item.start}px)` },
-                        }, slots.default?.({
+                        }, (_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots, {
                             data: props.data[item.index],
                             index: item.index,
                             item,
@@ -8876,14 +9232,13 @@ const ClassChatVirtualList = /*#__PURE__*/ defineComponent({
                             class: props.pullUpClass,
                             "data-loading": props.pullUpLoading || pullUpPending.value,
                             ref: pullUpRef,
-                        }, slots.pullUp?.({
+                        }, (_d = (_c = slots.pullUp) === null || _c === void 0 ? void 0 : _c.call(slots, {
                             loading: props.pullUpLoading || pullUpPending.value,
-                        }) ??
-                            (props.pullUpLoading || pullUpPending.value
-                                ? getClassComponentsLocale()
-                                    .virtualListPullUpLoadingText
-                                : getClassComponentsLocale()
-                                    .virtualListPullUpReadyText))
+                        })) !== null && _d !== void 0 ? _d : (props.pullUpLoading || pullUpPending.value
+                            ? getClassComponentsLocale()
+                                .virtualListPullUpLoadingText
+                            : getClassComponentsLocale()
+                                .virtualListPullUpReadyText))
                         : null,
                 ]),
             ]);
@@ -8920,23 +9275,26 @@ const ClassButton = /*#__PURE__*/ defineComponent({
             if (typeof handler === "function")
                 handler(event);
         };
-        return () => h("button", {
-            ...attrs,
-            class: ["cc-button", `cc-button--${props.variant}`, props.className],
-            disabled: props.disabled || props.loading,
-            onClick: (event) => {
-                if (props.disabled || props.loading)
-                    return;
-                invokeClick(event);
-                emit("click", event);
-            },
-            type: props.type,
-        }, [
-            props.loading
-                ? h("span", { "aria-hidden": "true", class: "cc-button__spinner" })
-                : null,
-            h("span", slots.default?.()),
-        ]);
+        return () => {
+            var _a;
+            return h("button", {
+                ...attrs,
+                class: ["cc-button", `cc-button--${props.variant}`, props.className],
+                disabled: props.disabled || props.loading,
+                onClick: (event) => {
+                    if (props.disabled || props.loading)
+                        return;
+                    invokeClick(event);
+                    emit("click", event);
+                },
+                type: props.type,
+            }, [
+                props.loading
+                    ? h("span", { "aria-hidden": "true", class: "cc-button__spinner" })
+                    : null,
+                h("span", (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)),
+            ]);
+        };
     },
 });
 function renderDefaultLoadingIndicator() {
@@ -8976,17 +9334,20 @@ const ClassLoading = /*#__PURE__*/ defineComponent({
         },
     },
     setup(props, { attrs, slots }) {
-        return () => h("div", {
-            ...attrs,
-            "aria-live": "polite",
-            class: ["cc-loading", props.className],
-            role: "status",
-        }, [
-            h("span", { "aria-hidden": "true", class: "cc-loading__indicator" }, slots.indicator?.() ?? renderDefaultLoadingIndicator()),
-            props.text
-                ? h("span", { class: "cc-loading__text" }, props.text)
-                : null,
-        ]);
+        return () => {
+            var _a, _b;
+            return h("div", {
+                ...attrs,
+                "aria-live": "polite",
+                class: ["cc-loading", props.className],
+                role: "status",
+            }, [
+                h("span", { "aria-hidden": "true", class: "cc-loading__indicator" }, (_b = (_a = slots.indicator) === null || _a === void 0 ? void 0 : _a.call(slots)) !== null && _b !== void 0 ? _b : renderDefaultLoadingIndicator()),
+                props.text
+                    ? h("span", { class: "cc-loading__text" }, props.text)
+                    : null,
+            ]);
+        };
     },
 });
 function renderDefaultEmptyIcon() {
@@ -9050,12 +9411,15 @@ const ClassEmpty = /*#__PURE__*/ defineComponent({
         },
     },
     setup(props, { attrs, slots }) {
-        return () => h("div", { ...attrs, class: ["cc-empty", props.className], role: "status" }, [
-            h("span", { "aria-hidden": "true", class: "cc-empty__icon" }, slots.icon?.() ?? renderDefaultEmptyIcon()),
-            props.description
-                ? h("span", { class: "cc-empty__description" }, props.description)
-                : null,
-        ]);
+        return () => {
+            var _a, _b;
+            return h("div", { ...attrs, class: ["cc-empty", props.className], role: "status" }, [
+                h("span", { "aria-hidden": "true", class: "cc-empty__icon" }, (_b = (_a = slots.icon) === null || _a === void 0 ? void 0 : _a.call(slots)) !== null && _b !== void 0 ? _b : renderDefaultEmptyIcon()),
+                props.description
+                    ? h("span", { class: "cc-empty__description" }, props.description)
+                    : null,
+            ]);
+        };
     },
 });
 const ClassBadge = /*#__PURE__*/ defineComponent({
@@ -9072,6 +9436,7 @@ const ClassBadge = /*#__PURE__*/ defineComponent({
     },
     setup(props, { attrs, slots }) {
         return () => {
+            var _a;
             const state = new BadgeController({
                 dot: props.dot,
                 max: props.max,
@@ -9083,7 +9448,7 @@ const ClassBadge = /*#__PURE__*/ defineComponent({
                 class: props.className,
                 "data-dot": state.dot,
                 "data-tone": state.tone,
-            }, [slots.default?.(), h("sup", null, state.displayValue)]);
+            }, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots), h("sup", null, state.displayValue)]);
         };
     },
 });
@@ -9120,6 +9485,7 @@ const ClassTag = /*#__PURE__*/ defineComponent({
     setup(props, { attrs, emit, slots }) {
         const closing = ref(false);
         return () => {
+            var _a;
             const state = new TagController(props).getState();
             return h("span", {
                 ...attrs,
@@ -9137,7 +9503,7 @@ const ClassTag = /*#__PURE__*/ defineComponent({
                     state.checkable &&
                     emit("checkedChange", !state.checked),
             }, [
-                h("span", slots.default?.()),
+                h("span", (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)),
                 state.closable
                     ? h("button", {
                         disabled: state.disabled,
@@ -9163,12 +9529,13 @@ const ClassSkeleton = /*#__PURE__*/ defineComponent({
     },
     setup(props, { attrs, slots }) {
         return () => {
+            var _a;
             const state = new SkeletonController({
                 animated: props.animated,
                 count: props.count,
             }).getState();
-            const content = slots.default?.();
-            if (content?.length) {
+            const content = (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots);
+            if (content === null || content === void 0 ? void 0 : content.length) {
                 const children = [
                     h("div", { class: "cc-skeleton__content" }, content),
                     ...(props.loading
@@ -9223,10 +9590,9 @@ const ClassBreadcrumb = /*#__PURE__*/ defineComponent({
 });
 function renderVueMenuItems(items, collapsed, slots, toggle, select) {
     return items.map((item) => {
+        var _a, _b, _c;
         const hasChildren = item.children.length > 0;
-        const icon = slots.icon?.({ item }) ??
-            item.icon ??
-            (collapsed ? item.label.slice(0, 1) : undefined);
+        const icon = (_c = (_b = (_a = slots.icon) === null || _a === void 0 ? void 0 : _a.call(slots, { item })) !== null && _b !== void 0 ? _b : item.icon) !== null && _c !== void 0 ? _c : (collapsed ? item.label.slice(0, 1) : undefined);
         return h("li", {
             class: "cc-menu__item",
             "data-active": item.isActive,
@@ -9469,9 +9835,10 @@ const ClassPopconfirm = /*#__PURE__*/ defineComponent({
             }, motion.enabled ? motion.duration : 0);
         };
         const closeOnOutside = (event) => {
+            var _a, _b;
             if (!props.closeOnOutsideClick ||
-                rootRef.value?.contains(event.target) ||
-                panelRef.value?.contains(event.target))
+                ((_a = rootRef.value) === null || _a === void 0 ? void 0 : _a.contains(event.target)) ||
+                ((_b = panelRef.value) === null || _b === void 0 ? void 0 : _b.contains(event.target)))
                 return;
             hide();
         };
@@ -9497,6 +9864,7 @@ const ClassPopconfirm = /*#__PURE__*/ defineComponent({
         });
         watch(() => props.placement, updatePlacement);
         return () => {
+            var _a;
             const motion = resolveAnimation(props.animation, "scale");
             const rootClass = [
                 "cc-popconfirm",
@@ -9528,7 +9896,7 @@ const ClassPopconfirm = /*#__PURE__*/ defineComponent({
                 ref: rootRef,
                 style: animationStyle(motion),
             }, [
-                h("span", { onClick: show }, slots.default?.()),
+                h("span", { onClick: show }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)),
                 props.portal ? null : panelNode,
             ]);
             if (!props.portal)
@@ -9568,12 +9936,13 @@ const ClassBacktop = /*#__PURE__*/ defineComponent({
         let currentTarget = null;
         let bindFrame = 0;
         const resolveTarget = () => {
+            var _a, _b;
             const propTarget = props.target;
             if (typeof propTarget === "function")
-                return propTarget() ?? null;
+                return (_a = propTarget()) !== null && _a !== void 0 ? _a : null;
             if (typeof propTarget === "string")
-                return document.querySelector(propTarget) ?? window;
-            return propTarget ?? window;
+                return (_b = document.querySelector(propTarget)) !== null && _b !== void 0 ? _b : window;
+            return propTarget !== null && propTarget !== void 0 ? propTarget : window;
         };
         const readScrollTop = (target) => target instanceof Window ? target.scrollY : target.scrollTop;
         const writeScrollTop = (target, top) => {
@@ -9584,7 +9953,8 @@ const ClassBacktop = /*#__PURE__*/ defineComponent({
             target.scrollTop = top;
         };
         const scrollToTop = (target) => {
-            const duration = Math.max(0, Number.isFinite(props.duration ?? 0) ? (props.duration ?? 0) : 0);
+            var _a, _b;
+            const duration = Math.max(0, Number.isFinite((_a = props.duration) !== null && _a !== void 0 ? _a : 0) ? ((_b = props.duration) !== null && _b !== void 0 ? _b : 0) : 0);
             if (duration <= 0) {
                 target.scrollTo({ top: 0, behavior: "smooth" });
                 return;
@@ -9601,7 +9971,7 @@ const ClassBacktop = /*#__PURE__*/ defineComponent({
             requestAnimationFrame(step);
         };
         const onScroll = () => {
-            const target = currentTarget ?? resolveTarget();
+            const target = currentTarget !== null && currentTarget !== void 0 ? currentTarget : resolveTarget();
             if (!target)
                 return;
             visible.value = controller.resolve(readScrollTop(target), visible.value).visible;
@@ -9633,19 +10003,22 @@ const ClassBacktop = /*#__PURE__*/ defineComponent({
             if (currentTarget)
                 currentTarget.removeEventListener("scroll", onScroll);
         });
-        return () => visible.value
-            ? h("button", {
-                ...attrs,
-                class: props.className,
-                type: "button",
-                onClick: (event) => {
-                    emit("click", event);
-                    const target = currentTarget ?? resolveTarget();
-                    if (target)
-                        scrollToTop(target);
-                },
-            }, slots.default?.() ?? classIcon("chevronUp"))
-            : null;
+        return () => {
+            var _a, _b;
+            return visible.value
+                ? h("button", {
+                    ...attrs,
+                    class: props.className,
+                    type: "button",
+                    onClick: (event) => {
+                        emit("click", event);
+                        const target = currentTarget !== null && currentTarget !== void 0 ? currentTarget : resolveTarget();
+                        if (target)
+                            scrollToTop(target);
+                    },
+                }, (_b = (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) !== null && _b !== void 0 ? _b : classIcon("chevronUp"))
+                : null;
+        };
     },
 });
 const ClassAffix = /*#__PURE__*/ defineComponent({
@@ -9662,10 +10035,11 @@ const ClassAffix = /*#__PURE__*/ defineComponent({
         const windowTarget = ref(true);
         let scrollTarget = window;
         const resolveTarget = () => {
+            var _a;
             const propTarget = typeof props.target === "function" ? props.target() : props.target;
             if (typeof propTarget === "string")
-                return document.querySelector(propTarget) ?? window;
-            return propTarget ?? window;
+                return (_a = document.querySelector(propTarget)) !== null && _a !== void 0 ? _a : window;
+            return propTarget !== null && propTarget !== void 0 ? propTarget : window;
         };
         const onScroll = () => {
             const element = scrollTarget;
@@ -9707,22 +10081,25 @@ const ClassAffix = /*#__PURE__*/ defineComponent({
         watch(() => props.target, attach);
         watch(() => props.offsetTop, onScroll);
         onBeforeUnmount(detach);
-        return () => h("div", {
-            ...attrs,
-            class: props.className,
-            "data-fixed": fixed.value,
-            "data-target": windowTarget.value ? "window" : "element",
-            ref: root,
-            style: {
-                ...(windowTarget.value && fixed.value
-                    ? { height: fixedStyle.value.height }
-                    : {}),
-                ...(!windowTarget.value ? { top: `${props.offsetTop}px` } : {}),
-            },
-        }, h("div", {
-            class: "cc-affix__inner",
-            style: windowTarget.value && fixed.value ? fixedStyle.value : undefined,
-        }, slots.default?.()));
+        return () => {
+            var _a;
+            return h("div", {
+                ...attrs,
+                class: props.className,
+                "data-fixed": fixed.value,
+                "data-target": windowTarget.value ? "window" : "element",
+                ref: root,
+                style: {
+                    ...(windowTarget.value && fixed.value
+                        ? { height: fixedStyle.value.height }
+                        : {}),
+                    ...(!windowTarget.value ? { top: `${props.offsetTop}px` } : {}),
+                },
+            }, h("div", {
+                class: "cc-affix__inner",
+                style: windowTarget.value && fixed.value ? fixedStyle.value : undefined,
+            }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)));
+        };
     },
 });
 const ClassModal = /*#__PURE__*/ defineComponent({
@@ -9783,7 +10160,8 @@ const ClassModal = /*#__PURE__*/ defineComponent({
     },
     emits: ["update:open"],
     setup(props, { attrs, emit, slots }) {
-        const controller = props.controller ?? new ModalController(props.open);
+        var _a;
+        const controller = (_a = props.controller) !== null && _a !== void 0 ? _a : new ModalController(props.open);
         const open = ref(controller.isOpen());
         const rendered = ref(open.value);
         const panelRef = ref(null);
@@ -9838,10 +10216,11 @@ const ClassModal = /*#__PURE__*/ defineComponent({
                 clearTimeout(timer);
             if (frame)
                 cancelAnimationFrame(frame);
-            cleanupA11y?.();
+            cleanupA11y === null || cleanupA11y === void 0 ? void 0 : cleanupA11y();
             unsubscribe();
         });
         return () => {
+            var _a, _b;
             const motion = resolveAnimation(props.animation, "scale");
             const { style: attrStyle, ...restAttrs } = attrs;
             const modalNode = h("div", {
@@ -9879,11 +10258,11 @@ const ClassModal = /*#__PURE__*/ defineComponent({
                             }, props.closeIcon),
                         ])
                         : null,
-                    h("div", { class: "cc-modal__body" }, slots.default?.()),
+                    h("div", { class: "cc-modal__body" }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)),
                 ]),
             ]);
             return rendered.value
-                ? h(Teleport, { to: props.container ?? "body" }, modalNode)
+                ? h(Teleport, { to: (_b = props.container) !== null && _b !== void 0 ? _b : "body" }, modalNode)
                 : null;
         };
     },
@@ -9958,7 +10337,8 @@ const ClassPopup = /*#__PURE__*/ defineComponent({
     },
     emits: ["update:open"],
     setup(props, { attrs, emit, slots }) {
-        const controller = props.controller ?? new PopupController(props.open, props.placement);
+        var _a;
+        const controller = (_a = props.controller) !== null && _a !== void 0 ? _a : new PopupController(props.open, props.placement);
         const state = ref(controller.getState());
         const rendered = ref(state.value.open);
         const panelRef = ref(null);
@@ -9968,6 +10348,7 @@ const ClassPopup = /*#__PURE__*/ defineComponent({
         let cleanupA11y;
         let pushSnapshot = null;
         const syncPushTarget = () => {
+            var _a, _b, _c, _d, _e;
             const target = props.pushTarget;
             if (!target)
                 return;
@@ -9981,11 +10362,11 @@ const ClassPopup = /*#__PURE__*/ defineComponent({
             const original = pushSnapshot;
             const motion = resolveAnimation(props.animation, "slide");
             const measuredDistance = state.value.placement === "left" || state.value.placement === "right"
-                ? (panelRef.value?.offsetWidth ?? 0)
-                : (panelRef.value?.offsetHeight ?? 0);
+                ? ((_b = (_a = panelRef.value) === null || _a === void 0 ? void 0 : _a.offsetWidth) !== null && _b !== void 0 ? _b : 0)
+                : ((_d = (_c = panelRef.value) === null || _c === void 0 ? void 0 : _c.offsetHeight) !== null && _d !== void 0 ? _d : 0);
             const distance = typeof props.pushDistance === "number"
                 ? `${props.pushDistance}px`
-                : (props.pushDistance ?? `${measuredDistance}px`);
+                : ((_e = props.pushDistance) !== null && _e !== void 0 ? _e : `${measuredDistance}px`);
             const signedDistance = state.value.placement === "left" || state.value.placement === "top"
                 ? distance
                 : `calc(-1 * ${distance})`;
@@ -10052,10 +10433,11 @@ const ClassPopup = /*#__PURE__*/ defineComponent({
                 pushSnapshot.target.style.transition = pushSnapshot.transition;
                 pushSnapshot = null;
             }
-            cleanupA11y?.();
+            cleanupA11y === null || cleanupA11y === void 0 ? void 0 : cleanupA11y();
             unsubscribe();
         });
         return () => {
+            var _a, _b;
             const motion = resolveAnimation(props.animation, "slide");
             const { style: attrStyle, ...restAttrs } = attrs;
             const popupNode = h("div", {
@@ -10094,11 +10476,11 @@ const ClassPopup = /*#__PURE__*/ defineComponent({
                             }, props.closeIcon),
                         ])
                         : null,
-                    h("div", { class: "cc-popup__body" }, slots.default?.()),
+                    h("div", { class: "cc-popup__body" }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)),
                 ]),
             ]);
             return rendered.value
-                ? h(Teleport, { to: props.container ?? "body" }, popupNode)
+                ? h(Teleport, { to: (_b = props.container) !== null && _b !== void 0 ? _b : "body" }, popupNode)
                 : null;
         };
     },
@@ -10180,9 +10562,10 @@ const ClassTooltip = /*#__PURE__*/ defineComponent({
                 typeof document === "undefined")
                 return;
             const handlePointerDown = (event) => {
+                var _a, _b;
                 if (!props.closeOnOutsideClick ||
-                    rootRef.value?.contains(event.target) ||
-                    contentRef.value?.contains(event.target))
+                    ((_a = rootRef.value) === null || _a === void 0 ? void 0 : _a.contains(event.target)) ||
+                    ((_b = contentRef.value) === null || _b === void 0 ? void 0 : _b.contains(event.target)))
                     return;
                 controller.close();
             };
@@ -10208,6 +10591,7 @@ const ClassTooltip = /*#__PURE__*/ defineComponent({
         });
         watch(() => props.placement, () => updatePlacement());
         return () => {
+            var _a;
             const openEvents = props.trigger === "click"
                 ? {
                     onClick: () => {
@@ -10250,7 +10634,7 @@ const ClassTooltip = /*#__PURE__*/ defineComponent({
                 ref: rootRef,
                 style: animationStyle(motion),
                 tabindex: props.trigger === "click" ? 0 : undefined,
-            }, [slots.default?.(), props.portal ? null : tooltipContent]);
+            }, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots), props.portal ? null : tooltipContent]);
             if (!props.portal)
                 return rootNode;
             const portalNode = open.value || anchorStyle.value.left > -9999
@@ -10297,7 +10681,8 @@ const ClassToastViewport = /*#__PURE__*/ defineComponent({
         },
     },
     setup(props, { attrs, slots }) {
-        const activeManager = shallowRef(props.manager ?? defaultToastManager);
+        var _a;
+        const activeManager = shallowRef((_a = props.manager) !== null && _a !== void 0 ? _a : defaultToastManager);
         const items = shallowRef(activeManager.value.getToasts());
         const getVisibleItems = (source) => {
             const positionItems = source.filter((item) => item.position === props.position);
@@ -10371,13 +10756,16 @@ const ClassToastViewport = /*#__PURE__*/ defineComponent({
             const enteringIds = nextItems
                 .filter((item) => !currentIds.has(item.id))
                 .map((item) => item.id);
-            const retainedOrExiting = renderedItems.value.map(({ item }) => ({
-                item: incomingById.get(item.id) ?? item,
-                motion: !incomingIds.has(item.id),
-                state: incomingIds.has(item.id)
-                    ? "enter"
-                    : "exit",
-            }));
+            const retainedOrExiting = renderedItems.value.map(({ item }) => {
+                var _a;
+                return ({
+                    item: (_a = incomingById.get(item.id)) !== null && _a !== void 0 ? _a : item,
+                    motion: !incomingIds.has(item.id),
+                    state: incomingIds.has(item.id)
+                        ? "enter"
+                        : "exit",
+                });
+            });
             const entering = nextItems
                 .filter((item) => !currentIds.has(item.id))
                 .map((item) => ({ item, motion: true, state: "prepare" }));
@@ -10424,7 +10812,7 @@ const ClassToastViewport = /*#__PURE__*/ defineComponent({
         };
         subscribeManager(activeManager.value);
         watch(() => props.manager, (nextManager) => {
-            subscribeManager(nextManager ?? defaultToastManager);
+            subscribeManager(nextManager !== null && nextManager !== void 0 ? nextManager : defaultToastManager);
         });
         watch(() => [props.position, props.maxVisible], () => syncRenderedItems(getVisibleItems(items.value)));
         onBeforeUnmount(() => {
@@ -10513,7 +10901,8 @@ const ClassTabs = /*#__PURE__*/ defineComponent({
     },
     emits: ["update:activeId"],
     setup(props, { attrs, emit, slots }) {
-        const controller = props.controller ?? new TabsController(props.tabs, props.activeId);
+        var _a;
+        const controller = (_a = props.controller) !== null && _a !== void 0 ? _a : new TabsController(props.tabs, props.activeId);
         const activeId = ref(controller.getActiveId());
         const visited = ref(new Set([activeId.value]));
         const direction = ref("forward");
@@ -10528,7 +10917,7 @@ const ClassTabs = /*#__PURE__*/ defineComponent({
         };
         const unsubscribe = controller.subscribe((nextActiveId) => {
             const tabsAnimation = props.animation;
-            direction.value = resolveTabsDirection(props.tabs, activeId.value, nextActiveId, tabsAnimation === false ? "none" : tabsAnimation?.direction);
+            direction.value = resolveTabsDirection(props.tabs, activeId.value, nextActiveId, tabsAnimation === false ? "none" : tabsAnimation === null || tabsAnimation === void 0 ? void 0 : tabsAnimation.direction);
             activeId.value = nextActiveId;
             visited.value = new Set([...visited.value, nextActiveId]);
             emit("update:activeId", nextActiveId);
@@ -10542,7 +10931,7 @@ const ClassTabs = /*#__PURE__*/ defineComponent({
         return () => {
             const tabsAnimation = props.animation;
             const tabsFallbackAnimation = tabsAnimation !== false &&
-                tabsAnimation?.direction &&
+                (tabsAnimation === null || tabsAnimation === void 0 ? void 0 : tabsAnimation.direction) &&
                 tabsAnimation.direction !== "none"
                 ? "slide"
                 : "fade";
@@ -10572,6 +10961,7 @@ const ClassTabs = /*#__PURE__*/ defineComponent({
                     onClick: () => controller.activate(tab.id),
                 }, tab.label))),
                 h("div", { class: "cc-tabs__panes" }, panelIds.map((panelId) => {
+                    var _a, _b, _c, _d, _e;
                     const active = panelId === activeId.value;
                     const loading = resolveFlag(props.loadingTabs, panelId);
                     const empty = !loading && resolveFlag(props.emptyTabs, panelId);
@@ -10584,18 +10974,16 @@ const ClassTabs = /*#__PURE__*/ defineComponent({
                         key: panelId,
                         role: "tabpanel",
                     }, loading
-                        ? (slots.loading?.({ activeId: panelId }) ??
-                            h(ClassLoading, {
-                                className: "cc-tabs__loading",
-                                text: getClassComponentsLocale().tabsLoadingText,
-                            }))
+                        ? ((_b = (_a = slots.loading) === null || _a === void 0 ? void 0 : _a.call(slots, { activeId: panelId })) !== null && _b !== void 0 ? _b : h(ClassLoading, {
+                            className: "cc-tabs__loading",
+                            text: getClassComponentsLocale().tabsLoadingText,
+                        }))
                         : empty
-                            ? (slots.empty?.({ activeId: panelId }) ??
-                                h(ClassEmpty, {
-                                    className: "cc-tabs__empty",
-                                    description: getClassComponentsLocale().tabsEmptyText,
-                                }))
-                            : slots.default?.({ activeId: panelId, active }));
+                            ? ((_d = (_c = slots.empty) === null || _c === void 0 ? void 0 : _c.call(slots, { activeId: panelId })) !== null && _d !== void 0 ? _d : h(ClassEmpty, {
+                                className: "cc-tabs__empty",
+                                description: getClassComponentsLocale().tabsEmptyText,
+                            }))
+                            : (_e = slots.default) === null || _e === void 0 ? void 0 : _e.call(slots, { activeId: panelId, active }));
                 })),
             ]);
         };
@@ -10670,9 +11058,12 @@ const ClassTable = /*#__PURE__*/ defineComponent({
         let resizeObserver;
         let bodyResizeObserver;
         let settingsTimer;
-        const getContentWidth = () => Math.max(0, (rootRef.value?.clientWidth ?? 0) -
-            (props.rowSelection ? 44 : 0) -
-            (props.virtual ? bodyScrollbarWidth.value : 0));
+        const getContentWidth = () => {
+            var _a, _b;
+            return Math.max(0, ((_b = (_a = rootRef.value) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : 0) -
+                (props.rowSelection ? 44 : 0) -
+                (props.virtual ? bodyScrollbarWidth.value : 0));
+        };
         const updateContainerWidth = () => {
             containerWidth.value = getContentWidth();
         };
@@ -10736,10 +11127,11 @@ const ClassTable = /*#__PURE__*/ defineComponent({
                 showSettings();
         };
         const closeSettingsOnOutside = (event) => {
+            var _a, _b;
             const target = event.target;
             if (!settingsOpen.value ||
-                settingsRef.value?.contains(target) ||
-                settingsMenuRef.value?.contains(target))
+                ((_a = settingsRef.value) === null || _a === void 0 ? void 0 : _a.contains(target)) ||
+                ((_b = settingsMenuRef.value) === null || _b === void 0 ? void 0 : _b.contains(target)))
                 return;
             hideSettings();
         };
@@ -10801,8 +11193,8 @@ const ClassTable = /*#__PURE__*/ defineComponent({
             }
         });
         onBeforeUnmount(() => {
-            resizeObserver?.disconnect();
-            bodyResizeObserver?.disconnect();
+            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
+            bodyResizeObserver === null || bodyResizeObserver === void 0 ? void 0 : bodyResizeObserver.disconnect();
             document.removeEventListener("mousedown", closeSettingsOnOutside);
             window.removeEventListener("resize", updateSettingsPosition);
             window.removeEventListener("scroll", updateSettingsPosition, true);
@@ -10812,8 +11204,8 @@ const ClassTable = /*#__PURE__*/ defineComponent({
                 window.removeEventListener("resize", updateContainerWidth);
         });
         return () => {
-            const tableViewportWidth = rootRef.value?.clientWidth ??
-                containerWidth.value + (props.rowSelection ? 44 : 0);
+            var _a, _b, _c, _d, _e, _f;
+            const tableViewportWidth = (_b = (_a = rootRef.value) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : containerWidth.value + (props.rowSelection ? 44 : 0);
             const displayColumns = state.value.columns;
             const dataGridTemplateColumns = `${props.rowSelection ? "44px " : ""}${displayColumns.map((column) => `${column.width}px`).join(" ")}`;
             const headerScrollbarWidth = props.virtual ? bodyScrollbarWidth.value : 0;
@@ -10853,17 +11245,18 @@ const ClassTable = /*#__PURE__*/ defineComponent({
                 : tableWidthStyle;
             const hasHorizontalOverflow = tableContentWidth() + headerScrollbarWidth > tableViewportWidth + 1;
             const getFixedEdge = (column) => {
+                var _a, _b;
                 if (!hasHorizontalOverflow)
                     return undefined;
                 if (column.fixed === "left") {
                     const leftFixed = displayColumns.filter((item) => item.fixed === "left");
-                    return leftFixed[leftFixed.length - 1]?.key === column.key
+                    return ((_a = leftFixed[leftFixed.length - 1]) === null || _a === void 0 ? void 0 : _a.key) === column.key
                         ? "left"
                         : undefined;
                 }
                 if (column.fixed === "right") {
                     const rightFixed = displayColumns.filter((item) => item.fixed === "right");
-                    return rightFixed[0]?.key === column.key ? "right" : undefined;
+                    return ((_b = rightFixed[0]) === null || _b === void 0 ? void 0 : _b.key) === column.key ? "right" : undefined;
                 }
                 return undefined;
             };
@@ -10915,16 +11308,18 @@ const ClassTable = /*#__PURE__*/ defineComponent({
                                 : undefined,
                         }, renderCheckbox(state.value.selectedKeys.includes(key), false, `${getClassComponentsLocale().tableSelectRowLabel} ${String(key)}`, (checked) => toggle(key, checked)))
                         : null,
-                    ...displayColumns.map((column) => h("div", {
-                        class: "cc-table__cell",
-                        "data-fixed": hasHorizontalOverflow
-                            ? column.fixed
-                            : undefined,
-                        "data-fixed-edge": getFixedEdge(column),
-                        key: column.key,
-                        style: getColumnStickyStyle(column),
-                    }, slots.cell?.({ column, row, rowIndex }) ??
-                        String(row[column.dataIndex] ?? ""))),
+                    ...displayColumns.map((column) => {
+                        var _a, _b, _c;
+                        return h("div", {
+                            class: "cc-table__cell",
+                            "data-fixed": hasHorizontalOverflow
+                                ? column.fixed
+                                : undefined,
+                            "data-fixed-edge": getFixedEdge(column),
+                            key: column.key,
+                            style: getColumnStickyStyle(column),
+                        }, (_b = (_a = slots.cell) === null || _a === void 0 ? void 0 : _a.call(slots, { column, row, rowIndex })) !== null && _b !== void 0 ? _b : String((_c = row[column.dataIndex]) !== null && _c !== void 0 ? _c : ""));
+                    }),
                 ]);
             };
             return h("div", {
@@ -11057,11 +11452,10 @@ const ClassTable = /*#__PURE__*/ defineComponent({
                         : bodyWidthStyle,
                 }, !props.loading && state.value.rows.length === 0
                     ? [
-                        h("div", { class: "cc-table__state" }, slots.empty?.() ??
-                            h(ClassEmpty, {
-                                className: "cc-table__empty",
-                                description: props.emptyText,
-                            })),
+                        h("div", { class: "cc-table__state" }, (_d = (_c = slots.empty) === null || _c === void 0 ? void 0 : _c.call(slots)) !== null && _d !== void 0 ? _d : h(ClassEmpty, {
+                            className: "cc-table__empty",
+                            description: props.emptyText,
+                        })),
                     ]
                     : props.virtual && range
                         ? [
@@ -11085,8 +11479,7 @@ const ClassTable = /*#__PURE__*/ defineComponent({
                     ? h("div", {
                         class: "cc-table__loading",
                         "data-cover-header": props.loadingCoverHeader,
-                    }, slots.loading?.() ??
-                        h(ClassLoading, { text: props.loadingText }))
+                    }, (_f = (_e = slots.loading) === null || _e === void 0 ? void 0 : _e.call(slots)) !== null && _f !== void 0 ? _f : h(ClassLoading, { text: props.loadingText }))
                     : null,
             ]);
         };
@@ -11130,9 +11523,10 @@ const ClassUpload = /*#__PURE__*/ defineComponent({
     },
     emits: ["change"],
     setup(props, { attrs, emit }) {
+        var _a;
         const form = inject(formSymbol, null);
         const formInteractivity = useFormInteractivity();
-        const formState = shallowRef(form?.getState() ?? null);
+        const formState = shallowRef((_a = form === null || form === void 0 ? void 0 : form.getState()) !== null && _a !== void 0 ? _a : null);
         const inputRef = ref(null);
         const controller = new UploadController({
             accept: props.accept,
@@ -11144,20 +11538,21 @@ const ClassUpload = /*#__PURE__*/ defineComponent({
         let unsubscribeField;
         let unsubscribeForm;
         onMounted(() => {
+            var _a;
             if (!form || !props.name)
                 return;
             unsubscribeForm = form.subscribe((nextState) => {
                 formState.value = nextState;
             });
             unsubscribeField = form.registerField(props.name, {
-                initialValue: props.initialValue ?? [],
+                initialValue: (_a = props.initialValue) !== null && _a !== void 0 ? _a : [],
                 rules: props.rules,
                 validateOn: props.validateOn,
             });
         });
         onBeforeUnmount(() => {
-            unsubscribeField?.();
-            unsubscribeForm?.();
+            unsubscribeField === null || unsubscribeField === void 0 ? void 0 : unsubscribeField();
+            unsubscribeForm === null || unsubscribeForm === void 0 ? void 0 : unsubscribeForm();
         });
         watch(() => [props.accept, props.maxSize, props.multiple], () => {
             state.value = controller.updateOptions({
@@ -11166,7 +11561,7 @@ const ClassUpload = /*#__PURE__*/ defineComponent({
                 multiple: props.multiple,
             });
         });
-        watch(() => props.name ? formState.value?.fields[props.name]?.value : undefined, (nextValue) => {
+        watch(() => { var _a, _b; return props.name ? (_b = (_a = formState.value) === null || _a === void 0 ? void 0 : _a.fields[props.name]) === null || _b === void 0 ? void 0 : _b.value : undefined; }, (nextValue) => {
             if (!Array.isArray(nextValue))
                 return;
             state.value = controller.replaceFiles(nextValue);
@@ -11177,19 +11572,21 @@ const ClassUpload = /*#__PURE__*/ defineComponent({
             emit("change", files);
         };
         const addFiles = (files) => {
-            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            var _a;
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, (_a = props.readOnly) !== null && _a !== void 0 ? _a : props.readonly);
             if (interactivity.disabled || interactivity.readOnly)
                 return;
             state.value = controller.addFiles(Array.from(files));
             commitFiles(state.value.files);
         };
         return () => {
-            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, props.readOnly ?? props.readonly);
+            var _a, _b, _c, _d;
+            const interactivity = resolveFieldInteractivity(formInteractivity, props.disabled, (_a = props.readOnly) !== null && _a !== void 0 ? _a : props.readonly);
             const locked = interactivity.disabled || interactivity.readOnly;
             const field = props.name
-                ? formState.value?.fields[props.name]
+                ? (_b = formState.value) === null || _b === void 0 ? void 0 : _b.fields[props.name]
                 : undefined;
-            const errors = field?.errors ?? [];
+            const errors = (_c = field === null || field === void 0 ? void 0 : field.errors) !== null && _c !== void 0 ? _c : [];
             const errorId = props.name ? `${props.name}-error` : undefined;
             const upload = h("div", {
                 ...attrs,
@@ -11208,9 +11605,10 @@ const ClassUpload = /*#__PURE__*/ defineComponent({
                 },
                 onDragover: (event) => event.preventDefault(),
                 onDrop: (event) => {
+                    var _a;
                     event.preventDefault();
                     dragging.value = false;
-                    if (!locked && event.dataTransfer?.files)
+                    if (!locked && ((_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.files))
                         addFiles(event.dataTransfer.files);
                 },
             }, [
@@ -11229,7 +11627,7 @@ const ClassUpload = /*#__PURE__*/ defineComponent({
                 h("button", {
                     disabled: locked,
                     type: "button",
-                    onClick: () => inputRef.value?.click(),
+                    onClick: () => { var _a; return (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.click(); },
                 }, props.buttonText),
                 h("span", { class: "cc-upload__drag" }, props.dragText),
                 h("ul", null, state.value.files.map((file) => h("li", { key: file.id }, [
@@ -11258,7 +11656,7 @@ const ClassUpload = /*#__PURE__*/ defineComponent({
                     : null,
                 upload,
                 errors.length > 0 && errorId
-                    ? h("span", { class: props.errorClass ?? "cc-field__error", id: errorId }, errors[0])
+                    ? h("span", { class: (_d = props.errorClass) !== null && _d !== void 0 ? _d : "cc-field__error", id: errorId }, errors[0])
                     : null,
             ]);
         };
@@ -11302,7 +11700,7 @@ const ClassNovelReader = /*#__PURE__*/ defineComponent({
         const dragState = ref(null);
         let activeDragState = null;
         const turningPage = ref(null);
-        const activeCurrent = () => props.current ?? innerCurrent.value;
+        const activeCurrent = () => { var _a; return (_a = props.current) !== null && _a !== void 0 ? _a : innerCurrent.value; };
         const finishTurn = () => {
             const finished = turningPage.value;
             if (!finished)
@@ -11314,15 +11712,16 @@ const ClassNovelReader = /*#__PURE__*/ defineComponent({
             turningPage.value = null;
         };
         let turnTimer;
-        const renderNovelPage = (page, current, total, className, onAnimationEnd, key) => h("div", { class: className, key, onAnimationEnd }, [
-            h("div", { class: "cc-novel-reader__header" }, [
-                h("strong", null, page?.title ??
-                    props.title ??
-                    getClassComponentsLocale().novelReaderTitle),
-                h("span", null, total ? `${current + 1} / ${total}` : "0 / 0"),
-            ]),
-            h("div", { class: "cc-novel-reader__content" }, page?.content ?? getClassComponentsLocale().novelReaderEmptyText),
-        ]);
+        const renderNovelPage = (page, current, total, className, onAnimationEnd, key) => {
+            var _a, _b, _c;
+            return h("div", { class: className, key, onAnimationEnd }, [
+                h("div", { class: "cc-novel-reader__header" }, [
+                    h("strong", null, (_b = (_a = page === null || page === void 0 ? void 0 : page.title) !== null && _a !== void 0 ? _a : props.title) !== null && _b !== void 0 ? _b : getClassComponentsLocale().novelReaderTitle),
+                    h("span", null, total ? `${current + 1} / ${total}` : "0 / 0"),
+                ]),
+                h("div", { class: "cc-novel-reader__content" }, (_c = page === null || page === void 0 ? void 0 : page.content) !== null && _c !== void 0 ? _c : getClassComponentsLocale().novelReaderEmptyText),
+            ]);
+        };
         const getStateAt = (nextCurrent) => {
             const total = props.pages.length;
             const normalized = props.loop && total > 0
@@ -11377,7 +11776,7 @@ const ClassNovelReader = /*#__PURE__*/ defineComponent({
                 clearTimeout(turnTimer);
         });
         const updateDrag = (pointerId, clientX, width, state, end = false) => {
-            const drag = activeDragState ?? dragState.value;
+            const drag = activeDragState !== null && activeDragState !== void 0 ? activeDragState : dragState.value;
             if (!drag || drag.pointerId !== pointerId)
                 return;
             const delta = clientX - drag.startX;
@@ -11409,15 +11808,16 @@ const ClassNovelReader = /*#__PURE__*/ defineComponent({
             dragState.value = activeDragState;
         };
         return () => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9;
             const state = new NovelReaderController({
                 current: activeCurrent(),
                 loop: props.loop,
                 pages: props.pages,
             }).getState();
-            const activeTurningPage = turningPage.value ?? dragState.value;
-            const dragMetrics = dragState.value?.metrics;
-            const releaseProgress = turningPage.value?.releaseProgress ?? 0;
-            const dragProgress = dragMetrics?.progress ?? releaseProgress;
+            const activeTurningPage = (_a = turningPage.value) !== null && _a !== void 0 ? _a : dragState.value;
+            const dragMetrics = (_b = dragState.value) === null || _b === void 0 ? void 0 : _b.metrics;
+            const releaseProgress = (_d = (_c = turningPage.value) === null || _c === void 0 ? void 0 : _c.releaseProgress) !== null && _d !== void 0 ? _d : 0;
+            const dragProgress = (_e = dragMetrics === null || dragMetrics === void 0 ? void 0 : dragMetrics.progress) !== null && _e !== void 0 ? _e : releaseProgress;
             const releaseDuration = Math.max(80, Math.round(props.animationDuration * (1 - releaseProgress)));
             const releaseEnterOpacity = 0.18 + releaseProgress * 0.82;
             const releaseLeaveOpacity = 1 - releaseProgress * 0.82;
@@ -11426,9 +11826,7 @@ const ClassNovelReader = /*#__PURE__*/ defineComponent({
             const releaseEnterNextX = (1 - releaseProgress) * 10;
             const releaseEnterPreviousX = (releaseProgress - 1) * 10;
             const releaseLeaveX = releaseProgress * 18;
-            const activeDirection = dragMetrics?.direction ??
-                activeTurningPage?.direction ??
-                direction.value;
+            const activeDirection = (_g = (_f = dragMetrics === null || dragMetrics === void 0 ? void 0 : dragMetrics.direction) !== null && _f !== void 0 ? _f : activeTurningPage === null || activeTurningPage === void 0 ? void 0 : activeTurningPage.direction) !== null && _g !== void 0 ? _g : direction.value;
             const dragSign = activeDirection === "previous" ? 1 : -1;
             const dragCanTurn = dragState.value
                 ? dragState.value.direction === "next"
@@ -11451,26 +11849,26 @@ const ClassNovelReader = /*#__PURE__*/ defineComponent({
                 ref: readerRef,
                 class: props.className,
                 "data-animation": props.animation,
-                "data-direction": dragState.value?.direction ?? direction.value,
+                "data-direction": (_j = (_h = dragState.value) === null || _h === void 0 ? void 0 : _h.direction) !== null && _j !== void 0 ? _j : direction.value,
                 "data-dragging": dragState.value ? "true" : "false",
                 "data-turning": activeTurningPage ? "true" : "false",
                 style: [
                     inheritedStyle,
                     {
                         "--cc-novel-reader-duration": `${props.animationDuration}ms`,
-                        "--cc-novel-drag-angle": `${dragMetrics?.angle ?? 0}deg`,
-                        "--cc-novel-drag-clip-end": `${dragMetrics?.clipEnd ?? 4}%`,
-                        "--cc-novel-drag-clip-x": `${dragMetrics?.clipStart ?? 0}%`,
-                        "--cc-novel-drag-clip-y": `${(dragMetrics?.clipStart ?? 0) * 0.72}%`,
-                        "--cc-novel-drag-curl": dragMetrics?.curl ?? 0,
+                        "--cc-novel-drag-angle": `${(_k = dragMetrics === null || dragMetrics === void 0 ? void 0 : dragMetrics.angle) !== null && _k !== void 0 ? _k : 0}deg`,
+                        "--cc-novel-drag-clip-end": `${(_l = dragMetrics === null || dragMetrics === void 0 ? void 0 : dragMetrics.clipEnd) !== null && _l !== void 0 ? _l : 4}%`,
+                        "--cc-novel-drag-clip-x": `${(_m = dragMetrics === null || dragMetrics === void 0 ? void 0 : dragMetrics.clipStart) !== null && _m !== void 0 ? _m : 0}%`,
+                        "--cc-novel-drag-clip-y": `${((_o = dragMetrics === null || dragMetrics === void 0 ? void 0 : dragMetrics.clipStart) !== null && _o !== void 0 ? _o : 0) * 0.72}%`,
+                        "--cc-novel-drag-curl": (_p = dragMetrics === null || dragMetrics === void 0 ? void 0 : dragMetrics.curl) !== null && _p !== void 0 ? _p : 0,
                         "--cc-novel-drag-filter-shadow": `${dragSign * 38 * dragProgress}px`,
-                        "--cc-novel-drag-fold-opacity": dragMetrics?.foldOpacity ?? 0.18,
-                        "--cc-novel-drag-fold-scale": dragMetrics?.foldScale ?? 0.48,
-                        "--cc-novel-drag-fold-skew": `${dragMetrics?.foldSkew ?? 0}deg`,
-                        "--cc-novel-drag-fold-translate": `${dragMetrics?.foldTranslate ?? 58}%`,
-                        "--cc-novel-drag-fold-translate-signed": `${-dragSign * (dragMetrics?.foldTranslate ?? 58)}%`,
-                        "--cc-novel-drag-next-opacity": dragMetrics?.nextOpacity ?? 0.42,
-                        "--cc-novel-drag-opacity": dragMetrics?.pageOpacity ?? 1,
+                        "--cc-novel-drag-fold-opacity": (_q = dragMetrics === null || dragMetrics === void 0 ? void 0 : dragMetrics.foldOpacity) !== null && _q !== void 0 ? _q : 0.18,
+                        "--cc-novel-drag-fold-scale": (_r = dragMetrics === null || dragMetrics === void 0 ? void 0 : dragMetrics.foldScale) !== null && _r !== void 0 ? _r : 0.48,
+                        "--cc-novel-drag-fold-skew": `${(_s = dragMetrics === null || dragMetrics === void 0 ? void 0 : dragMetrics.foldSkew) !== null && _s !== void 0 ? _s : 0}deg`,
+                        "--cc-novel-drag-fold-translate": `${(_t = dragMetrics === null || dragMetrics === void 0 ? void 0 : dragMetrics.foldTranslate) !== null && _t !== void 0 ? _t : 58}%`,
+                        "--cc-novel-drag-fold-translate-signed": `${-dragSign * ((_u = dragMetrics === null || dragMetrics === void 0 ? void 0 : dragMetrics.foldTranslate) !== null && _u !== void 0 ? _u : 58)}%`,
+                        "--cc-novel-drag-next-opacity": (_v = dragMetrics === null || dragMetrics === void 0 ? void 0 : dragMetrics.nextOpacity) !== null && _v !== void 0 ? _v : 0.42,
+                        "--cc-novel-drag-opacity": (_w = dragMetrics === null || dragMetrics === void 0 ? void 0 : dragMetrics.pageOpacity) !== null && _w !== void 0 ? _w : 1,
                         "--cc-novel-drag-progress": dragProgress,
                         "--cc-novel-release-progress": releaseProgress,
                         "--cc-novel-release-duration": `${releaseProgress > 0 ? releaseDuration : props.animationDuration}ms`,
@@ -11480,13 +11878,13 @@ const ClassNovelReader = /*#__PURE__*/ defineComponent({
                         "--cc-novel-slide-leave-start-opacity": releaseLeaveOpacity,
                         "--cc-novel-slide-leave-next-start-transform": `translate3d(${-releaseLeaveX}%, 0, 0) scale(${releaseLeaveScale})`,
                         "--cc-novel-slide-leave-previous-start-transform": `translate3d(${releaseLeaveX}%, 0, 0) scale(${releaseLeaveScale})`,
-                        "--cc-novel-drag-shadow-opacity": dragMetrics?.shadowOpacity ?? 0.12,
-                        "--cc-novel-drag-shadow-scale": dragMetrics?.shadowScale ?? 0.8,
-                        "--cc-novel-drag-shadow-translate": `${dragMetrics?.shadowTranslate ?? 22}%`,
-                        "--cc-novel-drag-shadow-translate-signed": `${dragSign * (dragMetrics?.shadowTranslate ?? 22)}%`,
-                        "--cc-novel-drag-skew": `${dragMetrics?.skew ?? 0}deg`,
-                        "--cc-novel-drag-translate": `${dragMetrics?.translate ?? 0}%`,
-                        "--cc-novel-drag-x": `${dragMetrics?.dragX ?? 0}px`,
+                        "--cc-novel-drag-shadow-opacity": (_x = dragMetrics === null || dragMetrics === void 0 ? void 0 : dragMetrics.shadowOpacity) !== null && _x !== void 0 ? _x : 0.12,
+                        "--cc-novel-drag-shadow-scale": (_y = dragMetrics === null || dragMetrics === void 0 ? void 0 : dragMetrics.shadowScale) !== null && _y !== void 0 ? _y : 0.8,
+                        "--cc-novel-drag-shadow-translate": `${(_z = dragMetrics === null || dragMetrics === void 0 ? void 0 : dragMetrics.shadowTranslate) !== null && _z !== void 0 ? _z : 22}%`,
+                        "--cc-novel-drag-shadow-translate-signed": `${dragSign * ((_0 = dragMetrics === null || dragMetrics === void 0 ? void 0 : dragMetrics.shadowTranslate) !== null && _0 !== void 0 ? _0 : 22)}%`,
+                        "--cc-novel-drag-skew": `${(_1 = dragMetrics === null || dragMetrics === void 0 ? void 0 : dragMetrics.skew) !== null && _1 !== void 0 ? _1 : 0}deg`,
+                        "--cc-novel-drag-translate": `${(_2 = dragMetrics === null || dragMetrics === void 0 ? void 0 : dragMetrics.translate) !== null && _2 !== void 0 ? _2 : 0}%`,
+                        "--cc-novel-drag-x": `${(_3 = dragMetrics === null || dragMetrics === void 0 ? void 0 : dragMetrics.dragX) !== null && _3 !== void 0 ? _3 : 0}px`,
                     },
                 ],
                 onPointerCancel: (event) => {
@@ -11495,20 +11893,20 @@ const ClassNovelReader = /*#__PURE__*/ defineComponent({
                     dragState.value = null;
                 },
                 onPointerDown: (event) => {
+                    var _a, _b, _c, _d;
                     if (event.button !== 0 || turningPage.value)
                         return;
                     const target = event.target;
                     if (target.closest("button, input, textarea, select, a, [data-no-reader-drag='true']"))
                         return;
                     event.preventDefault();
-                    event.currentTarget.setPointerCapture?.(event.pointerId);
+                    (_b = (_a = event.currentTarget).setPointerCapture) === null || _b === void 0 ? void 0 : _b.call(_a, event.pointerId);
                     const pointerId = event.pointerId;
-                    const width = Math.max(1, readerRef.value?.clientWidth ??
-                        event.currentTarget.clientWidth);
+                    const width = Math.max(1, (_d = (_c = readerRef.value) === null || _c === void 0 ? void 0 : _c.clientWidth) !== null && _d !== void 0 ? _d : event.currentTarget.clientWidth);
                     const startX = event.clientX;
                     const targetNode = event.currentTarget;
                     const ensureDrag = (clientX) => {
-                        if (activeDragState?.pointerId === pointerId)
+                        if ((activeDragState === null || activeDragState === void 0 ? void 0 : activeDragState.pointerId) === pointerId)
                             return activeDragState;
                         if (Math.abs(clientX - startX) < NOVEL_READER_DRAG_THRESHOLD)
                             return null;
@@ -11542,11 +11940,12 @@ const ClassNovelReader = /*#__PURE__*/ defineComponent({
                         updateDrag(pointerId, moveEvent.clientX, width, state);
                     };
                     const handleEnd = (endEvent) => {
+                        var _a;
                         if (endEvent.pointerId !== pointerId)
                             return;
                         endEvent.preventDefault();
-                        targetNode.releasePointerCapture?.(pointerId);
-                        if (activeDragState?.pointerId === pointerId ||
+                        (_a = targetNode.releasePointerCapture) === null || _a === void 0 ? void 0 : _a.call(targetNode, pointerId);
+                        if ((activeDragState === null || activeDragState === void 0 ? void 0 : activeDragState.pointerId) === pointerId ||
                             ensureDrag(endEvent.clientX)) {
                             updateDrag(pointerId, endEvent.clientX, width, state, true);
                         }
@@ -11564,9 +11963,9 @@ const ClassNovelReader = /*#__PURE__*/ defineComponent({
                 },
             }, [
                 h("div", { class: "cc-novel-reader__book" }, [
-                    renderNovelPage(baseState.page, baseState.current, state.total, "cc-novel-reader__page cc-novel-reader__page--base", undefined, `base-${baseState.current}-${turningPage.value?.key ?? dragState.value?.key ?? "idle"}`),
+                    renderNovelPage(baseState.page, baseState.current, state.total, "cc-novel-reader__page cc-novel-reader__page--base", undefined, `base-${baseState.current}-${(_7 = (_5 = (_4 = turningPage.value) === null || _4 === void 0 ? void 0 : _4.key) !== null && _5 !== void 0 ? _5 : (_6 = dragState.value) === null || _6 === void 0 ? void 0 : _6.key) !== null && _7 !== void 0 ? _7 : "idle"}`),
                     previewState
-                        ? renderNovelPage(previewState.page, previewState.current, state.total, "cc-novel-reader__page cc-novel-reader__page--preview", undefined, `preview-${previewState.current}-${dragState.value?.key ?? "idle"}`)
+                        ? renderNovelPage(previewState.page, previewState.current, state.total, "cc-novel-reader__page cc-novel-reader__page--preview", undefined, `preview-${previewState.current}-${(_9 = (_8 = dragState.value) === null || _8 === void 0 ? void 0 : _8.key) !== null && _9 !== void 0 ? _9 : "idle"}`)
                         : null,
                     activeTurningPage
                         ? renderNovelPage(activeTurningPage.page, activeTurningPage.current, state.total, `cc-novel-reader__page cc-novel-reader__page--turning${dragState.value ? " cc-novel-reader__page--dragging" : ""}`, () => {
@@ -11626,8 +12025,9 @@ const ClassComicReader = /*#__PURE__*/ defineComponent({
         const sentinel = ref(null);
         const pageRefs = shallowRef([]);
         let observer = null;
-        const activeCurrent = () => props.current ?? innerCurrent.value;
+        const activeCurrent = () => { var _a; return (_a = props.current) !== null && _a !== void 0 ? _a : innerCurrent.value; };
         const commit = (index) => {
+            var _a;
             const next = new ComicReaderController({
                 current: activeCurrent(),
                 hasMore: props.hasMore,
@@ -11638,13 +12038,13 @@ const ClassComicReader = /*#__PURE__*/ defineComponent({
                 innerCurrent.value = next.current;
             emit("update:current", next.current);
             emit("pageChange", next.current, next.page);
-            pageRefs.value[next.current]?.scrollIntoView({
+            (_a = pageRefs.value[next.current]) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
                 behavior: "smooth",
                 block: "start",
             });
         };
         onMounted(() => {
-            if (!sentinel.value)
+            if (!sentinel.value || typeof IntersectionObserver === "undefined")
                 return;
             observer = new IntersectionObserver((entries) => {
                 if (entries.some((entry) => entry.isIntersecting) &&
@@ -11654,7 +12054,7 @@ const ClassComicReader = /*#__PURE__*/ defineComponent({
             }, { rootMargin: "240px" });
             observer.observe(sentinel.value);
         });
-        onBeforeUnmount(() => observer?.disconnect());
+        onBeforeUnmount(() => observer === null || observer === void 0 ? void 0 : observer.disconnect());
         return () => {
             const state = new ComicReaderController({
                 current: activeCurrent(),
@@ -11682,21 +12082,24 @@ const ClassComicReader = /*#__PURE__*/ defineComponent({
                     }, [readerIcon("chevronRight")]),
                 ]),
                 h("div", { class: "cc-comic-reader__pages" }, [
-                    ...state.pages.map((page, index) => h("div", {
-                        key: page.id,
-                        class: "cc-comic-reader__page",
-                        "data-active": index === state.current,
-                        ref: (node) => {
-                            if (node)
-                                pageRefs.value[index] = node;
-                        },
-                    }, [
-                        h("img", {
-                            alt: page.alt ?? "",
-                            loading: "lazy",
-                            src: page.src,
-                        }),
-                    ])),
+                    ...state.pages.map((page, index) => {
+                        var _a;
+                        return h("div", {
+                            key: page.id,
+                            class: "cc-comic-reader__page",
+                            "data-active": index === state.current,
+                            ref: (node) => {
+                                if (node)
+                                    pageRefs.value[index] = node;
+                            },
+                        }, [
+                            h("img", {
+                                alt: (_a = page.alt) !== null && _a !== void 0 ? _a : "",
+                                loading: "lazy",
+                                src: page.src,
+                            }),
+                        ]);
+                    }),
                     h("div", { ref: sentinel, class: "cc-comic-reader__load" }, props.loading
                         ? getClassComponentsLocale().comicReaderLoadingText
                         : props.hasMore
@@ -11742,29 +12145,32 @@ const ClassDanmaku = /*#__PURE__*/ defineComponent({
                         "--cc-danmaku-track-count": state.maxTracks,
                     },
                 ],
-            }, state.items.map((item) => h("div", {
-                key: item.id,
-                class: "cc-danmaku__item",
-                style: {
-                    "--cc-danmaku-color": item.color,
-                    "--cc-danmaku-duration": `${item.duration}ms`,
-                    "--cc-danmaku-track": item.track,
-                },
-            }, slots.default
-                ? slots.default({ item })
-                : item.type === "image" && item.imageSrc
-                    ? [
-                        h("img", {
-                            alt: item.imageAlt ?? item.content,
-                            src: item.imageSrc,
-                        }),
-                        item.content ? h("span", null, item.content) : null,
-                    ]
-                    : item.type === "icon"
+            }, state.items.map((item) => {
+                var _a, _b;
+                return h("div", {
+                    key: item.id,
+                    class: "cc-danmaku__item",
+                    style: {
+                        "--cc-danmaku-color": item.color,
+                        "--cc-danmaku-duration": `${item.duration}ms`,
+                        "--cc-danmaku-track": item.track,
+                    },
+                }, slots.default
+                    ? slots.default({ item })
+                    : item.type === "image" && item.imageSrc
                         ? [
-                            h("span", { "aria-hidden": "true", class: "cc-danmaku__icon" }, item.icon ?? item.content),
+                            h("img", {
+                                alt: (_a = item.imageAlt) !== null && _a !== void 0 ? _a : item.content,
+                                src: item.imageSrc,
+                            }),
+                            item.content ? h("span", null, item.content) : null,
                         ]
-                        : [h("span", null, item.content)])));
+                        : item.type === "icon"
+                            ? [
+                                h("span", { "aria-hidden": "true", class: "cc-danmaku__icon" }, (_b = item.icon) !== null && _b !== void 0 ? _b : item.content),
+                            ]
+                            : [h("span", null, item.content)]);
+            }));
         };
     },
 });
@@ -11968,5 +12374,5 @@ const ClassLiveRoom = /*#__PURE__*/ defineComponent({
     },
 });
 
-export { ClassAffix, ClassBacktop, ClassBadge, ClassBarcode, ClassBreadcrumb, ClassButton, ClassCalendar, ClassCanvasEditor, ClassCanvasImage, ClassChatTextarea, ClassChatVirtualList, ClassCheckbox, ClassChecked, ClassCodePreview, ClassColorPicker, ClassComicReader, ClassConfigProvider, ClassConfigTable, ClassCountdown, ClassDanmaku, ClassDatePicker, ClassDateRangePicker, ClassDesignEffect, ClassDragDropBoard, ClassDraggable, ClassEllipsisText, ClassEmpty, ClassField, ClassFilePreview, ClassFloatingBall, ClassForm, ClassGradientText, ClassHeightTransition, ClassInput, ClassLazyImage, ClassLiveRoom, ClassLoading, ClassMarquee, ClassMasonryVirtualList, ClassMenu, ClassModal, ClassMultiColumnPicker, ClassNovelReader, ClassNumberInput, ClassOrbitalSphere, ClassPagination, ClassPasswordInput, ClassPopconfirm, ClassPopup, ClassProgressBar, ClassQRCode, ClassRadioGroup, ClassRating, ClassRollingNumber, ClassSelect, ClassSignature, ClassSkeleton, ClassSlideCaptcha, ClassSwiper, ClassSwitch, ClassTable, ClassTabs, ClassTag, ClassTextarea, ClassTiltCard, ClassTimeline, ClassToastViewport, ClassTooltip, ClassTypewriterText, ClassUpload, ClassVerificationCode, ClassVideoDetailTransition, ClassVideoPlayer, ClassVirtualList, ClassVirtualSelect, ClassVirtualTable, defaultToastManager, useField, useForm, useFormState };
+export { ClassAffix, ClassBacktop, ClassBadge, ClassBarcode, ClassBreadcrumb, ClassButton, ClassCalendar, ClassCanvasEditor, ClassCanvasImage, ClassChatTextarea, ClassChatVirtualList, ClassCheckbox, ClassChecked, ClassCodePreview, ClassColorPicker, ClassComicReader, ClassConfigProvider, ClassConfigTable, ClassCountdown, ClassDanmaku, ClassDatePicker, ClassDateRangePicker, ClassDesignEffect, ClassDragDropBoard, ClassDraggable, ClassEllipsisText, ClassEmpty, ClassField, ClassFilePreview, ClassFloatingBall, ClassForm, ClassGradientText, ClassHeightTransition, ClassInput, ClassLazyImage, ClassLiveRoom, ClassLoading, ClassMarquee, ClassMasonryVirtualList, ClassMenu, ClassModal, ClassMultiColumnPicker, ClassNovelReader, ClassNumberInput, ClassOrbitalSphere, ClassPagination, ClassPasswordInput, ClassPopconfirm, ClassPopup, ClassProgressBar, ClassQRCode, ClassRadioGroup, ClassRating, ClassRollingNumber, ClassSelect, ClassSignature, ClassSkeleton, ClassSlideCaptcha, ClassSwiper, ClassSwitch, ClassTable, ClassTabs, ClassTag, ClassTextarea, ClassThemeBox, ClassTiltCard, ClassTimeline, ClassToastViewport, ClassTooltip, ClassTypewriterText, ClassUpload, ClassVerificationCode, ClassVideoDetailTransition, ClassVideoPlayer, ClassVirtualList, ClassVirtualSelect, ClassVirtualTable, ClassWidthTransition, defaultToastManager, useField, useForm, useFormState };
 //# sourceMappingURL=index.js.map