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

package/dist/shared/TransitionCollapse-VfBzyj5a.js

@@ -0,0 +1,108 @@
+import { Transition, computed, createBlock, defineComponent, onMounted, openBlock, ref, renderSlot, withCtx } from "vue";
+// src/components/transition/TransitionCollapse.vue?vue&type=script&setup=true&lang.ts
+var closed = "0px";
+// src/components/transition/TransitionCollapse.vue
+var TransitionCollapse_default = /* @__PURE__ */ defineComponent({
+	__name: "TransitionCollapse",
+	props: {
+		duration: { default: 150 },
+		easingEnter: { default: "ease-in-out" },
+		easingLeave: { default: "ease-in-out" },
+		opacityClosed: { default: 0 },
+		opacityOpened: { default: 1 },
+		disable: { type: Boolean }
+	},
+	setup(__props) {
+		const isMounted = ref(false);
+		onMounted(() => isMounted.value = true);
+		const animationDuration = computed(() => isMounted.value && !__props.disable ? __props.duration : 0);
+		function getElementStyle(element) {
+			return {
+				height: element.style.height,
+				width: element.style.width,
+				position: element.style.position,
+				visibility: element.style.visibility,
+				overflow: element.style.overflow,
+				paddingTop: element.style.paddingTop,
+				paddingBottom: element.style.paddingBottom,
+				borderTopWidth: element.style.borderTopWidth,
+				borderBottomWidth: element.style.borderBottomWidth,
+				marginTop: element.style.marginTop,
+				marginBottom: element.style.marginBottom
+			};
+		}
+		function prepareElement(element, initialStyle) {
+			const { width } = getComputedStyle(element);
+			element.style.width = width;
+			element.style.position = "absolute";
+			element.style.visibility = "hidden";
+			element.style.height = "";
+			const { height } = getComputedStyle(element);
+			element.style.width = initialStyle.width;
+			element.style.position = initialStyle.position;
+			element.style.visibility = initialStyle.visibility;
+			element.style.height = closed;
+			element.style.overflow = "hidden";
+			return initialStyle.height && initialStyle.height !== closed ? initialStyle.height : height;
+		}
+		function animateTransition(element, initialStyle, done, keyframes, options) {
+			const animation = element.animate(keyframes, options);
+			element.style.height = initialStyle.height;
+			animation.onfinish = () => {
+				element.style.overflow = initialStyle.overflow;
+				done();
+			};
+		}
+		function getEnterKeyframes(height, initialStyle) {
+			return [{
+				height: closed,
+				opacity: __props.opacityClosed,
+				paddingTop: closed,
+				paddingBottom: closed,
+				borderTopWidth: closed,
+				borderBottomWidth: closed,
+				marginTop: closed,
+				marginBottom: closed
+			}, {
+				height,
+				opacity: __props.opacityOpened,
+				paddingTop: initialStyle.paddingTop,
+				paddingBottom: initialStyle.paddingBottom,
+				borderTopWidth: initialStyle.borderTopWidth,
+				borderBottomWidth: initialStyle.borderBottomWidth,
+				marginTop: initialStyle.marginTop,
+				marginBottom: initialStyle.marginBottom
+			}];
+		}
+		function enterTransition(element, done) {
+			const HTMLElement = element;
+			const initialStyle = getElementStyle(HTMLElement);
+			animateTransition(HTMLElement, initialStyle, done, getEnterKeyframes(prepareElement(HTMLElement, initialStyle), initialStyle), {
+				duration: animationDuration.value,
+				easing: __props.easingEnter
+			});
+		}
+		function leaveTransition(element, done) {
+			const HTMLElement = element;
+			const initialStyle = getElementStyle(HTMLElement);
+			const { height } = getComputedStyle(HTMLElement);
+			HTMLElement.style.height = height;
+			HTMLElement.style.overflow = "hidden";
+			animateTransition(HTMLElement, initialStyle, done, getEnterKeyframes(height, initialStyle).reverse(), {
+				duration: animationDuration.value,
+				easing: __props.easingLeave
+			});
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Transition, {
+				css: false,
+				onEnter: enterTransition,
+				onLeave: leaveTransition
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			});
+		};
+	}
+});
+export { TransitionCollapse_default as t };

package/dist/shared/{_plugin-vue_export-helper-BOaGB7Aw.js → _plugin-vue_export-helper-DjkACiAr.js}

