@comfyorg/design-system 1.1.0 → 1.2.0

package/dist/dialog/Dialog.vue.js

@@ -0,0 +1,25 @@
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogRoot, useForwardPropsEmits } from "reka-ui";
+//#endregion
+//#region src/components/dialog/Dialog.vue
+var Dialog_default = /* @__PURE__ */ defineComponent({
+	__name: "Dialog",
+	props: {
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		modal: { type: Boolean },
+		unmountOnHide: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		const forwarded = useForwardPropsEmits(__props, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogRoot), mergeProps({ "data-slot": "dialog" }, unref(forwarded)), {
+				default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { Dialog_default as default };

package/dist/dialog/DialogClose.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dialog/DialogClose.vue.js

@@ -0,0 +1,24 @@
+import { t as Button_default } from "../shared/Button-CilmsOkY.js";
+import { createBlock, createElementVNode, createVNode, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogClose } from "reka-ui";
+//#endregion
+//#region src/components/dialog/DialogClose.vue
+var DialogClose_default = /* @__PURE__ */ defineComponent({
+	__name: "DialogClose",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogClose), { "as-child": "" }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(unref(Button_default), {
+					size: "icon",
+					variant: "muted-textonly"
+				}, {
+					default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("i", { class: "icon-[lucide--x]" }, null, -1)])]),
+					_: 1
+				})])]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { DialogClose_default as default };

package/dist/dialog/DialogContent.vue.d.ts

@@ -0,0 +1,36 @@
+import { DialogContentProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+import { DialogContentSize, DialogContentSurface } from './dialog.variants';
+type __VLS_Props = DialogContentProps & {
+    class?: HTMLAttributes['class'];
+    maximized?: boolean;
+    size?: DialogContentSize;
+    surface?: DialogContentSurface;
+};
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
+    focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
+    interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
+    closeAutoFocus: (event: Event) => any;
+    openAutoFocus: (event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dialog/DialogContent.vue.js

@@ -0,0 +1,73 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { dialogContentVariants } from "./dialog.variants.js";
+import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogContent, useForwardPropsEmits } from "reka-ui";
+//#endregion
+//#region src/components/dialog/DialogContent.vue
+var DialogContent_default = /* @__PURE__ */ defineComponent({
+	__name: "DialogContent",
+	props: {
+		forceMount: { type: Boolean },
+		disableOutsidePointerEvents: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: ""
+		},
+		maximized: {
+			type: Boolean,
+			default: false
+		},
+		size: {},
+		surface: {}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const restProps = createPropsRestProxy(__props, [
+			"class",
+			"maximized",
+			"size",
+			"surface"
+		]);
+		const forwarded = useForwardPropsEmits(restProps, __emit);
+		function focusAutofocusTarget(event) {
+			if (event.defaultPrevented || !(event.target instanceof HTMLElement)) return;
+			const target = event.target.querySelector("[autofocus]");
+			if (!target) return;
+			target.focus();
+			if (document.activeElement === target) event.preventDefault();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogContent), mergeProps(unref(forwarded), {
+				"data-reka-dialog-content": "",
+				"data-maximized": __props.maximized || void 0,
+				class: unref(cn)(unref(dialogContentVariants)({
+					maximized: __props.maximized,
+					size: __props.size,
+					surface: __props.surface
+				}), __props.class, __props.maximized && "top-2 left-2 size-auto max-h-none max-w-none sm:max-w-none"),
+				onOpenAutoFocus: focusAutofocusTarget,
+				onFocus: focusAutofocusTarget
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["data-maximized", "class"]);
+		};
+	}
+});
+//#endregion
+export { DialogContent_default as default };

package/dist/dialog/DialogDescription.vue.d.ts

