@youcan/celeste 0.21.2 → 0.22.1

package/dist/es/chunks/social-button.js

@@ -1,7 +1,7 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as Primitive } from "./Primitive.js";
 import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { Primitive } from "reka-ui";
 //#region src/components/button/social-button.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
@@ -23,7 +23,7 @@ var social_button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			return openBlock(), createBlock(unref(Primitive), {
 				"aria-label": __props.label,
 				role: "button",
-				class: normalizeClass(unref(clsx)("celeste-social-button", `celeste-social-button-${__props.brand}`, `celeste-social-button-${__props.variant}`, props.class)),
+				class: normalizeClass(unref(clsx$1)("celeste-social-button", `celeste-social-button-${__props.brand}`, `celeste-social-button-${__props.variant}`, props.class)),
 				as: "button"
 			}, {
 				default: withCtx(() => [createElementVNode("i", { class: normalizeClass(`i-celeste-brand-${__props.brand}-${__props.variant === "fill" ? "white" : "original"}`) }, null, 2), __props.label ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.label), 1)) : createCommentVNode("", true)]),
@@ -31,6 +31,6 @@ var social_button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}, 8, ["aria-label", "class"]);
 		};
 	}
-}), [["__scopeId", "data-v-dd727c87"]]);
+}), [["__scopeId", "data-v-3652f72b"]]);
 //#endregion
 export { social_button_default as t };

package/dist/es/chunks/status-badge.js

