@youcan/celeste 0.21.1 → 0.22.0

package/dist/es/chunks/tooltip-trigger.js

@@ -1,109 +1,5 @@
-import { t as Primitive } from "./Primitive.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { t as useForwardProps } from "./useForwardProps.js";
-import { t as useId } from "./useId.js";
-import { t as PopperAnchor_default } from "./PopperAnchor.js";
-import { n as injectTooltipProviderContext } from "./TooltipProvider.js";
-import { n as injectTooltipRootContext } from "./TooltipRoot.js";
-import { computed, createBlock, createVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, toHandlers, unref, watch, 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/Tooltip/TooltipTrigger.js
-var TooltipTrigger_default = /* @__PURE__ */ defineComponent({
-	__name: "TooltipTrigger",
-	props: {
-		reference: {
-			type: null,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "button"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const rootContext = injectTooltipRootContext();
-		const providerContext = injectTooltipProviderContext();
-		rootContext.contentId ||= useId(void 0, "reka-tooltip-content");
-		const { forwardRef, currentElement: triggerElement } = useForwardExpose();
-		const isPointerDown = ref(false);
-		const hasPointerMoveOpened = ref(false);
-		const tooltipListeners = computed(() => {
-			if (rootContext.disabled.value) return {};
-			return {
-				click: handleClick,
-				focus: handleFocus,
-				pointermove: handlePointerMove,
-				pointerleave: handlePointerLeave,
-				pointerdown: handlePointerDown,
-				blur: handleBlur
-			};
-		});
-		watch(triggerElement, (el) => {
-			rootContext.onTriggerChange(el);
-		}, { immediate: true });
-		function handlePointerUp() {
-			setTimeout(() => {
-				isPointerDown.value = false;
-			}, 1);
-		}
-		function handlePointerDown() {
-			if (rootContext.open && !rootContext.disableClosingTrigger.value) rootContext.onClose();
-			isPointerDown.value = true;
-			document.addEventListener("pointerup", handlePointerUp, { once: true });
-		}
-		function handlePointerMove(event) {
-			if (event.pointerType === "touch") return;
-			if (!hasPointerMoveOpened.value && !providerContext.isPointerInTransitRef.value) {
-				rootContext.onTriggerEnter();
-				hasPointerMoveOpened.value = true;
-			}
-		}
-		function handlePointerLeave() {
-			rootContext.onTriggerLeave();
-			hasPointerMoveOpened.value = false;
-		}
-		function handleFocus(event) {
-			if (isPointerDown.value) return;
-			if (rootContext.ignoreNonKeyboardFocus.value && !event.target.matches?.(":focus-visible")) return;
-			rootContext.onOpen();
-		}
-		function handleBlur() {
-			rootContext.onClose();
-		}
-		function handleClick() {
-			if (!rootContext.disableClosingTrigger.value) rootContext.onClose();
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(PopperAnchor_default), {
-				"as-child": "",
-				reference: _ctx.reference ?? unref(triggerElement)
-			}, {
-				default: withCtx(() => [createVNode(unref(Primitive), mergeProps({
-					ref: unref(forwardRef),
-					"aria-describedby": unref(rootContext).open.value ? unref(rootContext).contentId : void 0,
-					"data-state": unref(rootContext).stateAttribute.value,
-					as: _ctx.as,
-					"as-child": props.asChild,
-					"data-grace-area-trigger": ""
-				}, toHandlers(tooltipListeners.value)), {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-					_: 3
-				}, 16, [
-					"aria-describedby",
-					"data-state",
-					"as",
-					"as-child"
-				])]),
-				_: 3
-			}, 8, ["reference"]);
-		};
-	}
-});
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { TooltipTrigger, useForwardProps } from "reka-ui";
 //#endregion
 //#region src/components/tooltip/tooltip-trigger.vue
 var tooltip_trigger_default = /* @__PURE__ */ defineComponent({
@@ -116,7 +12,7 @@ var tooltip_trigger_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const forwardedProps = useForwardProps(__props);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(TooltipTrigger_default), mergeProps(unref(forwardedProps), { "as-child": "" }), {
+			return openBlock(), createBlock(unref(TooltipTrigger), mergeProps(unref(forwardedProps), { "as-child": "" }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16);

package/dist/es/chunks/tooltip.js

@@ -1,10 +1,10 @@
-import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
-import { t as tooltip_content_default } from "./tooltip-content.js";
-import { t as tooltip_trigger_default } from "./tooltip-trigger.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
+import { t as tooltip_content_default } from "./tooltip-content.js";
 import { t as tooltip_provider_default } from "./tooltip-provider.js";
 import { t as tooltip_root_default } from "./tooltip-root.js";
+import { t as tooltip_trigger_default } from "./tooltip-trigger.js";
 import { createBlock, createVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, unref, withCtx } from "vue";
+import { useForwardPropsEmits } from "reka-ui";
 //#endregion
 //#region src/components/tooltip/tooltip.vue
 var tooltip_default = /* @__PURE__ */ defineComponent({

package/dist/es/command-group.js

@@ -1,7 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./chunks/_plugin-vue_export-helper.js";
-import { t as ComboboxGroup_default } from "./chunks/ComboboxGroup.js";
-import { t as ComboboxLabel_default } from "./chunks/ComboboxLabel.js";
 import { computed, createBlock, createCommentVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { ComboboxGroup, ComboboxLabel } from "reka-ui";
 //#endregion
 //#region src/components/command/command-group.vue
 var command_group_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -25,8 +24,8 @@ var command_group_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			return delegated;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ComboboxGroup_default), mergeProps(delegatedProps.value, { class: ["celeste-command-group", props.class] }), {
-				default: withCtx(() => [__props.heading ? (openBlock(), createBlock(unref(ComboboxLabel_default), {
+			return openBlock(), createBlock(unref(ComboboxGroup), mergeProps(delegatedProps.value, { class: ["celeste-command-group", props.class] }), {
+				default: withCtx(() => [__props.heading ? (openBlock(), createBlock(unref(ComboboxLabel), {
 					key: 0,
 					class: "celeste-command-label"
 				}, {

package/dist/es/command-input.js

@@ -1,8 +1,7 @@
-import { t as clsx } from "./chunks/clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./chunks/_plugin-vue_export-helper.js";
-import { t as useForwardProps } from "./chunks/useForwardProps.js";
-import { t as ComboboxInput_default } from "./chunks/ComboboxInput.js";
 import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, unref } from "vue";
+import clsx$1 from "clsx";
+import { ComboboxInput, useForwardProps } from "reka-ui";
 //#region src/components/command/command-input.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	class: "celeste-command-input",
@@ -36,12 +35,12 @@ var command_input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		});
 		const forwardedProps = useForwardProps(delegatedProps);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [_cache[0] || (_cache[0] = createElementVNode("i", { class: "celeste-command-input-icon i-celeste-search-line" }, null, -1)), createVNode(unref(ComboboxInput_default), mergeProps({
+			return openBlock(), createElementBlock("div", _hoisted_1, [_cache[0] || (_cache[0] = createElementVNode("i", { class: "celeste-command-input-icon i-celeste-search-line" }, null, -1)), createVNode(unref(ComboboxInput), mergeProps({
 				...unref(forwardedProps),
 				..._ctx.$attrs
 			}, {
 				"auto-focus": "",
-				class: unref(clsx)("celeste-command-input-primitive", props.class)
+				class: unref(clsx$1)("celeste-command-input-primitive", props.class)
 			}), null, 16, ["class"])]);
 		};
 	}

package/dist/es/command-item.js

@@ -1,6 +1,5 @@
-import { t as useForwardPropsEmits } from "./chunks/useForwardPropsEmits.js";
-import { t as ComboboxItem_default } from "./chunks/ComboboxItem.js";
 import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { ComboboxItem, useForwardPropsEmits } from "reka-ui";
 //#endregion
 //#region src/components/command/command-item.vue
 var command_item_default = /* @__PURE__ */ defineComponent({
@@ -29,7 +28,7 @@ var command_item_default = /* @__PURE__ */ defineComponent({
 		});
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ComboboxItem_default), mergeProps(unref(forwarded), { class: ["celeste-command-item", props.class] }), {
+			return openBlock(), createBlock(unref(ComboboxItem), mergeProps(unref(forwarded), { class: ["celeste-command-item", props.class] }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16, ["class"]);

package/dist/es/command-list.js

@@ -1,6 +1,5 @@
-import { t as useForwardPropsEmits } from "./chunks/useForwardPropsEmits.js";
-import { t as ComboboxContent_default } from "./chunks/ComboboxContent.js";
 import { computed, createBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { ComboboxContent, useForwardPropsEmits } from "reka-ui";
 //#region src/components/command/command-list.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { role: "presentation" };
 //#endregion
@@ -58,7 +57,7 @@ var command_list_default = /* @__PURE__ */ defineComponent({
 		});
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ComboboxContent_default), mergeProps(unref(forwarded), { class: ["celeste-command-list", props.class] }), {
+			return openBlock(), createBlock(unref(ComboboxContent), mergeProps(unref(forwarded), { class: ["celeste-command-list", props.class] }), {
 				default: withCtx(() => [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")])]),
 				_: 3
 			}, 16, ["class"]);

package/dist/es/command-root.js

@@ -1,8 +1,6 @@
-import { t as ComboboxRoot_default } from "./chunks/ComboboxRoot.js";
-import { t as ConfigProvider_default } from "./chunks/ConfigProvider.js";
-import { t as useForwardPropsEmits } from "./chunks/useForwardPropsEmits.js";
 import { useDirection } from "./use-direction.js";
 import { computed, createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { ComboboxRoot, ConfigProvider, useForwardPropsEmits } from "reka-ui";
 //#endregion
 //#region src/components/command/command-root.vue
 var command_root_default = /* @__PURE__ */ defineComponent({
@@ -53,11 +51,11 @@ var command_root_default = /* @__PURE__ */ defineComponent({
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
 		const dir = useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ComboboxRoot_default), mergeProps(unref(forwarded), {
+			return openBlock(), createBlock(unref(ComboboxRoot), mergeProps(unref(forwarded), {
 				class: ["celeste-command-root", props.class],
 				dir: unref(dir)
 			}), {
-				default: withCtx(() => [createVNode(unref(ConfigProvider_default), { dir: unref(dir) }, {
+				default: withCtx(() => [createVNode(unref(ConfigProvider), { dir: unref(dir) }, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 					_: 3
 				}, 8, ["dir"])]),

package/dist/es/command-separator.js

@@ -1,7 +1,7 @@
-import { t as clsx } from "./chunks/clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./chunks/_plugin-vue_export-helper.js";
-import { t as ComboboxSeparator_default } from "./chunks/ComboboxSeparator.js";
 import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { ComboboxSeparator } from "reka-ui";
 //#endregion
 //#region src/components/command/command-separator.vue
 var command_separator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -24,7 +24,7 @@ var command_separator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			return delegated;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ComboboxSeparator_default), mergeProps(delegatedProps.value, { class: unref(clsx)("celeste-command-separator", props.class) }), {
+			return openBlock(), createBlock(unref(ComboboxSeparator), mergeProps(delegatedProps.value, { class: unref(clsx$1)("celeste-command-separator", props.class) }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);

package/dist/es/context.js

@@ -1,4 +1,4 @@
-import { t as createContext } from "./chunks/createContext.js";
+import { createContext } from "reka-ui";
 //#region src/components/dialog/context.ts
 var [injectDialogContext, provideDialogContext] = createContext("Dialog");
 //#endregion

package/dist/es/index.js

@@ -1,60 +1,9 @@
+import { n as sidebar_separator_default, t as components_exports } from "./chunks/components.js";
 import { uid } from "./crypto.js";
 import { t as alert_default } from "./chunks/alert.js";
 import { t as sonner_alert_default } from "./chunks/sonner-alert.js";
 import { t as badge_default } from "./chunks/badge.js";
 import { t as status_badge_default } from "./chunks/status-badge.js";
-import { n as sidebar_separator_default, t as components_exports } from "./chunks/components.js";
-import { t as tooltip_content_default } from "./chunks/tooltip-content.js";
-import { t as collapsible_content_default } from "./chunks/collapsible-content.js";
-import { t as collapsible_trigger_default } from "./chunks/collapsible-trigger.js";
-import { t as combobox_item_default } from "./chunks/combobox-item.js";
-import { t as combobox_anchor_default } from "./chunks/combobox-anchor.js";
-import { t as combobox_empty_default } from "./chunks/combobox-empty.js";
-import { t as combobox_list_default } from "./chunks/combobox-list.js";
-import { t as combobox_trigger_default } from "./chunks/combobox-trigger.js";
-import { t as calendar_default } from "./chunks/calendar.js";
-import { t as checkbox_default } from "./chunks/checkbox.js";
-import { t as slider_default } from "./chunks/slider.js";
-import { t as dropdown_menu_item_default } from "./chunks/dropdown-menu-item.js";
-import { t as dropdown_menu_content_default } from "./chunks/dropdown-menu-content.js";
-import { t as dropdown_menu_label_default } from "./chunks/dropdown-menu-label.js";
-import { t as dropdown_menu_separator_default } from "./chunks/dropdown-menu-separator.js";
-import { t as dropdown_menu_sub_content_default } from "./chunks/dropdown-menu-sub-content.js";
-import { t as dropdown_menu_sub_trigger_default } from "./chunks/dropdown-menu-sub-trigger.js";
-import { t as popover_content_default } from "./chunks/popover-content.js";
-import { t as popover_trigger_default } from "./chunks/popover-trigger.js";
-import { t as range_calendar_default } from "./chunks/range-calendar.js";
-import { t as drawer_content_default } from "./chunks/drawer-content.js";
-import { t as drawer_trigger_default } from "./chunks/drawer-trigger.js";
-import { t as drawer_body_default } from "./chunks/drawer-body.js";
-import { t as dropdown_menu_group_default } from "./chunks/dropdown-menu-group.js";
-import { t as dropdown_menu_sub_default } from "./chunks/dropdown-menu-sub.js";
-import { t as dropdown_menu_trigger_default } from "./chunks/dropdown-menu-trigger.js";
-import { t as counter_input_default } from "./chunks/counter-input.js";
-import { t as pagination_ellipsis_default } from "./chunks/pagination-ellipsis.js";
-import { t as pagination_first_default } from "./chunks/pagination-first.js";
-import { t as pagination_last_default } from "./chunks/pagination-last.js";
-import { t as pagination_content_default } from "./chunks/pagination-content.js";
-import { t as pagination_item_default } from "./chunks/pagination-item.js";
-import { t as pagination_next_default } from "./chunks/pagination-next.js";
-import { t as pagination_previous_default } from "./chunks/pagination-previous.js";
-import { t as digit_input_slot_default } from "./chunks/digit-input-slot.js";
-import { t as radio_group_item_default } from "./chunks/radio-group-item.js";
-import "./chunks/scroll-bar.js";
-import { t as scroll_area_default } from "./chunks/scroll-area.js";
-import { t as select_content_default } from "./chunks/select-content.js";
-import { t as select_trigger_default } from "./chunks/select-trigger.js";
-import { t as select_item_default } from "./chunks/select-item.js";
-import { t as select_label_default } from "./chunks/select-label.js";
-import { t as select_separator_default } from "./chunks/select-separator.js";
-import { t as select_value_default } from "./chunks/select-value.js";
-import { t as content_divider_default } from "./chunks/content-divider.js";
-import { t as switch_default } from "./chunks/switch.js";
-import { t as tab_menu_content_default } from "./chunks/tab-menu-content.js";
-import { t as tab_menu_list_default } from "./chunks/tab-menu-list.js";
-import { t as tab_menu_item_default } from "./chunks/tab-menu-item.js";
-import { t as segmented_control_item_default } from "./chunks/segmented-control-item.js";
-import { t as tooltip_trigger_default } from "./chunks/tooltip-trigger.js";
 import { t as button_default } from "./chunks/button.js";
 import { t as compact_button_default } from "./chunks/compact-button.js";
 import { t as fancy_button_default } from "./chunks/fancy-button.js";
@@ -63,23 +12,35 @@ import { t as social_button_default } from "./chunks/social-button.js";
 import { t as gradient_picker_default } from "./chunks/gradient-picker.js";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { useDirection } from "./use-direction.js";
-import { t as bar_chart_default } from "./chunks/bar-chart.js";
+import { t as calendar_default } from "./chunks/calendar.js";
 import { CHART_DURATION, useChartMotion } from "./use-chart-motion.js";
 import { useLocale } from "./use-locale.js";
 import { CHART_SERIES_COLORS, chartColor, formatCompact, formatNumber, niceTicks } from "./chart.js";
 import { t as chart_legend_default } from "./chunks/chart-legend.js";
 import { t as chart_plot_default } from "./chunks/chart-plot.js";
 import { chartTooltip } from "./chart-tooltip.js";
+import { t as bar_chart_default } from "./chunks/bar-chart.js";
 import { t as chart_card_default } from "./chunks/chart-card.js";
 import { t as checkbox_card_default } from "./chunks/checkbox-card.js";
 import { t as checkbox_label_default } from "./chunks/checkbox-label.js";
+import { t as checkbox_default } from "./chunks/checkbox.js";
+import { t as collapsible_content_default } from "./chunks/collapsible-content.js";
+import { t as collapsible_trigger_default } from "./chunks/collapsible-trigger.js";
 import { t as collapsible_default } from "./chunks/collapsible.js";
 import { COLOR_NUMBER_VALIDATION_PATTERN, DEFAULT_SWATCH, HEX_VALIDATION_PATTERN, bumpColorValue, clamp, getAbsolutePosition, getColorConstraints, getFractionDigit, getPageXYFromEvent, getScrollXY, resolveArrowDirection, truncColorValue } from "./color.js";
 import { t as alpha_slider_default } from "./chunks/alpha-slider.js";
 import { t as color_area_default } from "./chunks/color-area.js";
+import { t as popover_content_default } from "./chunks/popover-content.js";
+import { t as popover_trigger_default } from "./chunks/popover-trigger.js";
 import { t as popover_default } from "./chunks/popover.js";
+import { t as select_content_default } from "./chunks/select-content.js";
 import { t as select_group_default } from "./chunks/select-group.js";
 import { t as select_icon_default } from "./chunks/select-icon.js";
+import { t as select_item_default } from "./chunks/select-item.js";
+import { t as select_label_default } from "./chunks/select-label.js";
+import { t as select_separator_default } from "./chunks/select-separator.js";
+import { t as select_trigger_default } from "./chunks/select-trigger.js";
+import { t as select_value_default } from "./chunks/select-value.js";
 import { t as select_default } from "./chunks/select.js";
 import { t as color_picker_default } from "./chunks/color-picker.js";
 import { t as text_input_affix_default } from "./chunks/text-input-affix.js";
@@ -87,21 +48,32 @@ import { t as text_input_button_default } from "./chunks/text-input-button.js";
 import { t as text_input_default } from "./chunks/text-input.js";
 import { t as color_swatch_default } from "./chunks/color-swatch.js";
 import { parseGradient, stringifyGradient } from "./gradient.js";
+import { t as tooltip_content_default } from "./chunks/tooltip-content.js";
 import { t as tooltip_provider_default } from "./chunks/tooltip-provider.js";
 import { t as tooltip_root_default } from "./chunks/tooltip-root.js";
+import { t as tooltip_trigger_default } from "./chunks/tooltip-trigger.js";
 import { t as tooltip_default } from "./chunks/tooltip.js";
 import { t as hue_slider_default } from "./chunks/hue-slider.js";
+import { t as combobox_anchor_default } from "./chunks/combobox-anchor.js";
+import { t as combobox_empty_default } from "./chunks/combobox-empty.js";
 import { t as combobox_group_default } from "./chunks/combobox-group.js";
 import { t as combobox_input_default } from "./chunks/combobox-input.js";
+import { t as combobox_item_default } from "./chunks/combobox-item.js";
+import { t as combobox_list_default } from "./chunks/combobox-list.js";
 import { t as combobox_root_default } from "./chunks/combobox-root.js";
 import { t as combobox_separator_default } from "./chunks/combobox-separator.js";
+import { t as combobox_trigger_default } from "./chunks/combobox-trigger.js";
 import { t as combobox_default } from "./chunks/combobox.js";
+import { t as content_divider_default } from "./chunks/content-divider.js";
+import { t as counter_input_default } from "./chunks/counter-input.js";
 import { t as date_picker_default } from "./chunks/date-picker.js";
+import { t as drawer_body_default } from "./chunks/drawer-body.js";
 import { t as modal_body_default } from "./chunks/modal-body.js";
 import { t as dialog_body_default } from "./chunks/dialog-body.js";
 import { t as drawer_close_default } from "./chunks/drawer-close.js";
 import { t as modal_close_default } from "./chunks/modal-close.js";
 import { t as dialog_close_default } from "./chunks/dialog-close.js";
+import { t as drawer_content_default } from "./chunks/drawer-content.js";
 import { t as modal_content_default } from "./chunks/modal-content.js";
 import { t as dialog_content_default } from "./chunks/dialog-content.js";
 import { t as dialog_description_default } from "./chunks/dialog-description.js";
@@ -114,28 +86,52 @@ import { t as drawer_header_default } from "./chunks/drawer-header.js";
 import { t as modal_header_default } from "./chunks/modal-header.js";
 import { t as dialog_header_default } from "./chunks/dialog-header.js";
 import { t as dialog_title_default } from "./chunks/dialog-title.js";
+import { t as drawer_trigger_default } from "./chunks/drawer-trigger.js";
 import { t as modal_trigger_default } from "./chunks/modal-trigger.js";
 import { t as dialog_trigger_default } from "./chunks/dialog-trigger.js";
 import { t as dialog_default } from "./chunks/dialog.js";
 import { t as drawer_default } from "./chunks/drawer.js";
 import { t as modal_default } from "./chunks/modal.js";
 import { t as digit_input_group_default } from "./chunks/digit-input-group.js";
+import { t as digit_input_slot_default } from "./chunks/digit-input-slot.js";
 import { t as digit_input_default } from "./chunks/digit-input.js";
+import { t as dropdown_menu_content_default } from "./chunks/dropdown-menu-content.js";
+import { t as dropdown_menu_group_default } from "./chunks/dropdown-menu-group.js";
+import { t as dropdown_menu_item_default } from "./chunks/dropdown-menu-item.js";
+import { t as dropdown_menu_label_default } from "./chunks/dropdown-menu-label.js";
+import { t as dropdown_menu_separator_default } from "./chunks/dropdown-menu-separator.js";
+import { t as dropdown_menu_sub_content_default } from "./chunks/dropdown-menu-sub-content.js";
+import { t as dropdown_menu_sub_trigger_default } from "./chunks/dropdown-menu-sub-trigger.js";
+import { t as dropdown_menu_sub_default } from "./chunks/dropdown-menu-sub.js";
+import { t as dropdown_menu_trigger_default } from "./chunks/dropdown-menu-trigger.js";
 import { t as dropdown_menu_default } from "./chunks/dropdown-menu.js";
 import { t as file_upload_area_default } from "./chunks/file-upload-area.js";
 import { t as hint_text_default } from "./chunks/hint-text.js";
-import { t as label_default } from "./chunks/label2.js";
+import { t as label_default } from "./chunks/label.js";
 import { t as mochi_default } from "./chunks/mochi.js";
+import { t as pagination_content_default } from "./chunks/pagination-content.js";
+import { t as pagination_ellipsis_default } from "./chunks/pagination-ellipsis.js";
+import { t as pagination_first_default } from "./chunks/pagination-first.js";
+import { t as pagination_item_default } from "./chunks/pagination-item.js";
+import { t as pagination_last_default } from "./chunks/pagination-last.js";
+import { t as pagination_next_default } from "./chunks/pagination-next.js";
+import { t as pagination_previous_default } from "./chunks/pagination-previous.js";
 import { t as pagination_default } from "./chunks/pagination.js";
 import { t as progress_bar_default } from "./chunks/progress-bar.js";
 import { t as progress_circle_default } from "./chunks/progress-circle.js";
 import { t as radio_group_card_default } from "./chunks/radio-group-card.js";
+import { t as radio_group_item_default } from "./chunks/radio-group-item.js";
 import { t as radio_group_label_default } from "./chunks/radio-group-label.js";
 import { t as radio_group_default } from "./chunks/radio-group.js";
+import { t as range_calendar_default } from "./chunks/range-calendar.js";
 import { t as range_picker_default } from "./chunks/range-picker.js";
+import { t as switch_default } from "./chunks/switch.js";
 import { t as rich_editor_default } from "./chunks/rich-editor.js";
 import { SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, provideSidebarContext, useSidebar } from "./use-sidebar.js";
 import { useTabObserver } from "./use-tab-observer.js";
+import "./chunks/scroll-bar.js";
+import { t as scroll_area_default } from "./chunks/scroll-area.js";
+import { t as segmented_control_item_default } from "./chunks/segmented-control-item.js";
 import { t as segmented_control_default } from "./chunks/segmented-control.js";
 import { t as sheet_close_default } from "./chunks/sheet-close.js";
 import { t as sheet_content_default } from "./chunks/sheet-content.js";
@@ -163,7 +159,11 @@ import { t as sidebar_menu_sub_default } from "./chunks/sidebar-menu-sub.js";
 import { t as sidebar_menu_default } from "./chunks/sidebar-menu.js";
 import { t as sidebar_provider_default } from "./chunks/sidebar-provider.js";
 import { t as sidebar_trigger_default } from "./chunks/sidebar-trigger.js";
+import { t as slider_default } from "./chunks/slider.js";
 import { n as toast$2, t as sonner_default } from "./chunks/sonner.js";
+import { t as tab_menu_content_default } from "./chunks/tab-menu-content.js";
+import { t as tab_menu_item_default } from "./chunks/tab-menu-item.js";
+import { t as tab_menu_list_default } from "./chunks/tab-menu-list.js";
 import { t as tab_menu_default } from "./chunks/tab-menu.js";
 import { t as table_body_default } from "./chunks/table-body.js";
 import { t as table_caption_default } from "./chunks/table-caption.js";

package/dist/es/label.js

@@ -1,2 +1,2 @@
-import { t as label_default } from "./chunks/label2.js";
+import { t as label_default } from "./chunks/label.js";
 export { label_default as default };

package/dist/es/use-chart-motion.js

@@ -1,5 +1,5 @@
-import { c as useMediaQuery } from "./chunks/dist2.js";
 import { computed } from "vue";
+import { useMediaQuery } from "@vueuse/core";
 //#region src/composables/use-chart-motion.ts
 var CHART_DURATION = {
 	bar: 400,

package/dist/es/use-color-model.js

@@ -1,5 +1,5 @@
-import { t as tinycolor } from "./chunks/tinycolor.js";
 import { computed } from "vue";
+import tinycolor from "tinycolor2";
 //#region src/components/color-picker/composable/use-color-model.ts
 var ColorPickerEmits = ["update:modelValue"];
 function defineColorModel(props, emit) {

package/dist/es/use-sidebar.js

@@ -1,4 +1,4 @@
-import { t as createContext } from "./chunks/createContext.js";
+import { createContext } from "reka-ui";
 //#region src/composables/use-sidebar.ts
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 604800;

package/dist/es/use-tab-observer.js

@@ -1,5 +1,5 @@
-import { d as useResizeObserver, i as unrefElement, u as useMutationObserver } from "./chunks/dist2.js";
 import { ref, shallowRef } from "vue";
+import { unrefElement, useMutationObserver, useResizeObserver } from "@vueuse/core";
 //#region src/composables/use-tab-observer.ts
 function useTabObserver(activeSelector) {
 	const listRef = shallowRef(null);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@youcan/celeste",
   "type": "module",
-  "version": "0.21.1",
+  "version": "0.22.0",
   "author": "YouCan <tech@youcan.shop>",
   "repository": {
     "type": "git",
@@ -52,8 +52,8 @@
     "reka-ui": "~2.10.5",
     "tinycolor2": "^1.6.0",
     "vue-sonner": "^2.0.9",
-    "@youcan/celeste-icons": "0.21.1",
-    "@youcan/celeste-tokens": "0.21.1"
+    "@youcan/celeste-icons": "0.22.0",
+    "@youcan/celeste-tokens": "0.22.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^5.3.0",

package/src/components/text-input/text-input.vue

@@ -109,6 +109,7 @@ function clearInput() {
   align-items: center;
   height: var(--input-height);
   padding-inline: var(--input-padding);
+  overflow: hidden;
   transition: all var(--animation-fast) ease-out;
   border: 1px solid var(--celeste-text-input-border-color);
   border-radius: var(--input-radius);
@@ -278,27 +279,33 @@ function clearInput() {
     color: var(--celeste-text-input-icon-color);
   }
 
-  :deep(.celeste-text-input-node.celeste-text-input-leading-node),
-  :deep(.celeste-text-input-node.celeste-text-input-trailing-node) {
+  :deep(.celeste-text-input-node) {
+    position: relative;
     height: calc(var(--input-height) - var(--spacing-2));
   }
 
-  :deep(.celeste-text-input-node.celeste-text-input-leading-node) {
+  :deep(.celeste-text-input-node)::after {
+    content: '';
+    position: absolute;
+    width: 1px;
+    background-color: var(--color-stroke-soft-200);
+    inset-block: 0;
+  }
+
+  :deep(.celeste-text-input-leading-node) {
     margin-inline-end: calc(var(--input-padding) - var(--input-gap));
-    border-inline-end: 1px solid var(--color-stroke-soft-200);
-    border-start-start-radius: var(--input-radius);
-    border-start-end-radius: 0;
-    border-end-end-radius: 0;
-    border-end-start-radius: var(--input-radius);
   }
 
-  :deep(.celeste-text-input-node.celeste-text-input-trailing-node) {
+  :deep(.celeste-text-input-leading-node)::after {
+    inset-inline-end: 0;
+  }
+
+  :deep(.celeste-text-input-trailing-node) {
     margin-inline-start: calc(var(--input-padding) - var(--input-gap));
-    border-inline-start: 1px solid var(--color-stroke-soft-200);
-    border-start-start-radius: 0;
-    border-start-end-radius: var(--input-radius);
-    border-end-end-radius: var(--input-radius);
-    border-end-start-radius: 0;
+  }
+
+  :deep(.celeste-text-input-trailing-node)::after {
+    inset-inline-start: 0;
   }
 }
 </style>