@comfyorg/design-system 1.1.0 → 1.3.0-alpha.0

package/dist/dialog/Dialog.vue.js

@@ -0,0 +1,23 @@
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogRoot, useForwardPropsEmits } from "reka-ui";
+// 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);
+		};
+	}
+});
+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 @@
+export { t as default } from "../shared/DialogClose-CrtPRSNX.js";

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 @@
+export { t as default } from "../shared/DialogContent-v2s55FXs.js";

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,31 @@
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogDescription } from "reka-ui";
+// 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"]);
+		};
+	}
+});
+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,22 @@
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+// 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);
+		};
+	}
+});
+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,22 @@
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+// 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);
+		};
+	}
+});
+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,25 @@
+import { t as Button_default } from "../shared/Button-Dj_H5v3V.js";
+import { createBlock, createElementVNode, defineComponent, normalizeClass, openBlock, unref, withCtx } from "vue";
+// 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
+			});
+		};
+	}
+});
+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 @@
+export { t as default } from "../shared/DialogOverlay-C9qv0zme.js";

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,53 @@
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { t as Button_default } from "../shared/Button-Dj_H5v3V.js";
+import { t as Card_default } from "../shared/Card-BrvqUM49.js";
+import { t as CardFooter_default } from "../shared/CardFooter-BV_I0pM-.js";
+import { t as CardHeader_default } from "../shared/CardHeader-CMutruBx.js";
+import { t as DialogTitle_default } from "../shared/DialogTitle-Chomvpgq.js";
+import { createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+// 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"]);
+		};
+	}
+});
+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 @@
+export { t as default } from "../shared/DialogPortal-DtCpLgtO.js";

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 @@
+export { t as default } from "../shared/DialogTitle-Chomvpgq.js";

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

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    title?: string;
+    closeLabel: string;
+    to?: string | HTMLElement;
+};
+declare var __VLS_14: {}, __VLS_51: {
+    close: () => void;
+};
+type __VLS_Slots = {} & {
+    button?: (props: typeof __VLS_14) => any;
+} & {
+    default?: (props: typeof __VLS_51) => 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/Dialogue.vue.js

@@ -0,0 +1,56 @@
+import { t as DialogClose_default } from "../shared/DialogClose-CrtPRSNX.js";
+import { t as DialogContent_default } from "../shared/DialogContent-v2s55FXs.js";
+import { t as DialogOverlay_default } from "../shared/DialogOverlay-C9qv0zme.js";
+import { t as DialogPortal_default } from "../shared/DialogPortal-DtCpLgtO.js";
+import { t as DialogTitle_default } from "../shared/DialogTitle-Chomvpgq.js";
+import { t as Button_default } from "../shared/Button-Dj_H5v3V.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { DialogRoot, DialogTrigger } from "reka-ui";
+// src/components/dialog/Dialogue.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "flex w-full items-center justify-between border-b border-border/50 px-4"
+};
+// src/components/dialog/Dialogue.vue
+var Dialogue_default = /* @__PURE__ */ defineComponent({
+	__name: "Dialogue",
+	props: {
+		title: {},
+		closeLabel: {},
+		to: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogRoot), null, {
+				default: withCtx(({ close }) => [createVNode(unref(DialogTrigger), { "as-child": "" }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "button")]),
+					_: 3
+				}), createVNode(unref(DialogPortal_default), { to: __props.to }, {
+					default: withCtx(() => [createVNode(unref(DialogOverlay_default)), createVNode(unref(DialogContent_default), mergeProps(_ctx.$attrs, {
+						size: "sm",
+						class: "p-2"
+					}), {
+						default: withCtx(() => [__props.title ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(DialogTitle_default), { class: "text-sm" }, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
+							_: 1
+						}), createVNode(unref(DialogClose_default), null, {
+							default: withCtx(() => [createVNode(unref(Button_default), {
+								"aria-label": __props.closeLabel,
+								size: "icon",
+								variant: "muted-textonly"
+							}, {
+								default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("i", { class: "icon-[lucide--x]" }, null, -1)])]),
+								_: 1
+							}, 8, ["aria-label"])]),
+							_: 1
+						})])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", { close })]),
+						_: 2
+					}, 1040)]),
+					_: 2
+				}, 1032, ["to"])]),
+				_: 3
+			});
+		};
+	}
+});
+export { Dialogue_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,38 @@
+import { cva } from "cva";
+// src/components/dialog/dialog.variants.ts
+var dialogContentVariants = cva({
+	base: "fixed 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-1/2 -translate-y-1/2"
+		}
+	},
+	compoundVariants: [{
+		size: "full",
+		maximized: false,
+		class: "h-[90vh] max-h-[90vh] w-[90vw] max-w-[90vw]"
+	}, {
+		size: "fit",
+		maximized: false,
+		class: "w-fit max-w-[calc(100vw-1rem)]"
+	}],
+	defaultVariants: {
+		surface: "card",
+		size: "md",
+		maximized: false
+	}
+});
+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;
+    };
+};

package/dist/field/Field.vue.js

@@ -0,0 +1,39 @@
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+import { cva } from "cva";
+// src/components/field/field.variants.ts
+var fieldVariants = cva({
+	base: "group/field flex w-full gap-3 data-[invalid=true]:text-destructive",
+	variants: { orientation: {
+		vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
+		horizontal: "flex-row items-center *:data-[slot=field-label]:flex-auto"
+	} },
+	defaultVariants: { orientation: "vertical" }
+});
+// src/components/field/Field.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-orientation"];
+// src/components/field/Field.vue
+var Field_default = /* @__PURE__ */ defineComponent({
+	__name: "Field",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		orientation: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				role: "group",
+				"data-slot": "field",
+				"data-orientation": __props.orientation,
+				class: normalizeClass(unref(cn)(unref(fieldVariants)({ orientation: __props.orientation }), __props.class))
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
+		};
+	}
+});
+export { Field_default as default };

package/dist/field/FieldDescription.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/field/FieldDescription.vue.js

@@ -0,0 +1,22 @@
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+// src/components/field/FieldDescription.vue
+var FieldDescription_default = /* @__PURE__ */ defineComponent({
+	__name: "FieldDescription",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("p", {
+				"data-slot": "field-description",
+				class: normalizeClass(unref(cn)("text-sm/normal font-normal text-muted-foreground group-has-data-[orientation=horizontal]/field:text-balance", "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-foreground", __props.class))
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+export { FieldDescription_default as default };