@@ -1,6 +1,6 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
+import clsx$1 from "clsx";
 //#region src/components/badge/status-badge.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label"];
 var _hoisted_2 = {
@@ -35,7 +35,7 @@ var status_badge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		const icon = computed(() => ICON_MAP[props.state]);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(unref(clsx)("celeste-badge", `celeste-badge-${__props.state}`, `celeste-badge-${__props.variant}`, props.class)),
+				class: normalizeClass(unref(clsx$1)("celeste-badge", `celeste-badge-${__props.state}`, `celeste-badge-${__props.variant}`, props.class)),
 				"aria-label": __props.label,
 				role: "status"
 			}, [__props.dotted ? (openBlock(), createElementBlock("i", _hoisted_2)) : (openBlock(), createElementBlock("i", {

package/dist/es/chunks/switch.js

@@ -1,187 +1,7 @@
-import { t as clsx } from "./clsx.js";
-import { t as createContext } from "./createContext.js";
-import { p as useVModel } from "./dist2.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as useFormControl } from "./useFormControl.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
-import { t as useForwardScopeId } from "./useForwardScopeId.js";
-import { t as VisuallyHiddenInput_default } from "./VisuallyHiddenInput.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, toRefs, unref, withCtx, withKeys, withModifiers } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Switch/SwitchRoot.js
-var [injectSwitchRootContext, provideSwitchRootContext] = /*#__PURE__*/ createContext("SwitchRoot");
-var SwitchRoot_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "SwitchRoot",
-	props: {
-		defaultValue: {
-			type: null,
-			required: false
-		},
-		modelValue: {
-			type: null,
-			required: false,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		id: {
-			type: String,
-			required: false
-		},
-		value: {
-			type: String,
-			required: false,
-			default: "on"
-		},
-		trueValue: {
-			type: null,
-			required: false,
-			default: () => true
-		},
-		falseValue: {
-			type: null,
-			required: false,
-			default: () => false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "button"
-		},
-		name: {
-			type: String,
-			required: false
-		},
-		required: {
-			type: Boolean,
-			required: false
-		}
-	},
-	emits: ["update:modelValue"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const { disabled } = toRefs(props);
-		const modelValue = useVModel(props, "modelValue", emit, {
-			defaultValue: props.defaultValue ?? props.falseValue,
-			passive: props.modelValue === void 0
-		});
-		const checked = computed(() => modelValue.value === props.trueValue);
-		function toggleCheck() {
-			if (disabled.value) return;
-			modelValue.value = checked.value ? props.falseValue : props.trueValue;
-		}
-		const { forwardRef, currentElement } = useForwardExpose();
-		const isFormControl = useFormControl(currentElement);
-		const scopeIdAttrs = useForwardScopeId();
-		const ariaLabel = computed(() => props.id && currentElement.value ? document.querySelector(`[for="${props.id}"]`)?.innerText : void 0);
-		provideSwitchRootContext({
-			checked,
-			toggleCheck,
-			disabled
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(Primitive), mergeProps({
-				id: _ctx.id,
-				ref: unref(forwardRef),
-				role: "switch",
-				type: _ctx.as === "button" ? "button" : void 0,
-				value: _ctx.value,
-				"aria-label": _ctx.$attrs["aria-label"] || ariaLabel.value,
-				"aria-checked": checked.value,
-				"aria-required": _ctx.required,
-				"data-state": checked.value ? "checked" : "unchecked",
-				"data-disabled": unref(disabled) ? "" : void 0,
-				"as-child": _ctx.asChild,
-				as: _ctx.as,
-				disabled: unref(disabled)
-			}, {
-				...unref(scopeIdAttrs),
-				..._ctx.$attrs
-			}, {
-				onClick: toggleCheck,
-				onKeydown: withKeys(withModifiers(toggleCheck, ["prevent"]), ["enter"])
-			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
-					modelValue: unref(modelValue),
-					checked: checked.value
-				})]),
-				_: 3
-			}, 16, [
-				"id",
-				"type",
-				"value",
-				"aria-label",
-				"aria-checked",
-				"aria-required",
-				"data-state",
-				"data-disabled",
-				"as-child",
-				"as",
-				"disabled",
-				"onKeydown"
-			]), unref(isFormControl) && _ctx.name ? (openBlock(), createBlock(unref(VisuallyHiddenInput_default), mergeProps({
-				key: 0,
-				type: "checkbox",
-				name: _ctx.name,
-				disabled: unref(disabled),
-				required: _ctx.required,
-				value: _ctx.value,
-				checked: checked.value
-			}, unref(scopeIdAttrs)), null, 16, [
-				"name",
-				"disabled",
-				"required",
-				"value",
-				"checked"
-			])) : createCommentVNode("v-if", true)], 64);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Switch/SwitchThumb.js
-var SwitchThumb_default = /* @__PURE__ */ defineComponent({
-	__name: "SwitchThumb",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "span"
-		}
-	},
-	setup(__props) {
-		const rootContext = injectSwitchRootContext();
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), {
-				"data-state": unref(rootContext).checked.value ? "checked" : "unchecked",
-				"data-disabled": unref(rootContext).disabled.value ? "" : void 0,
-				"as-child": _ctx.asChild,
-				as: _ctx.as
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, [
-				"data-state",
-				"data-disabled",
-				"as-child",
-				"as"
-			]);
-		};
-	}
-});
+import { createBlock, createVNode, defineComponent, mergeProps, openBlock, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { SwitchRoot, SwitchThumb, useForwardPropsEmits } from "reka-ui";
 //#endregion
 //#region src/components/switch/switch.vue
 var switch_default = /* @__PURE__ */ defineComponent({
@@ -213,8 +33,8 @@ var switch_default = /* @__PURE__ */ defineComponent({
 		const delegatedProps = useDelegatedProps(props, "class");
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(SwitchRoot_default), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-switch", props.class) }), {
-				default: withCtx(() => [createVNode(unref(SwitchThumb_default), { class: "celeste-switch-thumb" })]),
+			return openBlock(), createBlock(unref(SwitchRoot), mergeProps(unref(forwarded), { class: unref(clsx$1)("celeste-switch", props.class) }), {
+				default: withCtx(() => [createVNode(unref(SwitchThumb), { class: "celeste-switch-thumb" })]),
 				_: 1
 			}, 16, ["class"]);
 		};

package/dist/es/chunks/tab-menu-content.js

@@ -1,85 +1,8 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { t as Presence_default } from "./Presence.js";
-import { n as injectTabsRootContext } from "./TabsRoot.js";
-import { n as makeTriggerId, t as makeContentId } from "./utils3.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
-import { computed, createBlock, createCommentVNode, createVNode, defineComponent, mergeProps, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Tabs/TabsContent.js
-var TabsContent_default = /* @__PURE__ */ defineComponent({
-	__name: "TabsContent",
-	props: {
-		value: {
-			type: [String, Number],
-			required: true
-		},
-		forceMount: {
-			type: Boolean,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const { forwardRef } = useForwardExpose();
-		const rootContext = injectTabsRootContext();
-		const triggerId = computed(() => makeTriggerId(rootContext.baseId, props.value));
-		const contentId = computed(() => makeContentId(rootContext.baseId, props.value));
-		const isSelected = computed(() => props.value === rootContext.modelValue.value);
-		const isMountAnimationPreventedRef = ref(isSelected.value);
-		onMounted(() => {
-			rootContext.registerContent(props.value);
-			requestAnimationFrame(() => {
-				isMountAnimationPreventedRef.value = false;
-			});
-		});
-		onBeforeUnmount(() => {
-			rootContext.unregisterContent(props.value);
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Presence_default), {
-				present: _ctx.forceMount || isSelected.value,
-				"force-mount": ""
-			}, {
-				default: withCtx(({ present }) => [createVNode(unref(Primitive), {
-					id: contentId.value,
-					ref: unref(forwardRef),
-					"as-child": _ctx.asChild,
-					as: _ctx.as,
-					role: "tabpanel",
-					"data-state": isSelected.value ? "active" : "inactive",
-					"data-orientation": unref(rootContext).orientation.value,
-					"aria-labelledby": triggerId.value,
-					hidden: !present,
-					tabindex: "0",
-					style: normalizeStyle({ animationDuration: isMountAnimationPreventedRef.value ? "0s" : void 0 })
-				}, {
-					default: withCtx(() => [(unref(rootContext).unmountOnHide.value ? present : true) ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("v-if", true)]),
-					_: 2
-				}, 1032, [
-					"id",
-					"as-child",
-					"as",
-					"data-state",
-					"data-orientation",
-					"aria-labelledby",
-					"hidden",
-					"style"
-				])]),
-				_: 3
-			}, 8, ["present"]);
-		};
-	}
-});
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { TabsContent } from "reka-ui";
 //#endregion
 //#region src/components/tab-menu/tab-menu-content.vue
 var tab_menu_content_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -101,7 +24,7 @@ var tab_menu_content_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 		const props = __props;
 		const delegatedProps = useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(TabsContent_default), mergeProps({ class: unref(clsx)("celeste-tab-menu-content", props.class) }, unref(delegatedProps)), {
+			return openBlock(), createBlock(unref(TabsContent), mergeProps({ class: unref(clsx$1)("celeste-tab-menu-content", props.class) }, unref(delegatedProps)), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);

package/dist/es/chunks/tab-menu-item.js

@@ -1,92 +1,8 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { t as useForwardProps } from "./useForwardProps.js";
-import { t as RovingFocusItem_default } from "./RovingFocusItem.js";
-import { n as injectTabsRootContext } from "./TabsRoot.js";
-import { n as makeTriggerId, t as makeContentId } from "./utils3.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx, withKeys, withModifiers } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Tabs/TabsTrigger.js
-var TabsTrigger_default = /* @__PURE__ */ defineComponent({
-	__name: "TabsTrigger",
-	props: {
-		value: {
-			type: [String, Number],
-			required: true
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "button"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const { forwardRef } = useForwardExpose();
-		const rootContext = injectTabsRootContext();
-		const triggerId = computed(() => makeTriggerId(rootContext.baseId, props.value));
-		const contentId = computed(() => rootContext.contentIds.value.has(props.value) ? makeContentId(rootContext.baseId, props.value) : void 0);
-		const isSelected = computed(() => props.value === rootContext.modelValue.value);
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(RovingFocusItem_default), {
-				"as-child": "",
-				focusable: !_ctx.disabled,
-				active: isSelected.value
-			}, {
-				default: withCtx(() => [createVNode(unref(Primitive), {
-					id: triggerId.value,
-					ref: unref(forwardRef),
-					role: "tab",
-					type: _ctx.as === "button" ? "button" : void 0,
-					as: _ctx.as,
-					"as-child": _ctx.asChild,
-					"aria-selected": isSelected.value ? "true" : "false",
-					"aria-controls": contentId.value,
-					"data-state": isSelected.value ? "active" : "inactive",
-					disabled: _ctx.disabled,
-					"data-disabled": _ctx.disabled ? "" : void 0,
-					"data-orientation": unref(rootContext).orientation.value,
-					onMousedown: _cache[0] || (_cache[0] = withModifiers((event) => {
-						if (!_ctx.disabled && event.ctrlKey === false) unref(rootContext).changeModelValue(_ctx.value);
-						else event.preventDefault();
-					}, ["left"])),
-					onKeydown: _cache[1] || (_cache[1] = withKeys(($event) => unref(rootContext).changeModelValue(_ctx.value), ["enter", "space"])),
-					onFocus: _cache[2] || (_cache[2] = () => {
-						const isAutomaticActivation = unref(rootContext).activationMode !== "manual";
-						if (!isSelected.value && !_ctx.disabled && isAutomaticActivation) unref(rootContext).changeModelValue(_ctx.value);
-					})
-				}, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-					_: 3
-				}, 8, [
-					"id",
-					"type",
-					"as",
-					"as-child",
-					"aria-selected",
-					"aria-controls",
-					"data-state",
-					"disabled",
-					"data-disabled",
-					"data-orientation"
-				])]),
-				_: 3
-			}, 8, ["focusable", "active"]);
-		};
-	}
-});
-//#endregion
+import { createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { TabsTrigger, useForwardProps } from "reka-ui";
 //#region src/components/tab-menu/tab-menu-item.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
@@ -118,7 +34,7 @@ var tab_menu_item_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		const delegatedProps = useDelegatedProps(props, "class");
 		const forwardedProps = useForwardProps(delegatedProps);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(TabsTrigger_default), mergeProps(unref(forwardedProps), { class: unref(clsx)("celeste-tab-menu-item", props.class) }), {
+			return openBlock(), createBlock(unref(TabsTrigger), mergeProps(unref(forwardedProps), { class: unref(clsx$1)("celeste-tab-menu-item", props.class) }), {
 				default: withCtx(() => [
 					renderSlot(_ctx.$slots, "prefix", {}, void 0, true),
 					_ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])) : createCommentVNode("", true),

package/dist/es/chunks/tab-menu-list.js

@@ -1,66 +1,9 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { t as RovingFocusGroup_default } from "./RovingFocusGroup.js";
-import { n as injectTabsRootContext } from "./TabsRoot.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { useTabObserver } from "../use-tab-observer.js";
-import { createBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderSlot, toRefs, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Tabs/TabsList.js
-var TabsList_default = /* @__PURE__ */ defineComponent({
-	__name: "TabsList",
-	props: {
-		loop: {
-			type: Boolean,
-			required: false,
-			default: true
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
-		}
-	},
-	setup(__props) {
-		const { loop } = toRefs(__props);
-		const { forwardRef, currentElement } = useForwardExpose();
-		const context = injectTabsRootContext();
-		context.tabsList = currentElement;
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(RovingFocusGroup_default), {
-				"as-child": "",
-				orientation: unref(context).orientation.value,
-				dir: unref(context).dir.value,
-				loop: unref(loop)
-			}, {
-				default: withCtx(() => [createVNode(unref(Primitive), {
-					ref: unref(forwardRef),
-					role: "tablist",
-					"as-child": _ctx.asChild,
-					as: _ctx.as,
-					"aria-orientation": unref(context).orientation.value
-				}, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-					_: 3
-				}, 8, [
-					"as-child",
-					"as",
-					"aria-orientation"
-				])]),
-				_: 3
-			}, 8, [
-				"orientation",
-				"dir",
-				"loop"
-			]);
-		};
-	}
-});
-//#endregion
+import { createBlock, createElementVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { TabsList } from "reka-ui";
 //#region src/components/tab-menu/tab-menu-list.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["hidden"];
 //#endregion
@@ -103,7 +46,7 @@ var tab_menu_list_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		]);
 		const { listRef, indicator, ready } = useTabObserver("[data-state=\"active\"]");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(TabsList_default), mergeProps({
+			return openBlock(), createBlock(unref(TabsList), mergeProps({
 				ref_key: "listRef",
 				ref: listRef
 			}, unref(delegatedProps), {
@@ -111,7 +54,7 @@ var tab_menu_list_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				"data-scrollable": __props.scrollable,
 				"data-fill": __props.fill,
 				"data-align": __props.align,
-				class: unref(clsx)("celeste-tab-menu-list", props.class)
+				class: unref(clsx$1)("celeste-tab-menu-list", props.class)
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true), createElementVNode("div", {
 					hidden: !unref(ready),

package/dist/es/chunks/tab-menu.js

@@ -1,8 +1,7 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
-import { t as TabsRoot_default } from "./TabsRoot.js";
 import { useDirection } from "../use-direction.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { TabsRoot, useForwardPropsEmits } from "reka-ui";
 //#endregion
 //#region src/components/tab-menu/tab-menu.vue
 var tab_menu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -23,7 +22,7 @@ var tab_menu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		const forwarded = useForwardPropsEmits(props, __emit);
 		const dir = useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(TabsRoot_default), mergeProps(unref(forwarded), {
+			return openBlock(), createBlock(unref(TabsRoot), mergeProps(unref(forwarded), {
 				class: "celeste-tab-menu-root",
 				dir: unref(dir)
 			}), {

package/dist/es/chunks/table-body.js

@@ -1,6 +1,6 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+import clsx$1 from "clsx";
 //#endregion
 //#region src/components/table/table-body.vue
 var table_body_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -15,7 +15,7 @@ var table_body_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("tbody", { class: normalizeClass(unref(clsx)("celeste-table-body", props.class)) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
+			return openBlock(), createElementBlock("tbody", { class: normalizeClass(unref(clsx$1)("celeste-table-body", props.class)) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
 		};
 	}
 }), [["__scopeId", "data-v-9a3453c2"]]);

package/dist/es/chunks/table-caption.js

@@ -1,6 +1,6 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+import clsx$1 from "clsx";
 //#endregion
 //#region src/components/table/table-caption.vue
 var table_caption_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -15,7 +15,7 @@ var table_caption_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("caption", { class: normalizeClass(unref(clsx)("celeste-table-caption", props.class)) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
+			return openBlock(), createElementBlock("caption", { class: normalizeClass(unref(clsx$1)("celeste-table-caption", props.class)) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
 		};
 	}
 }), [["__scopeId", "data-v-19ffb56c"]]);

package/dist/es/chunks/table-cell.js

@@ -1,6 +1,6 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+import clsx$1 from "clsx";
 //#endregion
 //#region src/components/table/table-cell.vue
 var table_cell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -21,7 +21,7 @@ var table_cell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("td", { class: normalizeClass(unref(clsx)("celeste-table-cell", props.class, { "celeste-table-cell-align-end": props.end })) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
+			return openBlock(), createElementBlock("td", { class: normalizeClass(unref(clsx$1)("celeste-table-cell", props.class, { "celeste-table-cell-align-end": props.end })) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
 		};
 	}
 }), [["__scopeId", "data-v-94604bd2"]]);

package/dist/es/chunks/table-footer.js

@@ -1,6 +1,6 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+import clsx$1 from "clsx";
 //#endregion
 //#region src/components/table/table-footer.vue
 var table_footer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -15,7 +15,7 @@ var table_footer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("tfoot", { class: normalizeClass(unref(clsx)("celeste-table-footer", props.class)) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
+			return openBlock(), createElementBlock("tfoot", { class: normalizeClass(unref(clsx$1)("celeste-table-footer", props.class)) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
 		};
 	}
 }), [["__scopeId", "data-v-f89e57ba"]]);

package/dist/es/chunks/table-head.js

@@ -1,6 +1,6 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+import clsx$1 from "clsx";
 //#endregion
 //#region src/components/table/table-head.vue
 var table_head_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -21,7 +21,7 @@ var table_head_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("th", { class: normalizeClass(unref(clsx)("celeste-table-head", props.class, { "celeste-table-head-align-end": props.end })) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
+			return openBlock(), createElementBlock("th", { class: normalizeClass(unref(clsx$1)("celeste-table-head", props.class, { "celeste-table-head-align-end": props.end })) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
 		};
 	}
 }), [["__scopeId", "data-v-bafb18af"]]);

package/dist/es/chunks/table-header.js

@@ -1,5 +1,5 @@
-import { t as clsx } from "./clsx.js";
 import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+import clsx$1 from "clsx";
 //#endregion
 //#region src/components/table/table-header.vue
 var table_header_default = /* @__PURE__ */ defineComponent({
@@ -14,7 +14,7 @@ var table_header_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("thead", { class: normalizeClass(unref(clsx)("celeste-table-header", props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
+			return openBlock(), createElementBlock("thead", { class: normalizeClass(unref(clsx$1)("celeste-table-header", props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
 		};
 	}
 });