@comfyorg/design-system 1.0.1 → 1.2.0

package/dist/toast/ToastClose.vue.js

@@ -0,0 +1,42 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as Button_default } from "../shared/Button-CilmsOkY.js";
+import { createBlock, createElementVNode, createPropsRestProxy, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, unref, withCtx } from "vue";
+import { ToastClose, useForwardProps } from "reka-ui";
+//#endregion
+//#region src/components/toast/ToastClose.vue
+var ToastClose_default = /* @__PURE__ */ defineComponent({
+	__name: "ToastClose",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		const restProps = createPropsRestProxy(__props, ["class"]);
+		const forwardedProps = useForwardProps(restProps);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToastClose), mergeProps(unref(forwardedProps), { "as-child": "" }), {
+				default: withCtx(() => [createVNode(unref(Button_default), {
+					variant: "muted-textonly",
+					size: "icon-sm",
+					class: normalizeClass(unref(cn)("ml-auto", __props.class))
+				}, {
+					default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("i", {
+						class: "icon-[lucide--x]",
+						"aria-hidden": "true"
+					}, null, -1)])]),
+					_: 1
+				}, 8, ["class"])]),
+				_: 1
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { ToastClose_default as default };

package/dist/toast/ToastDescription.vue.d.ts

@@ -0,0 +1,18 @@
+import { ToastDescriptionProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = ToastDescriptionProps & {
+    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/toast/ToastDescription.vue.js

@@ -0,0 +1,31 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { ToastDescription, useForwardProps } from "reka-ui";
+//#endregion
+//#region src/components/toast/ToastDescription.vue
+var ToastDescription_default = /* @__PURE__ */ defineComponent({
+	__name: "ToastDescription",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		const restProps = createPropsRestProxy(__props, ["class"]);
+		const forwardedProps = useForwardProps(restProps);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToastDescription), mergeProps(unref(forwardedProps), { class: unref(cn)("mt-1 text-sm wrap-break-word whitespace-pre-line text-muted-foreground", __props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+export { ToastDescription_default as default };

package/dist/toast/ToastDock.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => 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/toast/ToastDock.vue.js

@@ -0,0 +1,29 @@
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, reactive, renderSlot, unref, useTemplateRef, withCtx } from "vue";
+import { ConfigProvider, injectConfigProviderContext } from "reka-ui";
+//#region src/components/toast/ToastDock.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	"data-toast-dock": "",
+	class: "pointer-events-none fixed inset-0 z-toast"
+};
+var _hoisted_2 = { class: "pointer-events-none fixed inset-x-4 bottom-6 flex max-h-[calc(100dvh-3rem)] flex-col items-center gap-2 overflow-y-auto *:pointer-events-auto *:shrink-0 sm:inset-x-0" };
+//#endregion
+//#region src/components/toast/ToastDock.vue
+var ToastDock_default = /* @__PURE__ */ defineComponent({
+	__name: "ToastDock",
+	setup(__props) {
+		const config = reactive(injectConfigProviderContext(null) ?? {});
+		const portalTarget = useTemplateRef("portalTarget");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
+				ref_key: "portalTarget",
+				ref: portalTarget,
+				class: "contents *:pointer-events-auto"
+			}, null, 512), portalTarget.value ? (openBlock(), createBlock(unref(ConfigProvider), mergeProps({ key: 0 }, config, { "teleport-to": portalTarget.value }), {
+				default: withCtx(() => [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")])]),
+				_: 3
+			}, 16, ["teleport-to"])) : createCommentVNode("", true)]);
+		};
+	}
+});
+//#endregion
+export { ToastDock_default as default };

package/dist/toast/ToastPanel.vue.d.ts

@@ -0,0 +1,30 @@
+type __VLS_Props = {
+    visible: boolean;
+    announcement?: string;
+};
+declare function toggle(): void;
+type __VLS_ModelProps = {
+    'expanded'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_7: {}, __VLS_9: {
+    toggle: typeof toggle;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+} & {
+    footer?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:expanded": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:expanded"?: ((value: boolean) => 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/toast/ToastPanel.vue.js

@@ -0,0 +1,47 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { Fragment, Transition, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useModel, withCtx } from "vue";
+//#region src/components/toast/ToastPanel.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	role: "status",
+	"aria-atomic": "true",
+	class: "sr-only"
+};
+//#endregion
+//#region src/components/toast/ToastPanel.vue
+var ToastPanel_default = /* @__PURE__ */ defineComponent({
+	__name: "ToastPanel",
+	props: /*@__PURE__*/ mergeModels({
+		visible: { type: Boolean },
+		announcement: { default: "" }
+	}, {
+		"expanded": {
+			type: Boolean,
+			default: false
+		},
+		"expandedModifiers": {}
+	}),
+	emits: ["update:expanded"],
+	setup(__props) {
+		const isExpanded = useModel(__props, "expanded");
+		function toggle() {
+			isExpanded.value = !isExpanded.value;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", _hoisted_1, [__props.visible ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(__props.announcement), 1)], 64)) : createCommentVNode("", true)]), createVNode(Transition, {
+				"enter-active-class": "transition-all duration-300 ease-out",
+				"enter-from-class": "translate-y-full opacity-0",
+				"leave-active-class": "transition-all duration-200 ease-in",
+				"leave-to-class": "translate-y-full opacity-0"
+			}, {
+				default: withCtx(() => [__props.visible ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					"data-testid": "toast-panel",
+					class: normalizeClass(unref(cn)("w-full max-w-3xl overflow-hidden rounded-lg border bg-background shadow-lg transition-all duration-300", isExpanded.value ? "sm:w-[max(400px,40vw)]" : "sm:w-fit"))
+				}, [createElementVNode("div", { class: normalizeClass(unref(cn)("max-w-full min-w-0 overflow-hidden transition-all duration-300", isExpanded.value ? "max-h-100 w-full" : "max-h-0 w-0")) }, [renderSlot(_ctx.$slots, "default")], 2), renderSlot(_ctx.$slots, "footer", { toggle })], 2)) : createCommentVNode("", true)]),
+				_: 3
+			})], 64);
+		};
+	}
+});
+//#endregion
+export { ToastPanel_default as default };