@@ -0,0 +1,18 @@
+import { DialogDescriptionProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = DialogDescriptionProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dialog/DialogDescription.vue.js

@@ -0,0 +1,33 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogDescription } from "reka-ui";
+//#endregion
+//#region src/components/dialog/DialogDescription.vue
+var DialogDescription_default = /* @__PURE__ */ defineComponent({
+	__name: "DialogDescription",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: ""
+		}
+	},
+	setup(__props) {
+		const delegated = createPropsRestProxy(__props, ["class"]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogDescription), mergeProps(delegated, { class: unref(cn)("text-sm text-muted-foreground", __props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+export { DialogDescription_default as default };

package/dist/dialog/DialogFooter.vue.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dialog/DialogFooter.vue.js

@@ -0,0 +1,24 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#endregion
+//#region src/components/dialog/DialogFooter.vue
+var DialogFooter_default = /* @__PURE__ */ defineComponent({
+	__name: "DialogFooter",
+	props: { class: {
+		type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		],
+		default: ""
+	} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)("flex shrink-0 items-center justify-end gap-2 px-4 pt-2 pb-4", __props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { DialogFooter_default as default };

package/dist/dialog/DialogHeader.vue.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dialog/DialogHeader.vue.js

@@ -0,0 +1,24 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#endregion
+//#region src/components/dialog/DialogHeader.vue
+var DialogHeader_default = /* @__PURE__ */ defineComponent({
+	__name: "DialogHeader",
+	props: { class: {
+		type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		],
+		default: ""
+	} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)("flex shrink-0 items-center justify-between gap-2 px-4 pt-4 pb-2", __props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { DialogHeader_default as default };

package/dist/dialog/DialogMaximize.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    maximized?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    toggle: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/dialog/DialogMaximize.vue.js

@@ -0,0 +1,27 @@
+import { t as Button_default } from "../shared/Button-CilmsOkY.js";
+import { createBlock, createElementVNode, defineComponent, normalizeClass, openBlock, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/dialog/DialogMaximize.vue
+var DialogMaximize_default = /* @__PURE__ */ defineComponent({
+	__name: "DialogMaximize",
+	props: { maximized: {
+		type: Boolean,
+		default: false
+	} },
+	emits: ["toggle"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Button_default), {
+				size: "icon",
+				variant: "muted-textonly",
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("toggle"))
+			}, {
+				default: withCtx(() => [createElementVNode("i", { class: normalizeClass(__props.maximized ? "icon-[lucide--minimize-2]" : "icon-[lucide--maximize-2]") }, null, 2)]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { DialogMaximize_default as default };

package/dist/dialog/DialogOverlay.vue.d.ts

@@ -0,0 +1,8 @@
+import { DialogOverlayProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = DialogOverlayProps & {
+    class?: HTMLAttributes['class'];
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/dialog/DialogOverlay.vue.js

@@ -0,0 +1,35 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, unref } from "vue";
+import { DialogOverlay } from "reka-ui";
+//#endregion
+//#region src/components/dialog/DialogOverlay.vue
+var DialogOverlay_default = /* @__PURE__ */ defineComponent({
+	__name: "DialogOverlay",
+	props: {
+		forceMount: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: ""
+		}
+	},
+	setup(__props) {
+		const delegated = createPropsRestProxy(__props, ["class"]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogOverlay), mergeProps(delegated, {
+				"data-slot": "dialog-overlay",
+				"data-testid": "dialog-overlay",
+				class: unref(cn)("fixed inset-0 z-overlay bg-black/70 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", __props.class)
+			}), null, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+export { DialogOverlay_default as default };

package/dist/dialog/DialogPanel.vue.d.ts

@@ -0,0 +1,18 @@
+import { DialogPanelProps } from './types';
+declare var __VLS_20: {}, __VLS_30: {}, __VLS_38: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_20) => any;
+} & {
+    default?: (props: typeof __VLS_30) => any;
+} & {
+    footer?: (props: typeof __VLS_38) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<DialogPanelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DialogPanelProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dialog/DialogPanel.vue.js

@@ -0,0 +1,55 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as Button_default } from "../shared/Button-CilmsOkY.js";
+import { t as Card_default } from "../shared/Card-l7baUdn0.js";
+import { t as CardFooter_default } from "../shared/CardFooter-BM6EmVi7.js";
+import { t as CardHeader_default } from "../shared/CardHeader-B5To28Jp.js";
+import { t as DialogTitle_default } from "../shared/DialogTitle-CfkkTGuU.js";
+import { createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+//#endregion
+//#region src/components/dialog/DialogPanel.vue
+var DialogPanel_default = /* @__PURE__ */ defineComponent({
+	__name: "DialogPanel",
+	props: {
+		closeLabel: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		onClose: { type: Function }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Card_default), { class: normalizeClass(unref(cn)("flex flex-col shadow-lg", __props.class)) }, {
+				default: withCtx(() => [
+					createVNode(unref(CardHeader_default), null, {
+						default: withCtx(() => [createVNode(DialogTitle_default, { class: "m-0 flex items-center gap-2 text-sm font-normal" }, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "title")]),
+							_: 3
+						}), __props.onClose ? (openBlock(), createBlock(unref(Button_default), {
+							key: 0,
+							size: "icon",
+							variant: "muted-textonly",
+							"aria-label": __props.closeLabel,
+							onClick: __props.onClose
+						}, {
+							default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("i", { class: "icon-[lucide--x]" }, null, -1)])]),
+							_: 1
+						}, 8, ["aria-label", "onClick"])) : createCommentVNode("", true)]),
+						_: 3
+					}),
+					renderSlot(_ctx.$slots, "default"),
+					_ctx.$slots.footer ? (openBlock(), createBlock(unref(CardFooter_default), { key: 0 }, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
+						_: 3
+					})) : createCommentVNode("", true)
+				]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+export { DialogPanel_default as default };

package/dist/dialog/DialogPortal.vue.d.ts

@@ -0,0 +1,14 @@
+import { DialogPortalProps } from 'reka-ui';
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<DialogPortalProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DialogPortalProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dialog/DialogPortal.vue.js

@@ -0,0 +1,38 @@
+import { createBlock, createCommentVNode, createElementVNode, defineComponent, mergeProps, openBlock, reactive, ref, renderSlot, unref, useTemplateRef, watch, withCtx } from "vue";
+import { ConfigProvider, DialogPortal, injectConfigProviderContext, injectDialogRootContext } from "reka-ui";
+//#endregion
+//#region src/components/dialog/DialogPortal.vue
+var DialogPortal_default = /* @__PURE__ */ defineComponent({
+	__name: "DialogPortal",
+	props: {
+		to: {},
+		disabled: { type: Boolean },
+		defer: { type: Boolean },
+		forceMount: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const { open } = injectDialogRootContext();
+		const config = reactive(injectConfigProviderContext(null) ?? {});
+		const portalTarget = useTemplateRef("portalTarget");
+		const openCount = ref(0);
+		watch(open, (isOpen) => {
+			if (isOpen) openCount.value++;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogPortal), mergeProps({ key: openCount.value }, props), {
+				default: withCtx(() => [createElementVNode("div", {
+					ref_key: "portalTarget",
+					ref: portalTarget,
+					class: "pointer-events-none fixed inset-0 z-overlay *:pointer-events-auto empty:hidden"
+				}, [portalTarget.value ? (openBlock(), createBlock(unref(ConfigProvider), mergeProps({ key: 0 }, config, { "teleport-to": portalTarget.value }), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, ["teleport-to"])) : createCommentVNode("", true)], 512)]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { DialogPortal_default as default };

package/dist/dialog/DialogTitle.vue.d.ts

@@ -0,0 +1,18 @@
+import { PrimitiveProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = PrimitiveProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dialog/DialogTitle.vue.js

@@ -0,0 +1,2 @@
+import { t as DialogTitle_default } from "../shared/DialogTitle-CfkkTGuU.js";
+export { DialogTitle_default as default };

package/dist/dialog/dialog.variants.d.ts

@@ -0,0 +1,16 @@
+import { VariantProps } from 'cva';
+export declare const dialogContentVariants: (props?: ({
+    surface?: "none" | "card" | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | "full" | "fit" | undefined;
+    maximized?: boolean | undefined;
+} & ({
+    class?: import('cva').ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import('cva').ClassValue;
+})) | undefined) => string;
+type DialogContentVariants = VariantProps<typeof dialogContentVariants>;
+export type DialogContentSize = NonNullable<DialogContentVariants['size']>;
+export type DialogContentSurface = NonNullable<DialogContentVariants['surface']>;
+export {};

package/dist/dialog/dialog.variants.js

@@ -0,0 +1,39 @@
+import { cva } from "cva";
+//#region src/components/dialog/dialog.variants.ts
+var dialogContentVariants = cva({
+	base: "fixed z-overlay flex flex-col outline-none data-[state=closed]:pointer-events-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+	variants: {
+		surface: {
+			card: "rounded-2xl border bg-background shadow-lg",
+			none: ""
+		},
+		size: {
+			sm: "sm:max-w-96",
+			md: "sm:max-w-xl",
+			lg: "sm:max-w-3xl",
+			xl: "sm:max-w-5xl",
+			full: "",
+			fit: ""
+		},
+		maximized: {
+			true: "inset-2 top-2 left-2 size-auto max-h-none max-w-none sm:max-w-none",
+			false: "top-1/2 left-1/2 max-h-[85vh] w-[calc(100vw-1rem)] translate-x-[calc(-50%-min(var(--workspace-inset-right,0px)/2,max(0px,(50vw-50%-var(--workspace-inset-right,0px)/2-0.5rem+1px)*1000)))] -translate-y-1/2"
+		}
+	},
+	compoundVariants: [{
+		size: "full",
+		maximized: false,
+		class: "h-[90vh] max-h-[90vh] w-[90vw] max-w-[min(90vw,calc(100vw-var(--workspace-inset-right,0px)-1rem))]"
+	}, {
+		size: "fit",
+		maximized: false,
+		class: "w-fit max-w-[calc(100vw-1rem)]"
+	}],
+	defaultVariants: {
+		surface: "card",
+		size: "md",
+		maximized: false
+	}
+});
+//#endregion
+export { dialogContentVariants };

package/dist/dialog/types.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'vue';
+export interface DialogPanelProps {
+    closeLabel: string;
+    class?: HTMLAttributes['class'];
+    onClose?: () => void;
+}

package/dist/field/Field.vue.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes } from 'vue';
+import { FieldVariants } from './field.variants';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    orientation?: FieldVariants['orientation'];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};