@@ -1,8 +1,7 @@
-//#region \0plugin-vue:export-helper
+// \0plugin-vue:export-helper
 var _plugin_vue_export_helper_default = (sfc, props) => {
 	const target = sfc.__vccOpts || sfc;
 	for (const [key, val] of props) target[key] = val;
 	return target;
 };
-//#endregion
 export { _plugin_vue_export_helper_default as t };

package/dist/shared/{searchInput.variants-NOge_52E.js → searchInput.variants-BdYHNjce.js}

@@ -1,5 +1,5 @@
 import { cva } from "cva";
-//#region src/components/search-input/searchInput.variants.ts
+// src/components/search-input/searchInput.variants.ts
 var searchInputVariants = cva({
 	base: "relative flex w-full cursor-text items-center rounded-lg bg-secondary text-foreground focus-within:ring-1 focus-within:ring-ring",
 	variants: {
@@ -43,5 +43,4 @@ var searchInputSizeConfig = {
 		clearPos: "left-2"
 	}
 };
-//#endregion
 export { searchInputVariants as n, searchInputSizeConfig as t };

package/dist/shared/{select.variants-BPn5Z7N1.js → select.variants-cRXaATWS.js}

@@ -1,5 +1,5 @@
 import { cva } from "cva";
-//#region src/select.variants.ts
+// src/select.variants.ts
 var selectTriggerVariants = cva({
 	base: "relative inline-flex cursor-pointer items-center rounded-lg border-[2.5px] border-solid bg-secondary text-foreground transition-all duration-200 ease-in-out outline-none select-none hover:bg-accent disabled:cursor-default disabled:opacity-30 disabled:hover:bg-secondary",
 	variants: {
@@ -36,5 +36,4 @@ function stopEscapeToDocument(event) {
 		event.stopImmediatePropagation();
 	}
 }
-//#endregion
 export { selectItemVariants as a, selectEmptyMessageClass as i, selectCountBadgeClass as n, selectTriggerVariants as o, selectDropdownClass as r, stopEscapeToDocument as s, selectContentClass as t };

package/dist/shared/{src-CnJ6AzLP.js → src-DTwuqov4.js}

@@ -1,6 +1,6 @@
 import { clsx } from "clsx";
 import { extendTailwindMerge } from "tailwind-merge";
-//#region ../tailwind-utils/src/index.ts
+// ../tailwind-utils/src/index.ts
 var twMerge = extendTailwindMerge({ extend: { classGroups: {
 	"font-size": ["text-xxs", "text-xxxs"],
 	"max-h": [{ "max-h": ["none"] }]
@@ -8,5 +8,4 @@ var twMerge = extendTailwindMerge({ extend: { classGroups: {
 function cn(...inputs) {
 	return twMerge(clsx(inputs));
 }
-//#endregion
 export { cn as t };

package/dist/shared/{tabKeys-BISOrxWu.js → tabKeys-CP6c3wTY.js}

@@ -1,4 +1,3 @@
-//#region src/components/tab/tabKeys.ts
+// src/components/tab/tabKeys.ts
 var TAB_LIST_INJECTION_KEY = Symbol("TabListContext");
-//#endregion
 export { TAB_LIST_INJECTION_KEY as t };

package/dist/shared/{tabs.variants-XUREdHry.js → tabs.variants-Cgk7bRhG.js}

@@ -1,5 +1,5 @@
 import { cva } from "cva";
-//#region src/components/tabs/tabs.variants.ts
+// src/components/tabs/tabs.variants.ts
 var tabsListVariants = cva({
 	base: "inline-flex items-center gap-2",
 	variants: { variant: {
@@ -19,5 +19,4 @@ var tabsTriggerVariants = cva({
 	} },
 	defaultVariants: { variant: "default" }
 });
-//#endregion
 export { tabsTriggerVariants as n, tabsListVariants as t };

package/dist/shared/{tag.variants-CCqCn8Jc.js → tag.variants-BEXRRbPc.js}

@@ -1,5 +1,5 @@
 import { cva } from "cva";
-//#region src/tag.variants.ts
+// src/tag.variants.ts
 var tagVariants = cva({
 	base: "inline-flex h-6 max-w-full shrink-0 items-center justify-center gap-1 text-xs ring-offset-background backdrop-blur-sm data-[selected=true]:ring-2 data-[selected=true]:ring-foreground data-[selected=true]:ring-offset-1 data-[state=active]:ring-2 data-[state=active]:ring-foreground data-[state=active]:ring-offset-1 [&.ProseMirror-selectednode]:ring-2 [&.ProseMirror-selectednode]:ring-foreground [&.ProseMirror-selectednode]:ring-offset-1",
 	variants: {
@@ -30,5 +30,4 @@ var tagVariants = cva({
 	}
 });
 var tagRemoveButtonVariants = cva({ base: "w-4 overflow-hidden transition-[opacity,width] duration-150 hover:bg-transparent hover:opacity-100 data-disabled:pointer-events-none data-disabled:w-0 data-disabled:opacity-0" });
-//#endregion
 export { tagVariants as n, tagRemoveButtonVariants as t };

package/dist/shared/{tagsInputContext-QXu7RrG5.js → tagsInputContext-C-X1-iNf.js}

@@ -1,5 +1,4 @@
-//#region src/components/tags-input/tagsInputContext.ts
+// src/components/tags-input/tagsInputContext.ts
 var tagsInputFocusKey = Symbol("tagsInputFocus");
 var tagsInputIsEditingKey = Symbol("tagsInputIsEditing");
-//#endregion
 export { tagsInputIsEditingKey as n, tagsInputFocusKey as t };

package/dist/shared/{toggleGroup.variants-CvjZDHMw.js → toggleGroup.variants-BuwGELw0.js}

@@ -1,5 +1,5 @@
 import { cva } from "cva";
-//#region src/components/toggle-group/toggleGroup.variants.ts
+// src/components/toggle-group/toggleGroup.variants.ts
 var toggleGroupVariantKey = Symbol("toggleGroupVariant");
 var toggleGroupVariants = cva({
 	base: "flex items-center justify-center gap-1",
@@ -35,5 +35,4 @@ var toggleGroupItemVariants = cva({
 		size: "default"
 	}
 });
-//#endregion
 export { toggleGroupVariantKey as n, toggleGroupVariants as r, toggleGroupItemVariants as t };

package/dist/shared/{tooltipContext-BL5JtM0i.js → tooltipContext-arEyjGQC.js}

@@ -1,4 +1,3 @@
-//#region src/components/tooltip/tooltipContext.ts
+// src/components/tooltip/tooltipContext.ts
 var tooltipOpenOnClickKey = Symbol("tooltipOpenOnClick");
-//#endregion
 export { tooltipOpenOnClickKey as t };

package/dist/single-select/SearchableSingleSelect.vue.js

@@ -1,2 +1 @@
-import { t as SearchableSingleSelect_default } from "../shared/SearchableSingleSelect-Dnti1kqJ.js";
-export { SearchableSingleSelect_default as default };
+export { t as default } from "../shared/SearchableSingleSelect-DQauLQWW.js";

package/dist/single-select/SingleSelect.vue.js

@@ -1,17 +1,16 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
-import { a as selectItemVariants, o as selectTriggerVariants, r as selectDropdownClass, s as stopEscapeToDocument, t as selectContentClass } from "../shared/select.variants-BPn5Z7N1.js";
+import { a as selectItemVariants, o as selectTriggerVariants, r as selectDropdownClass, s as stopEscapeToDocument, t as selectContentClass } from "../shared/select.variants-cRXaATWS.js";
 import { useAttrsClass } from "../composables/useAttrsClass.js";
 import { usePopoverSizing } from "../composables/usePopoverSizing.js";
-import { t as SearchableSingleSelect_default } from "../shared/SearchableSingleSelect-Dnti1kqJ.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { t as SearchableSingleSelect_default } from "../shared/SearchableSingleSelect-DQauLQWW.js";
 import { Fragment, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useModel, withCtx } from "vue";
 import { SelectContent, SelectItem, SelectItemIndicator, SelectItemText, SelectPortal, SelectRoot, SelectTrigger, SelectValue, SelectViewport } from "reka-ui";
-//#region src/components/single-select/SingleSelect.vue?vue&type=script&setup=true&lang.ts
+// src/components/single-select/SingleSelect.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
 	class: "icon-[lucide--loader-circle] animate-spin text-muted-foreground"
 };
-//#endregion
-//#region src/components/single-select/SingleSelect.vue
+// src/components/single-select/SingleSelect.vue
 var SingleSelect_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "SingleSelect",
@@ -183,5 +182,4 @@ var SingleSelect_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { SingleSelect_default as default };

package/dist/skeleton/Skeleton.vue.js

@@ -1,7 +1,6 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
 import { createElementBlock, defineComponent, normalizeClass, openBlock, unref } from "vue";
-//#endregion
-//#region src/components/skeleton/Skeleton.vue
+// src/components/skeleton/Skeleton.vue
 var Skeleton_default = /* @__PURE__ */ defineComponent({
 	__name: "Skeleton",
 	props: { class: { type: [
@@ -20,5 +19,4 @@ var Skeleton_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { Skeleton_default as default };

package/dist/slider/GradientSlider.vue.d.ts

@@ -0,0 +1,20 @@
+import { ColorStop } from './gradients';
+type __VLS_Props = {
+    stops: ColorStop[];
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    ariaLabel?: string;
+};
+type __VLS_ModelProps = {
+    modelValue: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/slider/GradientSlider.vue.js

@@ -0,0 +1,100 @@
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { computed, createBlock, createVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, openBlock, ref, unref, useModel, withCtx } from "vue";
+import { SliderRoot, SliderThumb, SliderTrack } from "reka-ui";
+// src/components/slider/gradients.ts
+function stopsToGradient(stops) {
+	if (!stops.length) return "transparent";
+	return `linear-gradient(to right, ${stops.map(({ offset, color: [r, g, b] }) => `rgb(${r},${g},${b}) ${offset * 100}%`).join(", ")})`;
+}
+function interpolateStops(stops, t) {
+	if (!stops.length) return "transparent";
+	const clamped = Math.max(0, Math.min(1, t));
+	if (clamped <= stops[0].offset) {
+		const [r, g, b] = stops[0].color;
+		return `rgb(${r},${g},${b})`;
+	}
+	for (let i = 0; i < stops.length - 1; i++) {
+		const { offset: o1, color: [r1, g1, b1] } = stops[i];
+		const { offset: o2, color: [r2, g2, b2] } = stops[i + 1];
+		if (clamped >= o1 && clamped <= o2) {
+			const f = o2 === o1 ? 0 : (clamped - o1) / (o2 - o1);
+			return `rgb(${Math.round(r1 + (r2 - r1) * f)},${Math.round(g1 + (g2 - g1) * f)},${Math.round(b1 + (b2 - b1) * f)})`;
+		}
+	}
+	const [r, g, b] = stops[stops.length - 1].color;
+	return `rgb(${r},${g},${b})`;
+}
+// src/components/slider/GradientSlider.vue
+var GradientSlider_default = /* @__PURE__ */ defineComponent({
+	__name: "GradientSlider",
+	props: /*@__PURE__*/ mergeModels({
+		stops: {},
+		min: { default: 0 },
+		max: { default: 100 },
+		step: { default: 1 },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		ariaLabel: {}
+	}, {
+		"modelValue": { required: true },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const modelValue = useModel(__props, "modelValue");
+		const sliderValue = computed({
+			get: () => [modelValue.value],
+			set: (v) => {
+				if (v.length) modelValue.value = v[0];
+			}
+		});
+		const gradient = computed(() => stopsToGradient(__props.stops));
+		const thumbColor = computed(() => {
+			const t = __props.max === __props.min ? 0 : (modelValue.value - __props.min) / (__props.max - __props.min);
+			return interpolateStops(__props.stops, t);
+		});
+		const pressed = ref(false);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SliderRoot), {
+				modelValue: sliderValue.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => sliderValue.value = $event),
+				min: __props.min,
+				max: __props.max,
+				step: __props.step,
+				disabled: __props.disabled,
+				class: normalizeClass(unref(cn)("relative flex w-full touch-none items-center select-none", "data-disabled:opacity-50")),
+				style: { "--reka-slider-thumb-transform": "translate(-50%, -50%)" },
+				onSlideStart: _cache[1] || (_cache[1] = ($event) => pressed.value = true),
+				onSlideMove: _cache[2] || (_cache[2] = ($event) => pressed.value = true),
+				onSlideEnd: _cache[3] || (_cache[3] = ($event) => pressed.value = false)
+			}, {
+				default: withCtx(() => [createVNode(unref(SliderTrack), {
+					class: normalizeClass(unref(cn)("relative h-2.5 w-full grow cursor-pointer overflow-visible rounded-full", "before:absolute before:-inset-2 before:block before:bg-transparent")),
+					style: normalizeStyle({ background: gradient.value })
+				}, {
+					default: withCtx(() => [createVNode(unref(SliderThumb), {
+						class: normalizeClass(unref(cn)("top-1/2 block size-4 shrink-0 cursor-grab rounded-full shadow-md ring-1 ring-black/25", "transition-[color,box-shadow,background-color]", "before:absolute before:-inset-1.5 before:block before:rounded-full before:bg-transparent", "hover:ring-2 hover:ring-black/40 focus-visible:ring-2 focus-visible:ring-black/40 focus-visible:outline-hidden", "disabled:pointer-events-none disabled:opacity-50", { "cursor-grabbing": pressed.value })),
+						style: normalizeStyle({ backgroundColor: thumbColor.value }),
+						"aria-label": __props.ariaLabel
+					}, null, 8, [
+						"class",
+						"style",
+						"aria-label"
+					])]),
+					_: 1
+				}, 8, ["class", "style"])]),
+				_: 1
+			}, 8, [
+				"modelValue",
+				"min",
+				"max",
+				"step",
+				"disabled",
+				"class"
+			]);
+		};
+	}
+});
+export { GradientSlider_default as default };

package/dist/slider/Slider.vue.js

@@ -1,9 +1,8 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
 import { Fragment, createBlock, createElementBlock, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderList, unref, withCtx } from "vue";
 import { SliderRange, SliderRoot, SliderThumb, SliderTrack, useForwardPropsEmits } from "reka-ui";
 import { reactiveOmit } from "@vueuse/core";
-//#endregion
-//#region src/components/slider/Slider.vue
+// src/components/slider/Slider.vue
 var Slider_default = /* @__PURE__ */ defineComponent({
 	__name: "Slider",
 	props: {
@@ -84,5 +83,4 @@ var Slider_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { Slider_default as default };

package/dist/slider/gradients.d.ts

@@ -0,0 +1,6 @@
+export interface ColorStop {
+    readonly offset: number;
+    readonly color: readonly [r: number, g: number, b: number];
+}
+export declare function stopsToGradient(stops: ColorStop[]): string;
+export declare function interpolateStops(stops: ColorStop[], t: number): string;

package/dist/spinner/Spinner.vue.js

@@ -1,7 +1,6 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
 import { createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, unref } from "vue";
-//#endregion
-//#region src/components/spinner/Spinner.vue
+// src/components/spinner/Spinner.vue
 var Spinner_default = /* @__PURE__ */ defineComponent({
 	__name: "Spinner",
 	props: { class: {
@@ -37,5 +36,4 @@ var Spinner_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { Spinner_default as default };

package/dist/splitter/SplitterGroup.vue.js

@@ -1,8 +1,7 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
 import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 import { SplitterGroup, useForwardPropsEmits } from "reka-ui";
-//#endregion
-//#region src/components/splitter/SplitterGroup.vue
+// src/components/splitter/SplitterGroup.vue
 var SplitterGroup_default = /* @__PURE__ */ defineComponent({
 	__name: "SplitterGroup",
 	props: {
@@ -36,5 +35,4 @@ var SplitterGroup_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { SplitterGroup_default as default };

package/dist/splitter/SplitterPanel.vue.js

@@ -1,8 +1,7 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
 import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 import { SplitterPanel, useForwardExpose, useForwardPropsEmits } from "reka-ui";
-//#endregion
-//#region src/components/splitter/SplitterPanel.vue
+// src/components/splitter/SplitterPanel.vue
 var SplitterPanel_default = /* @__PURE__ */ defineComponent({
 	__name: "SplitterPanel",
 	props: {
@@ -41,5 +40,4 @@ var SplitterPanel_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { SplitterPanel_default as default };

package/dist/splitter/SplitterResizeHandle.vue.js

@@ -1,8 +1,7 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
 import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 import { SplitterResizeHandle, useForwardPropsEmits } from "reka-ui";
-//#endregion
-//#region src/components/splitter/SplitterResizeHandle.vue
+// src/components/splitter/SplitterResizeHandle.vue
 var SplitterResizeHandle_default = /* @__PURE__ */ defineComponent({
 	__name: "SplitterResizeHandle",
 	props: {
@@ -33,5 +32,4 @@ var SplitterResizeHandle_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { SplitterResizeHandle_default as default };

package/dist/switch/Switch.vue.js

@@ -1,2 +1 @@
-import { t as Switch_default } from "../shared/Switch-DsCzHpDU.js";
-export { Switch_default as default };
+export { t as default } from "../shared/Switch-qavkHWMz.js";

package/dist/tab/Tab.vue.js

@@ -1,8 +1,8 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
-import { t as TAB_LIST_INJECTION_KEY } from "../shared/tabKeys-BISOrxWu.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { t as TAB_LIST_INJECTION_KEY } from "../shared/tabKeys-CP6c3wTY.js";
 import { computed, createElementBlock, defineComponent, inject, normalizeClass, openBlock, renderSlot, unref } from "vue";
 import { cva } from "cva";
-//#region src/components/tab/tab.variants.ts
+// src/components/tab/tab.variants.ts
 var tabStateVariants = cva({
 	base: "cursor-pointer rounded-lg border-none text-sm outline-hidden transition-all duration-200 focus-visible:ring-1 focus-visible:ring-ring",
 	variants: { active: {
@@ -11,8 +11,7 @@ var tabStateVariants = cva({
 	} },
 	defaultVariants: { active: false }
 });
-//#endregion
-//#region src/components/tab/Tab.vue?vue&type=script&setup=true&lang.ts
+// src/components/tab/Tab.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"id",
 	"aria-selected",
@@ -20,8 +19,7 @@ var _hoisted_1 = [
 	"data-state",
 	"tabindex"
 ];
-//#endregion
-//#region src/components/tab/Tab.vue
+// src/components/tab/Tab.vue
 var Tab_default = /* @__PURE__ */ defineComponent({
 	__name: "Tab",
 	props: {
@@ -72,5 +70,4 @@ var Tab_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { Tab_default as default };

package/dist/tab/TabList.vue.js

@@ -1,8 +1,7 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
-import { t as TAB_LIST_INJECTION_KEY } from "../shared/tabKeys-BISOrxWu.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { t as TAB_LIST_INJECTION_KEY } from "../shared/tabKeys-CP6c3wTY.js";
 import { createElementBlock, defineComponent, mergeModels, normalizeClass, openBlock, provide, renderSlot, unref, useModel } from "vue";
-//#endregion
-//#region src/components/tab/TabList.vue
+// src/components/tab/TabList.vue
 var TabList_default = /* @__PURE__ */ defineComponent({
 	__name: "TabList",
 	props: /*@__PURE__*/ mergeModels({ class: { default: "" } }, {
@@ -27,5 +26,4 @@ var TabList_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { TabList_default as default };

package/dist/tab/TabPanel.vue.js

@@ -1,9 +1,8 @@
-import { t as TAB_LIST_INJECTION_KEY } from "../shared/tabKeys-BISOrxWu.js";
+import { t as TAB_LIST_INJECTION_KEY } from "../shared/tabKeys-CP6c3wTY.js";
 import { computed, createCommentVNode, createElementBlock, defineComponent, inject, openBlock, renderSlot } from "vue";
-//#region src/components/tab/TabPanel.vue?vue&type=script&setup=true&lang.ts
+// src/components/tab/TabPanel.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["id", "aria-labelledby"];
-//#endregion
-//#region src/components/tab/TabPanel.vue
+// src/components/tab/TabPanel.vue
 var TabPanel_default = /* @__PURE__ */ defineComponent({
 	__name: "TabPanel",
 	props: {
@@ -24,5 +23,4 @@ var TabPanel_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { TabPanel_default as default };

package/dist/table/Table.vue.js

@@ -1,9 +1,8 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
 import { createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
-//#region src/components/table/Table.vue?vue&type=script&setup=true&lang.ts
+// src/components/table/Table.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "w-full table-fixed caption-bottom border-separate border-spacing-0 text-sm" };
-//#endregion
-//#region src/components/table/Table.vue
+// src/components/table/Table.vue
 var Table_default = /* @__PURE__ */ defineComponent({
 	__name: "Table",
 	props: { class: { type: [
@@ -19,5 +18,4 @@ var Table_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { Table_default as default };

package/dist/table/TableBody.vue.js

@@ -1,7 +1,6 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
 import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
-//#endregion
-//#region src/components/table/TableBody.vue
+// src/components/table/TableBody.vue
 var TableBody_default = /* @__PURE__ */ defineComponent({
 	__name: "TableBody",
 	props: { class: { type: [
@@ -17,5 +16,4 @@ var TableBody_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { TableBody_default as default };

package/dist/table/TableCell.vue.js

@@ -1,7 +1,6 @@
-import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
 import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
-//#endregion
-//#region src/components/table/TableCell.vue
+// src/components/table/TableCell.vue
 var TableCell_default = /* @__PURE__ */ defineComponent({
 	__name: "TableCell",
 	props: { class: { type: [
@@ -17,5 +16,4 @@ var TableCell_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-//#endregion
 export { TableCell_default as default };

package/dist/table/TableHead.vue.js

@@ -1,2 +1 @@
-import { t as TableHead_default } from "../shared/TableHead-OxGist4m.js";
-export { TableHead_default as default };
+export { t as default } from "../shared/TableHead-DpsXVMzk.js";