package/dist/toast/ToastRoot.vue.d.ts

@@ -0,0 +1,100 @@
+import { ToastRootProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = ToastRootProps & {
+    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, {
+    pause: () => any;
+    "update:open": (value: boolean) => any;
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    resume: () => any;
+    swipeStart: (event: {
+        currentTarget: EventTarget & HTMLElement;
+    } & Omit<CustomEvent<{
+        originalEvent: PointerEvent;
+        delta: {
+            x: number;
+            y: number;
+        };
+    }>, "currentTarget">) => any;
+    swipeMove: (event: {
+        currentTarget: EventTarget & HTMLElement;
+    } & Omit<CustomEvent<{
+        originalEvent: PointerEvent;
+        delta: {
+            x: number;
+            y: number;
+        };
+    }>, "currentTarget">) => any;
+    swipeCancel: (event: {
+        currentTarget: EventTarget & HTMLElement;
+    } & Omit<CustomEvent<{
+        originalEvent: PointerEvent;
+        delta: {
+            x: number;
+            y: number;
+        };
+    }>, "currentTarget">) => any;
+    swipeEnd: (event: {
+        currentTarget: EventTarget & HTMLElement;
+    } & Omit<CustomEvent<{
+        originalEvent: PointerEvent;
+        delta: {
+            x: number;
+            y: number;
+        };
+    }>, "currentTarget">) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onPause?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onResume?: (() => any) | undefined;
+    onSwipeStart?: ((event: {
+        currentTarget: EventTarget & HTMLElement;
+    } & Omit<CustomEvent<{
+        originalEvent: PointerEvent;
+        delta: {
+            x: number;
+            y: number;
+        };
+    }>, "currentTarget">) => any) | undefined;
+    onSwipeMove?: ((event: {
+        currentTarget: EventTarget & HTMLElement;
+    } & Omit<CustomEvent<{
+        originalEvent: PointerEvent;
+        delta: {
+            x: number;
+            y: number;
+        };
+    }>, "currentTarget">) => any) | undefined;
+    onSwipeCancel?: ((event: {
+        currentTarget: EventTarget & HTMLElement;
+    } & Omit<CustomEvent<{
+        originalEvent: PointerEvent;
+        delta: {
+            x: number;
+            y: number;
+        };
+    }>, "currentTarget">) => any) | undefined;
+    onSwipeEnd?: ((event: {
+        currentTarget: EventTarget & HTMLElement;
+    } & Omit<CustomEvent<{
+        originalEvent: PointerEvent;
+        delta: {
+            x: number;
+            y: number;
+        };
+    }>, "currentTarget">) => 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/toast/ToastRoot.vue.js

@@ -0,0 +1,55 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { createBlock, createElementVNode, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { ToastRoot, useForwardPropsEmits } from "reka-ui";
+//#region src/components/toast/ToastRoot.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	class: "contents",
+	"data-reka-toast-announce-exclude": ""
+};
+//#endregion
+//#region src/components/toast/ToastRoot.vue
+var ToastRoot_default = /* @__PURE__ */ defineComponent({
+	__name: "ToastRoot",
+	props: {
+		defaultOpen: { type: Boolean },
+		forceMount: { type: Boolean },
+		type: {},
+		open: { type: Boolean },
+		duration: {},
+		toast: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: [
+		"escapeKeyDown",
+		"pause",
+		"resume",
+		"swipeStart",
+		"swipeMove",
+		"swipeCancel",
+		"swipeEnd",
+		"update:open"
+	],
+	setup(__props, { emit: __emit }) {
+		const restProps = createPropsRestProxy(__props, ["class"]);
+		const forwarded = useForwardPropsEmits(restProps, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToastRoot), mergeProps(unref(forwarded), {
+				"aria-live": "off",
+				class: unref(cn)("pointer-events-auto relative grid w-full grid-cols-[auto_minmax(0,1fr)_auto] items-start gap-x-3 rounded-lg border bg-background p-4 shadow-lg", __props.class)
+			}), {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")])]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+export { ToastRoot_default as default };

package/dist/toast/ToastTitle.vue.d.ts

@@ -0,0 +1,18 @@
+import { ToastTitleProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = ToastTitleProps & {
+    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/toast/ToastTitle.vue.js

@@ -0,0 +1,31 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { ToastTitle, useForwardProps } from "reka-ui";
+//#endregion
+//#region src/components/toast/ToastTitle.vue
+var ToastTitle_default = /* @__PURE__ */ defineComponent({
+	__name: "ToastTitle",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		const restProps = createPropsRestProxy(__props, ["class"]);
+		const forwardedProps = useForwardProps(restProps);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToastTitle), mergeProps(unref(forwardedProps), { class: unref(cn)("text-sm font-medium wrap-break-word whitespace-pre-line", __props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+export { ToastTitle_default as default };

package/dist/toast/ToastViewport.vue.d.ts

@@ -0,0 +1,9 @@
+import { ToastViewportProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = ToastViewportProps & {
+    class?: HTMLAttributes['class'];
+    label: NonNullable<ToastViewportProps['label']>;
+};
+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/toast/ToastViewport.vue.js

@@ -0,0 +1,33 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { createBlock, createElementVNode, createPropsRestProxy, defineComponent, mergeProps, normalizeClass, openBlock, unref, withCtx } from "vue";
+import { ToastViewport, useForwardProps } from "reka-ui";
+//#endregion
+//#region src/components/toast/ToastViewport.vue
+var ToastViewport_default = /* @__PURE__ */ defineComponent({
+	__name: "ToastViewport",
+	props: {
+		hotkey: {},
+		label: { type: [String, Function] },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		const restProps = createPropsRestProxy(__props, ["class"]);
+		const forwardedProps = useForwardProps(restProps);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToastViewport), mergeProps(unref(forwardedProps), { "as-child": "" }), {
+				default: withCtx(() => [createElementVNode("ol", { class: normalizeClass(["z-toast", unref(cn)("pointer-events-none fixed top-20 right-(--workspace-inset-right,0px) m-0 flex max-h-[calc(100dvh-5rem)] w-full max-w-sm flex-col gap-2 overflow-y-auto p-2 supports-[right:anchor(--a_right)]:top-[anchor(--graph-canvas-panel_top,0px)] supports-[right:anchor(--a_right)]:right-[anchor(--graph-canvas-panel_right,anchor(--docked-agent-panel_left,var(--workspace-inset-right,0px)))] [:root:has([data-reka-dialog-content][data-state=open]:not([data-maximized]))_&]:top-0", __props.class)]) }, null, 2)]),
+				_: 1
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { ToastViewport_default as default };

package/dist/toggle-group/ToggleGroup.vue.d.ts

@@ -0,0 +1,25 @@
+import { ToggleGroupRootProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+import { ToggleGroupVariants } from './toggleGroup.variants';
+interface Props extends ToggleGroupRootProps {
+    class?: HTMLAttributes['class'];
+    variant?: ToggleGroupVariants['variant'];
+    allowEmpty?: boolean;
+}
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (payload: import('reka-ui').AcceptableValue | import('reka-ui').AcceptableValue[]) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((payload: import('reka-ui').AcceptableValue | import('reka-ui').AcceptableValue[]) => 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/toggle-group/ToggleGroup.vue.js

@@ -0,0 +1,61 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { n as toggleGroupVariantKey, r as toggleGroupVariants } from "../shared/toggleGroup.variants-CvjZDHMw.js";
+import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, provide, renderSlot, toRef, unref, withCtx } from "vue";
+import { ToggleGroupRoot, useForwardProps } from "reka-ui";
+//#endregion
+//#region src/components/toggle-group/ToggleGroup.vue
+var ToggleGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "ToggleGroup",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		variant: { default: "default" },
+		allowEmpty: {
+			type: Boolean,
+			default: true
+		},
+		rovingFocus: { type: Boolean },
+		disabled: { type: Boolean },
+		orientation: {},
+		dir: {},
+		loop: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean },
+		type: {},
+		modelValue: {},
+		defaultValue: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const restProps = createPropsRestProxy(__props, [
+			"class",
+			"variant",
+			"allowEmpty"
+		]);
+		const emits = __emit;
+		const forwarded = useForwardProps(restProps);
+		function updateModelValue(value) {
+			if (!__props.allowEmpty && restProps.type === "single" && value == null) return;
+			emits("update:modelValue", value);
+		}
+		provide(toggleGroupVariantKey, toRef(() => __props.variant));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToggleGroupRoot), mergeProps(unref(forwarded), {
+				class: unref(cn)(unref(toggleGroupVariants)({ variant: __props.variant }), __props.class),
+				"onUpdate:modelValue": updateModelValue
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+export { ToggleGroup_default as default };

package/dist/toggle-group/ToggleGroupItem.vue.d.ts

@@ -0,0 +1,21 @@
+import { ToggleGroupItemProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+import { ToggleGroupItemVariants } from './toggleGroup.variants';
+interface Props extends ToggleGroupItemProps {
+    class?: HTMLAttributes['class'];
+    variant?: ToggleGroupItemVariants['variant'];
+    size?: ToggleGroupItemVariants['size'];
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<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/toggle-group/ToggleGroupItem.vue.js

@@ -0,0 +1,45 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { n as toggleGroupVariantKey, t as toggleGroupItemVariants } from "../shared/toggleGroup.variants-CvjZDHMw.js";
+import { computed, createBlock, createPropsRestProxy, defineComponent, inject, mergeProps, openBlock, ref, renderSlot, unref, withCtx } from "vue";
+import { ToggleGroupItem, useForwardProps } from "reka-ui";
+//#endregion
+//#region src/components/toggle-group/ToggleGroupItem.vue
+var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
+	__name: "ToggleGroupItem",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		variant: {},
+		size: { default: "default" },
+		value: {},
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const restProps = createPropsRestProxy(__props, [
+			"class",
+			"variant",
+			"size"
+		]);
+		const contextVariant = inject(toggleGroupVariantKey, ref("default"));
+		const forwardedProps = useForwardProps(restProps);
+		const resolvedVariant = computed(() => __props.variant ?? contextVariant.value ?? "default");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToggleGroupItem), mergeProps(unref(forwardedProps), { class: unref(cn)(unref(toggleGroupItemVariants)({
+				variant: resolvedVariant.value,
+				size: __props.size
+			}), "min-w-0 flex-none", __props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+export { ToggleGroupItem_default as default };

package/dist/toggle-group/toggleGroup.variants.d.ts

@@ -0,0 +1,24 @@
+import { InjectionKey, Ref } from 'vue';
+import { VariantProps } from 'cva';
+export declare const toggleGroupVariantKey: InjectionKey<Ref<ToggleGroupItemVariants['variant']>>;
+export declare const toggleGroupVariants: (props?: ({
+    variant?: "outline" | "default" | undefined;
+} & ({
+    class?: import('cva').ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import('cva').ClassValue;
+})) | undefined) => string;
+export declare const toggleGroupItemVariants: (props?: ({
+    variant?: "outline" | "default" | undefined;
+    size?: "sm" | "lg" | "default" | undefined;
+} & ({
+    class?: import('cva').ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import('cva').ClassValue;
+})) | undefined) => string;
+export type ToggleGroupVariants = VariantProps<typeof toggleGroupVariants>;
+export type ToggleGroupItemVariants = VariantProps<typeof toggleGroupItemVariants>;