@sprawlify/vue 0.0.67 → 0.0.72

package/dist/components/floating-panel/index.js

@@ -0,0 +1,568 @@
+import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
+import { n as useMachine, r as normalizeProps$1, t as mergeProps$1 } from "../../core-DNndr38p.js";
+import { a as useLocaleContext, c as useEnvironmentContext, i as DEFAULT_LOCALE, s as DEFAULT_ENVIRONMENT } from "../../providers-DNBWT-O_.js";
+import { t as createContext } from "../../create-context-Ds1GbsVc.js";
+import { t as useForwardExpose } from "../../use-forward-expose-CCAmHTUB.js";
+import { t as sprawlify } from "../../factory-Co08Aw8u.js";
+import { t as cleanProps } from "../../clean-props-D2R4tz5e.js";
+import { i as usePresence, n as PresenceProvider, r as usePresenceContext } from "../../presence-B4-UhJY9.js";
+import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import * as floatingPanel from "@sprawlify/primitives/machines/floating-panel";
+import { anatomy as floatingPanelAnatomy } from "@sprawlify/primitives/machines/floating-panel";
+
+//#region src/components/floating-panel/use-floating-panel-context.ts
+const [FloatingPanelProvider, useFloatingPanelContext] = createContext("FloatingPanelContext");
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-body.vue?vue&type=script&setup=true&lang.ts
+var floating_panel_body_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "floating-panel-body",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const floatingPanel = useFloatingPanelContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(floatingPanel).getBodyProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-body.vue
+var floating_panel_body_default = floating_panel_body_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-close-trigger.vue?vue&type=script&setup=true&lang.ts
+var floating_panel_close_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "floating-panel-close-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const floatingPanel = useFloatingPanelContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(floatingPanel).getCloseTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-close-trigger.vue
+var floating_panel_close_trigger_default = floating_panel_close_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-content.vue?vue&type=script&setup=true&lang.ts
+var floating_panel_content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "floating-panel-content",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const floatingPanel = useFloatingPanelContext();
+		const presence = usePresenceContext();
+		const mergedProps = computed(() => mergeProps$1(floatingPanel.value.getContentProps(), presence.value.presenceProps));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(sprawlify).div, mergeProps({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-content.vue
+var floating_panel_content_default = floating_panel_content_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-context.vue?vue&type=script&setup=true&lang.ts
+var floating_panel_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "floating-panel-context",
+	setup(__props) {
+		const floatingPanel = useFloatingPanelContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(floatingPanel))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-context.vue
+var floating_panel_context_default = floating_panel_context_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-drag-trigger.vue?vue&type=script&setup=true&lang.ts
+var floating_panel_drag_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "floating-panel-drag-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const floatingPanel = useFloatingPanelContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(floatingPanel).getDragTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-drag-trigger.vue
+var floating_panel_drag_trigger_default = floating_panel_drag_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-header.vue?vue&type=script&setup=true&lang.ts
+var floating_panel_header_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "floating-panel-header",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const floatingPanel = useFloatingPanelContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(floatingPanel).getHeaderProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-header.vue
+var floating_panel_header_default = floating_panel_header_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-positioner.vue?vue&type=script&setup=true&lang.ts
+var floating_panel_positioner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "floating-panel-positioner",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const floatingPanel = useFloatingPanelContext();
+		const presence = usePresenceContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(sprawlify).div, mergeProps({ key: 0 }, unref(floatingPanel).getPositionerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-positioner.vue
+var floating_panel_positioner_default = floating_panel_positioner_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-resize-trigger.vue?vue&type=script&setup=true&lang.ts
+var floating_panel_resize_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "floating-panel-resize-trigger",
+	props: {
+		axis: {
+			type: String,
+			required: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const floatingPanel = useFloatingPanelContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(floatingPanel).getResizeTriggerProps(props), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-resize-trigger.vue
+var floating_panel_resize_trigger_default = floating_panel_resize_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-stage-trigger.vue?vue&type=script&setup=true&lang.ts
+var floating_panel_stage_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "floating-panel-stage-trigger",
+	props: {
+		stage: {
+			type: String,
+			required: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const floatingPanel = useFloatingPanelContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(floatingPanel).getStageTriggerProps(props), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-stage-trigger.vue
+var floating_panel_stage_trigger_default = floating_panel_stage_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/floating-panel/use-floating-panel.ts
+const useFloatingPanel = (props = {}, emit) => {
+	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+	const locale = useLocaleContext(DEFAULT_LOCALE);
+	const id = useId();
+	const machineProps = computed(() => {
+		const localProps = toValue(props);
+		return {
+			id,
+			dir: locale?.value.dir,
+			getRootNode: env?.value.getRootNode,
+			...cleanProps(localProps),
+			onOpenChange: (details) => {
+				emit?.("openChange", details);
+				emit?.("update:open", details.open);
+				localProps.onOpenChange?.(details);
+			},
+			onSizeChange(details) {
+				emit?.("sizeChange", details);
+				emit?.("update:size", details.size);
+				localProps.onSizeChange?.(details);
+			},
+			onPositionChange(details) {
+				emit?.("positionChange", details);
+				emit?.("update:position", details.position);
+				localProps.onPositionChange?.(details);
+			},
+			onPositionChangeEnd(details) {
+				emit?.("positionChangeEnd", details);
+				localProps.onPositionChangeEnd?.(details);
+			},
+			onSizeChangeEnd(details) {
+				emit?.("sizeChangeEnd", details);
+				localProps.onSizeChangeEnd?.(details);
+			},
+			onStageChange(details) {
+				emit?.("stageChange", details);
+				localProps.onStageChange?.(details);
+			}
+		};
+	});
+	const service = useMachine(floatingPanel.machine, machineProps);
+	return computed(() => floatingPanel.connect(service, normalizeProps$1));
+};
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-root.vue?vue&type=script&setup=true&lang.ts
+var floating_panel_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "floating-panel-root",
+	props: /* @__PURE__ */ mergeDefaults({
+		allowOverflow: {
+			type: Boolean,
+			required: false
+		},
+		closeOnEscape: {
+			type: Boolean,
+			required: false
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: false
+		},
+		defaultPosition: {
+			type: null,
+			required: false
+		},
+		defaultSize: {
+			type: null,
+			required: false
+		},
+		dir: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		draggable: {
+			type: Boolean,
+			required: false
+		},
+		getAnchorPosition: {
+			type: Function,
+			required: false
+		},
+		getBoundaryEl: {
+			type: Function,
+			required: false
+		},
+		gridSize: {
+			type: Number,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		},
+		ids: {
+			type: Object,
+			required: false
+		},
+		lockAspectRatio: {
+			type: Boolean,
+			required: false
+		},
+		maxSize: {
+			type: null,
+			required: false
+		},
+		minSize: {
+			type: null,
+			required: false
+		},
+		open: {
+			type: Boolean,
+			required: false
+		},
+		persistRect: {
+			type: Boolean,
+			required: false
+		},
+		position: {
+			type: null,
+			required: false
+		},
+		resizable: {
+			type: Boolean,
+			required: false
+		},
+		size: {
+			type: null,
+			required: false
+		},
+		strategy: {
+			type: String,
+			required: false
+		},
+		translations: {
+			type: null,
+			required: false
+		},
+		lazyMount: {
+			type: Boolean,
+			required: false
+		},
+		unmountOnExit: {
+			type: Boolean,
+			required: false
+		}
+	}, {
+		closeOnEscape: void 0,
+		defaultOpen: void 0,
+		open: void 0,
+		lockAspectRatio: void 0,
+		persistRect: void 0,
+		resizable: void 0,
+		allowOverflow: void 0,
+		disabled: void 0,
+		draggable: void 0
+	}),
+	emits: [
+		"openChange",
+		"update:open",
+		"positionChange",
+		"update:position",
+		"positionChangeEnd",
+		"sizeChange",
+		"update:size",
+		"sizeChangeEnd",
+		"stageChange"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const floatingPanel = useFloatingPanel(props, __emit);
+		FloatingPanelProvider(floatingPanel);
+		PresenceProvider(usePresence(computed(() => ({
+			present: floatingPanel.value.open,
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		}))));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-root.vue
+var floating_panel_root_default = floating_panel_root_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-root-provider.vue?vue&type=script&setup=true&lang.ts
+var floating_panel_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "floating-panel-root-provider",
+	props: {
+		value: {
+			type: null,
+			required: true
+		},
+		lazyMount: {
+			type: Boolean,
+			required: false
+		},
+		unmountOnExit: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const floatingPanel = computed(() => props.value);
+		FloatingPanelProvider(floatingPanel);
+		PresenceProvider(usePresence(computed(() => ({ present: floatingPanel.value.open }))));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-root-provider.vue
+var floating_panel_root_provider_default = floating_panel_root_provider_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-title.vue?vue&type=script&setup=true&lang.ts
+var floating_panel_title_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "floating-panel-title",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const floatingPanel = useFloatingPanelContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).h2, mergeProps(unref(floatingPanel).getTitleProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-title.vue
+var floating_panel_title_default = floating_panel_title_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-trigger.vue?vue&type=script&setup=true&lang.ts
+var floating_panel_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "floating-panel-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const floatingPanel = useFloatingPanelContext();
+		const presence = usePresenceContext();
+		const triggerProps = computed(() => {
+			const localProps = floatingPanel.value.getTriggerProps();
+			return {
+				...localProps,
+				"aria-controls": presence.value.unmounted ? void 0 : localProps["aria-controls"]
+			};
+		});
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(triggerProps.value, { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-trigger.vue
+var floating_panel_trigger_default = floating_panel_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-control.vue?vue&type=script&setup=true&lang.ts
+var floating_panel_control_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "floating-panel-control",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const floatingPanel = useFloatingPanelContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(floatingPanel).getControlProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/floating-panel/floating-panel-control.vue
+var floating_panel_control_default = floating_panel_control_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/floating-panel/floating-panel.ts
+var floating_panel_exports = /* @__PURE__ */ __exportAll({
+	Body: () => floating_panel_body_default,
+	CloseTrigger: () => floating_panel_close_trigger_default,
+	Content: () => floating_panel_content_default,
+	Context: () => floating_panel_context_default,
+	Control: () => floating_panel_control_default,
+	DragTrigger: () => floating_panel_drag_trigger_default,
+	Header: () => floating_panel_header_default,
+	Positioner: () => floating_panel_positioner_default,
+	ResizeTrigger: () => floating_panel_resize_trigger_default,
+	Root: () => floating_panel_root_default,
+	RootProvider: () => floating_panel_root_provider_default,
+	StageTrigger: () => floating_panel_stage_trigger_default,
+	Title: () => floating_panel_title_default,
+	Trigger: () => floating_panel_trigger_default
+});
+
+//#endregion
+export { floating_panel_exports as FloatingPanel, floating_panel_body_default as FloatingPanelBody, floating_panel_close_trigger_default as FloatingPanelCloseTrigger, floating_panel_content_default as FloatingPanelContent, floating_panel_context_default as FloatingPanelContext, floating_panel_control_default as FloatingPanelControl, floating_panel_drag_trigger_default as FloatingPanelDragTrigger, floating_panel_header_default as FloatingPanelHeader, floating_panel_positioner_default as FloatingPanelPositioner, floating_panel_resize_trigger_default as FloatingPanelResizeTrigger, floating_panel_root_default as FloatingPanelRoot, floating_panel_root_provider_default as FloatingPanelRootProvider, floating_panel_stage_trigger_default as FloatingPanelStageTrigger, floating_panel_title_default as FloatingPanelTitle, floating_panel_trigger_default as FloatingPanelTrigger, floatingPanelAnatomy, useFloatingPanel, useFloatingPanelContext };

package/dist/components/focus-trap/index.d.ts

@@ -0,0 +1,48 @@
+import { t as PolymorphicProps } from "../../factory-B5zr8_kk.js";
+import * as vue1263 from "vue";
+import { HTMLAttributes } from "vue";
+
+//#region src/components/focus-trap/focus-trap-types.d.ts
+type FocusableElement = HTMLElement | SVGElement;
+type FocusTargetValue = FocusableElement | string;
+type FocusTarget = FocusTargetValue | (() => FocusTargetValue);
+type FocusTargetValueOrFalse = FocusTargetValue | false;
+type FocusTargetOrFalse = FocusTargetValueOrFalse | (() => FocusTargetValueOrFalse);
+interface BaseProps {
+  disabled?: boolean;
+  initialFocus?: FocusTargetOrFalse | undefined | VoidFunction;
+  fallbackFocus?: FocusTarget;
+  returnFocusOnDeactivate?: boolean;
+  setReturnFocus?: FocusTargetValueOrFalse | ((node: FocusableElement) => FocusTargetValueOrFalse);
+}
+//#endregion
+//#region src/components/focus-trap/focus-trap.vue.d.ts
+interface FocusTrapBaseProps extends BaseProps, PolymorphicProps {}
+interface FocusTrapProps extends FocusTrapBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<vue1263.DefineComponent<FocusTrapProps, {}, {}, {}, {}, vue1263.ComponentOptionsMixin, vue1263.ComponentOptionsMixin, {
+  activate: () => any;
+  deactivate: () => any;
+}, string, vue1263.PublicProps, Readonly<FocusTrapProps> & Readonly<{
+  onActivate?: (() => any) | undefined;
+  onDeactivate?: (() => any) | undefined;
+}>, {
+  disabled: boolean;
+  initialFocus: VoidFunction | ((false | (string | (HTMLElement | SVGElement))) | (() => false | (string | (HTMLElement | SVGElement))));
+  fallbackFocus: (string | (HTMLElement | SVGElement)) | (() => string | (HTMLElement | SVGElement));
+  returnFocusOnDeactivate: boolean;
+  setReturnFocus: (false | (string | (HTMLElement | SVGElement))) | ((node: HTMLElement | SVGElement) => false | (string | (HTMLElement | SVGElement)));
+}, {}, {}, {}, string, vue1263.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as FocusTrap, type FocusTrapBaseProps, type FocusTrapProps };