@youcan/celeste 0.6.98 → 0.6.99

package/dist/cjs/sidebar-content.cjs

@@ -0,0 +1,2 @@
+const require_sidebar_content = require("./chunks/sidebar-content.cjs");
+module.exports = require_sidebar_content.sidebar_content_default;

package/dist/cjs/sidebar-element.cjs

@@ -0,0 +1,2 @@
+const require_sidebar_element = require("./chunks/sidebar-element.cjs");
+module.exports = require_sidebar_element.sidebar_element_default;

package/dist/cjs/sidebar-footer.cjs

@@ -0,0 +1,2 @@
+const require_sidebar_footer = require("./chunks/sidebar-footer.cjs");
+module.exports = require_sidebar_footer.sidebar_footer_default;

package/dist/cjs/sidebar-group-content.cjs

@@ -0,0 +1,2 @@
+const require_sidebar_group_content = require("./chunks/sidebar-group-content.cjs");
+module.exports = require_sidebar_group_content.sidebar_group_content_default;

package/dist/cjs/sidebar-group-label.cjs

@@ -0,0 +1,2 @@
+const require_sidebar_group_label = require("./chunks/sidebar-group-label.cjs");
+module.exports = require_sidebar_group_label.sidebar_group_label_default;

package/dist/cjs/sidebar-group.cjs

@@ -0,0 +1,2 @@
+const require_sidebar_group = require("./chunks/sidebar-group.cjs");
+module.exports = require_sidebar_group.sidebar_group_default;

package/dist/cjs/sidebar-header.cjs

@@ -0,0 +1,2 @@
+const require_sidebar_header = require("./chunks/sidebar-header.cjs");
+module.exports = require_sidebar_header.sidebar_header_default;

package/dist/cjs/sidebar-menu-action.cjs

@@ -0,0 +1,2 @@
+const require_sidebar_menu_action = require("./chunks/sidebar-menu-action.cjs");
+module.exports = require_sidebar_menu_action.sidebar_menu_action_default;

package/dist/cjs/sidebar-menu-badge.cjs

@@ -0,0 +1,2 @@
+const require_sidebar_menu_badge = require("./chunks/sidebar-menu-badge.cjs");
+module.exports = require_sidebar_menu_badge.sidebar_menu_badge_default;

package/dist/cjs/sidebar-menu-button.cjs

@@ -0,0 +1,2 @@
+const require_sidebar_menu_button = require("./chunks/sidebar-menu-button.cjs");
+module.exports = require_sidebar_menu_button.sidebar_menu_button_default;

package/dist/cjs/sidebar-menu-item.cjs

@@ -0,0 +1,2 @@
+const require_sidebar_menu_item = require("./chunks/sidebar-menu-item.cjs");
+module.exports = require_sidebar_menu_item.sidebar_menu_item_default;

package/dist/cjs/sidebar-menu-sub-button.cjs

@@ -0,0 +1,2 @@
+const require_sidebar_menu_sub_button = require("./chunks/sidebar-menu-sub-button.cjs");
+module.exports = require_sidebar_menu_sub_button.sidebar_menu_sub_button_default;

package/dist/cjs/sidebar-menu-sub-item.cjs

@@ -0,0 +1,2 @@
+const require_sidebar_menu_sub_item = require("./chunks/sidebar-menu-sub-item.cjs");
+module.exports = require_sidebar_menu_sub_item.sidebar_menu_sub_item_default;

package/dist/cjs/sidebar-menu-sub.cjs

@@ -0,0 +1,2 @@
+const require_sidebar_menu_sub = require("./chunks/sidebar-menu-sub.cjs");
+module.exports = require_sidebar_menu_sub.sidebar_menu_sub_default;

package/dist/cjs/sidebar-menu.cjs

@@ -0,0 +1,2 @@
+const require_sidebar_menu = require("./chunks/sidebar-menu.cjs");
+module.exports = require_sidebar_menu.sidebar_menu_default;

package/dist/cjs/sidebar-provider.cjs

@@ -0,0 +1,2 @@
+const require_sidebar_provider = require("./chunks/sidebar-provider.cjs");
+module.exports = require_sidebar_provider.sidebar_provider_default;

package/dist/cjs/sidebar-separator.cjs

@@ -0,0 +1,2 @@
+const require_components = require("./chunks/components.cjs");
+module.exports = require_components.sidebar_separator_default;

package/dist/cjs/sidebar-trigger.cjs

@@ -0,0 +1,2 @@
+const require_sidebar_trigger = require("./chunks/sidebar-trigger.cjs");
+module.exports = require_sidebar_trigger.sidebar_trigger_default;

package/dist/cjs/sidebar.cjs

@@ -0,0 +1,2 @@
+const require_sidebar = require("./chunks/sidebar.cjs");
+module.exports = require_sidebar.sidebar_default;

package/dist/cjs/slider.cjs

@@ -0,0 +1,2 @@
+const require_slider = require("./chunks/slider.cjs");
+module.exports = require_slider.slider_default;

package/dist/cjs/social-button.cjs

@@ -0,0 +1,2 @@
+const require_social_button = require("./chunks/social-button.cjs");
+module.exports = require_social_button.social_button_default;

package/dist/cjs/sonner-alert.cjs

@@ -0,0 +1,2 @@
+const require_sonner_alert = require("./chunks/sonner-alert.cjs");
+module.exports = require_sonner_alert.sonner_alert_default;

package/dist/cjs/sonner.cjs

@@ -0,0 +1,2 @@
+const require_sonner = require("./chunks/sonner.cjs");
+module.exports = require_sonner.sonner_default;

package/dist/cjs/status-badge.cjs

@@ -0,0 +1,2 @@
+const require_status_badge = require("./chunks/status-badge.cjs");
+module.exports = require_status_badge.status_badge_default;

package/dist/cjs/switch.cjs

@@ -0,0 +1,2 @@
+const require_switch = require("./chunks/switch.cjs");
+module.exports = require_switch.switch_default;

package/dist/cjs/tab-menu-content.cjs

@@ -0,0 +1,2 @@
+const require_tab_menu_content = require("./chunks/tab-menu-content.cjs");
+module.exports = require_tab_menu_content.tab_menu_content_default;

package/dist/cjs/tab-menu-item.cjs

@@ -0,0 +1,2 @@
+const require_tab_menu_item = require("./chunks/tab-menu-item.cjs");
+module.exports = require_tab_menu_item.tab_menu_item_default;

package/dist/cjs/tab-menu-list.cjs

@@ -0,0 +1,2 @@
+const require_tab_menu_list = require("./chunks/tab-menu-list.cjs");
+module.exports = require_tab_menu_list.tab_menu_list_default;

package/dist/cjs/tab-menu.cjs

@@ -0,0 +1,2 @@
+const require_tab_menu = require("./chunks/tab-menu.cjs");
+module.exports = require_tab_menu.tab_menu_default;

package/dist/cjs/table-body.cjs

@@ -0,0 +1,2 @@
+const require_table_body = require("./chunks/table-body.cjs");
+module.exports = require_table_body.table_body_default;

package/dist/cjs/table-caption.cjs

@@ -0,0 +1,2 @@
+const require_table_caption = require("./chunks/table-caption.cjs");
+module.exports = require_table_caption.table_caption_default;

package/dist/cjs/table-cell.cjs

@@ -0,0 +1,2 @@
+const require_table_cell = require("./chunks/table-cell.cjs");
+module.exports = require_table_cell.table_cell_default;

package/dist/cjs/table-empty.cjs

@@ -0,0 +1,2 @@
+const require_table = require("./chunks/table.cjs");
+module.exports = require_table.table_empty_default;

package/dist/cjs/table-footer.cjs

@@ -0,0 +1,2 @@
+const require_table_footer = require("./chunks/table-footer.cjs");
+module.exports = require_table_footer.table_footer_default;

package/dist/cjs/table-head.cjs

@@ -0,0 +1,2 @@
+const require_table_head = require("./chunks/table-head.cjs");
+module.exports = require_table_head.table_head_default;

package/dist/cjs/table-header.cjs

@@ -0,0 +1,2 @@
+const require_table_header = require("./chunks/table-header.cjs");
+module.exports = require_table_header.table_header_default;

package/dist/cjs/table-row.cjs

@@ -0,0 +1,2 @@
+const require_table_row = require("./chunks/table-row.cjs");
+module.exports = require_table_row.table_row_default;

package/dist/cjs/table.cjs

@@ -0,0 +1,2 @@
+const require_table = require("./chunks/table2.cjs");
+module.exports = require_table.table_default;

package/dist/cjs/tag.cjs

@@ -0,0 +1,2 @@
+const require_tag = require("./chunks/tag.cjs");
+module.exports = require_tag.tag_default;

package/dist/cjs/text-input-affix.cjs

@@ -0,0 +1,2 @@
+const require_text_input_affix = require("./chunks/text-input-affix.cjs");
+module.exports = require_text_input_affix.text_input_affix_default;

package/dist/cjs/text-input-button.cjs

@@ -0,0 +1,2 @@
+const require_text_input_button = require("./chunks/text-input-button.cjs");
+module.exports = require_text_input_button.text_input_button_default;

package/dist/cjs/text-input.cjs

@@ -0,0 +1,2 @@
+const require_text_input = require("./chunks/text-input.cjs");
+module.exports = require_text_input.text_input_default;

package/dist/cjs/textarea.cjs

@@ -0,0 +1,2 @@
+const require_textarea = require("./chunks/textarea.cjs");
+module.exports = require_textarea.textarea_default;

package/dist/cjs/tooltip-content.cjs

@@ -0,0 +1,2 @@
+const require_tooltip_content = require("./chunks/tooltip-content.cjs");
+module.exports = require_tooltip_content.tooltip_content_default;

package/dist/cjs/tooltip-provider.cjs

@@ -0,0 +1,2 @@
+const require_tooltip_provider = require("./chunks/tooltip-provider.cjs");
+module.exports = require_tooltip_provider.tooltip_provider_default;

package/dist/cjs/tooltip-root.cjs

@@ -0,0 +1,2 @@
+const require_tooltip_root = require("./chunks/tooltip-root.cjs");
+module.exports = require_tooltip_root.tooltip_root_default;

package/dist/cjs/tooltip-trigger.cjs

@@ -0,0 +1,2 @@
+const require_tooltip_trigger = require("./chunks/tooltip-trigger.cjs");
+module.exports = require_tooltip_trigger.tooltip_trigger_default;

package/dist/cjs/tooltip.cjs

@@ -0,0 +1,2 @@
+const require_tooltip = require("./chunks/tooltip.cjs");
+module.exports = require_tooltip.tooltip_default;

package/dist/cjs/use-color-model.cjs

@@ -0,0 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_use_color_model = require("./chunks/use-color-model.cjs");
+exports.ColorPickerEmits = require_use_color_model.ColorPickerEmits;
+exports.defineColorModel = require_use_color_model.defineColorModel;

package/dist/cjs/use-delegated-props.cjs

@@ -0,0 +1,16 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("./chunks/dist.cjs");
+let vue = require("vue");
+//#region src/composables/use-delegated-props.ts
+function useDelegatedProps(props, excludeKeys = ["class"]) {
+	return (0, vue.computed)(() => {
+		const keysToExclude = Array.isArray(excludeKeys) ? excludeKeys : [excludeKeys];
+		const delegated = { ...props };
+		keysToExclude.forEach((key) => {
+			delete delegated[key];
+		});
+		return delegated;
+	});
+}
+//#endregion
+exports.useDelegatedProps = useDelegatedProps;

package/dist/cjs/use-sidebar.cjs

@@ -0,0 +1,19 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_dist = require("./chunks/dist.cjs");
+//#region src/composables/use-sidebar.ts
+var SIDEBAR_COOKIE_NAME = "sidebar_state";
+var SIDEBAR_COOKIE_MAX_AGE = 3600 * 24 * 7;
+var SIDEBAR_WIDTH = "17rem";
+var SIDEBAR_WIDTH_MOBILE = "18rem";
+var SIDEBAR_WIDTH_ICON = "52px";
+var SIDEBAR_KEYBOARD_SHORTCUT = "b";
+var [useSidebar, provideSidebarContext] = require_dist.te("Sidebar");
+//#endregion
+exports.SIDEBAR_COOKIE_MAX_AGE = SIDEBAR_COOKIE_MAX_AGE;
+exports.SIDEBAR_COOKIE_NAME = SIDEBAR_COOKIE_NAME;
+exports.SIDEBAR_KEYBOARD_SHORTCUT = SIDEBAR_KEYBOARD_SHORTCUT;
+exports.SIDEBAR_WIDTH = SIDEBAR_WIDTH;
+exports.SIDEBAR_WIDTH_ICON = SIDEBAR_WIDTH_ICON;
+exports.SIDEBAR_WIDTH_MOBILE = SIDEBAR_WIDTH_MOBILE;
+exports.provideSidebarContext = provideSidebarContext;
+exports.useSidebar = useSidebar;

package/dist/cjs/use-user-select.cjs

@@ -0,0 +1,41 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("./chunks/dist.cjs");
+let vue = require("vue");
+//#region src/components/color-picker/composable/use-user-select.ts
+function useUserPageSelection() {
+	const isDisabled = (0, vue.ref)(false);
+	let styleElement = null;
+	const preventPageUserSelect = () => {
+		if (!styleElement) {
+			styleElement = document.createElement("style");
+			styleElement.textContent = "body > * { user-select: none; }";
+			document.head.appendChild(styleElement);
+			isDisabled.value = true;
+		}
+	};
+	const allowPageUserSelect = () => {
+		if (styleElement) {
+			styleElement.remove();
+			styleElement = null;
+			isDisabled.value = false;
+		}
+	};
+	const togglePageUserSelect = () => {
+		if (styleElement) {
+			allowPageUserSelect();
+			return;
+		}
+		preventPageUserSelect();
+	};
+	(0, vue.onUnmounted)(() => {
+		allowPageUserSelect();
+	});
+	return {
+		isDisabled: (0, vue.readonly)(isDisabled),
+		togglePageUserSelect,
+		preventPageUserSelect,
+		allowPageUserSelect
+	};
+}
+//#endregion
+exports.useUserPageSelection = useUserPageSelection;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@youcan/celeste",
   "type": "module",
-  "version": "0.6.98",
+  "version": "0.6.99",
   "author": "YouCan <tech@youcan.shop>",
   "repository": {
     "type": "git",
@@ -48,8 +48,8 @@
     "radix-vue": "^1.9.17",
     "tinycolor2": "^1.6.0",
     "vue-sonner": "^2.0.9",
-    "@youcan/celeste-icons": "0.6.98",
-    "@youcan/celeste-tokens": "0.6.98"
+    "@youcan/celeste-icons": "0.6.99",
+    "@youcan/celeste-tokens": "0.6.99"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.3",

package/dist/cjs/alert.js

@@ -1,2 +0,0 @@
-const require_alert = require("./chunks/alert.js");
-module.exports = require_alert.alert_default;

package/dist/cjs/alpha-slider.js

@@ -1,2 +0,0 @@
-const require_alpha_slider = require("./chunks/alpha-slider.js");
-module.exports = require_alpha_slider.alpha_slider_default;

package/dist/cjs/badge.js

@@ -1,2 +0,0 @@
-const require_badge = require("./chunks/badge.js");
-module.exports = require_badge.badge_default;

package/dist/cjs/button.js

@@ -1,2 +0,0 @@
-const require_button = require("./chunks/button.js");
-module.exports = require_button.button_default;

package/dist/cjs/checkbox-card.js

@@ -1,2 +0,0 @@
-const require_checkbox_card = require("./chunks/checkbox-card.js");
-module.exports = require_checkbox_card.checkbox_card_default;

package/dist/cjs/checkbox-label.js

@@ -1,2 +0,0 @@
-const require_checkbox_label = require("./chunks/checkbox-label.js");
-module.exports = require_checkbox_label.checkbox_label_default;

package/dist/cjs/checkbox.js

@@ -1,2 +0,0 @@
-const require_checkbox = require("./chunks/checkbox.js");
-module.exports = require_checkbox.checkbox_default;

package/dist/cjs/chunks/alert.js

@@ -1,103 +0,0 @@
-require("./dist.js");
-const require_clsx = require("./clsx.js");
-const require_crypto = require("../crypto.js");
-const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.js");
-let vue = require("vue");
-//#region src/components/alert/alert.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = [
-	"aria-labelledby",
-	"aria-describedby",
-	"role"
-];
-var _hoisted_2 = {
-	class: "celeste-alert-inner",
-	role: "presentation"
-};
-var _hoisted_3 = {
-	role: "presentation",
-	class: "celeste-alert-content"
-};
-var _hoisted_4 = ["id"];
-var _hoisted_5 = ["id"];
-var _hoisted_6 = {
-	key: 0,
-	class: "celeste-alert-actions",
-	role: "presentation"
-};
-var _hoisted_7 = {
-	key: 0,
-	class: "celeste-alert-action-primary"
-};
-var _hoisted_8 = {
-	key: 1,
-	class: "celeste-alert-action-divider"
-};
-var _hoisted_9 = {
-	key: 2,
-	class: "celeste-alert-action-secondary"
-};
-var alert_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "alert",
-	props: {
-		class: {},
-		size: { default: "xs" },
-		variant: { default: "fill" },
-		state: { default: "information" },
-		dismissable: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: ["dismiss"],
-	setup(__props) {
-		const props = __props;
-		const labelledby = require_crypto.uid();
-		const describedby = require_crypto.uid();
-		const ICON_MAP = {
-			warning: "i-celeste-alert-fill",
-			feature: "i-celeste-magic-fill",
-			error: "i-celeste-error-warning-fill",
-			success: "i-celeste-checkbox-circle-fill",
-			information: "i-celeste-information-fill"
-		};
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-				"aria-labelledby": (0, vue.unref)(labelledby),
-				"aria-describedby": (0, vue.unref)(describedby),
-				role: _ctx.$slots.primary || _ctx.$slots.secondary ? "alert-dialog" : "alert",
-				class: (0, vue.normalizeClass)(["celeste-alert", (0, vue.unref)(require_clsx.clsx)(`celeste-alert--${_ctx.size}`, `celeste-alert--${_ctx.variant}--${_ctx.state}`, props.class)])
-			}, [
-				(0, vue.createElementVNode)("i", { class: (0, vue.normalizeClass)(["celeste-alert-icon", [`celeste-alert-icon--${_ctx.variant}--${_ctx.state}`, ICON_MAP[props.state]]]) }, null, 2),
-				(0, vue.createElementVNode)("div", _hoisted_2, [(0, vue.createElementVNode)("div", _hoisted_3, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createElementVNode)("h5", {
-					id: (0, vue.unref)(labelledby),
-					class: "celeste-alert-title"
-				}, [(0, vue.renderSlot)(_ctx.$slots, "title", {}, void 0, true)], 8, _hoisted_4), _ctx.size === "lg" && _ctx.$slots.description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-					key: 0,
-					id: (0, vue.unref)(describedby),
-					class: "celeste-alert-description"
-				}, [(0, vue.renderSlot)(_ctx.$slots, "description", {}, void 0, true)], 8, _hoisted_5)) : (0, vue.createCommentVNode)("", true)], true)]), _ctx.$slots.primary || _ctx.$slots.secondary ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_6, [
-					_ctx.$slots.primary ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_7, [(0, vue.renderSlot)(_ctx.$slots, "primary", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
-					_ctx.$slots.primary && _ctx.$slots.secondary && _ctx.size === "lg" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_8, " ∙ ")) : (0, vue.createCommentVNode)("", true),
-					_ctx.$slots.secondary && _ctx.size === "lg" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_9, [(0, vue.renderSlot)(_ctx.$slots, "secondary", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true)
-				])) : (0, vue.createCommentVNode)("", true)]),
-				_ctx.dismissable ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
-					key: 0,
-					href: "#",
-					"aria-label": "close",
-					class: (0, vue.normalizeClass)(["celeste-alert-close", [`celeste-alert-close--${_ctx.variant}`]]),
-					onClick: _cache[0] || (_cache[0] = (0, vue.withModifiers)(($event) => _ctx.$emit("dismiss"), ["prevent"]))
-				}, _cache[1] || (_cache[1] = [(0, vue.createElementVNode)("i", { class: "i-celeste-close-line" }, null, -1)]), 2)) : (0, vue.createCommentVNode)("", true)
-			], 10, _hoisted_1);
-		};
-	}
-});
-//#endregion
-//#region src/components/alert/alert.vue
-var alert_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(alert_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-43d8e868"]]);
-//#endregion
-Object.defineProperty(exports, "alert_default", {
-	enumerable: true,
-	get: function() {
-		return alert_default;
-	}
-});

package/dist/cjs/chunks/alpha-slider.js

@@ -1,119 +0,0 @@
-require("./dist.js");
-const require_use_user_select = require("../use-user-select.js");
-const require_color = require("../color.js");
-const require_use_color_model = require("./use-color-model.js");
-let vue = require("vue");
-//#region src/components/color-picker/alpha-slider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "celeste-color-slider" };
-var _hoisted_2 = ["aria-valuenow"];
-//#endregion
-//#region src/components/color-picker/alpha-slider.vue
-var alpha_slider_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "alpha-slider",
-	props: { modelValue: {} },
-	emits: ["update:modelValue"],
-	setup(__props, { emit: __emit }) {
-		const tinyColorRef = require_use_color_model.defineColorModel(__props, __emit);
-		const { preventPageUserSelect, allowPageUserSelect } = require_use_user_select.useUserPageSelection();
-		const containerRef = (0, vue.useTemplateRef)("slider-track");
-		const alpha = (0, vue.computed)(() => tinyColorRef.value.getAlpha());
-		const alphaSliderBg = (0, vue.computed)(() => {
-			const { r, g, b } = tinyColorRef.value.toRgb();
-			return `
-    linear-gradient(to right, rgba(${r}, ${g}, ${b}, 0), rgba(${r}, ${g}, ${b}, 1)),
-      repeating-conic-gradient(
-        #ffffff 0deg,
-        #ffffff 90deg,
-        rgba(0, 0, 0, 0.3) 90deg,
-        rgba(0, 0, 0, 0.3) 180deg
-      ) 0% -25% / 6px 6px
-  `;
-		});
-		const trackThumbBg = (0, vue.computed)(() => {
-			const { r, g, b, a } = tinyColorRef.value.toRgb();
-			return `rgba(${[
-				r,
-				g,
-				b,
-				a
-			].join(",")})`;
-		});
-		function handleChange(e, skip = false) {
-			if (!skip) e.preventDefault();
-			const container = containerRef.value;
-			if (!container) return;
-			const containerWidth = container.clientWidth;
-			const { x: xOffset } = require_color.getAbsolutePosition(container);
-			const { x: pageX } = require_color.getPageXYFromEvent(e);
-			const left = pageX - xOffset;
-			let a;
-			if (left < 0) a = 0;
-			else if (left > containerWidth) a = 1;
-			else a = Math.round(left * 100 / containerWidth) / 100;
-			if (alpha.value !== a) tinyColorRef.value = tinyColorRef.value.setAlpha(a).clone();
-		}
-		function handleMouseDown(e) {
-			handleChange(e, true);
-			preventPageUserSelect();
-			window.addEventListener("mousemove", handleChange);
-			window.addEventListener("mouseup", handleMouseUp);
-		}
-		function handleMouseUp() {
-			allowPageUserSelect();
-			unbindEventListeners();
-		}
-		function unbindEventListeners() {
-			window.removeEventListener("mousemove", handleChange);
-			window.removeEventListener("mouseup", handleMouseUp);
-		}
-		function handleKeydown(e) {
-			const direction = require_color.resolveArrowDirection(e);
-			if (!direction) return;
-			e.preventDefault();
-			const currentValue = alpha.value;
-			let newValue;
-			switch (direction) {
-				case "left":
-					newValue = currentValue - .1 < 0 ? 0 : currentValue - .1;
-					break;
-				case "right":
-					newValue = currentValue + .1 > 1 ? 1 : currentValue + .1;
-					break;
-			}
-			if (typeof newValue !== "undefined") tinyColorRef.value = tinyColorRef.value.setAlpha(newValue).clone();
-		}
-		(0, vue.onUnmounted)(() => {
-			unbindEventListeners();
-		});
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1, [(0, vue.createElementVNode)("div", {
-				ref: "slider-track",
-				class: "slider-track",
-				style: (0, vue.normalizeStyle)({ background: alphaSliderBg.value }),
-				role: "slider",
-				"aria-label": "Transparency",
-				"aria-valuemax": "1",
-				"aria-valuemin": "0",
-				"aria-valuenow": alpha.value.toFixed(1),
-				tabindex: "0",
-				onMousedown: handleMouseDown,
-				onTouchmovePassive: handleChange,
-				onTouchstartPassive: handleChange,
-				onKeydown: handleKeydown
-			}, [(0, vue.createElementVNode)("div", {
-				class: "celeste-color-thumb",
-				style: (0, vue.normalizeStyle)({
-					left: `${alpha.value * 100}%`,
-					background: trackThumbBg.value
-				})
-			}, null, 4)], 44, _hoisted_2)]);
-		};
-	}
-});
-//#endregion
-Object.defineProperty(exports, "alpha_slider_default", {
-	enumerable: true,
-	get: function() {
-		return alpha_slider_default;
-	}
-});

package/dist/cjs/chunks/badge.js

@@ -1,59 +0,0 @@
-require("./dist.js");
-const require_clsx = require("./clsx.js");
-const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.js");
-let vue = require("vue");
-//#region src/components/badge/badge.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-label", "aria-disabled"];
-var _hoisted_2 = {
-	key: 0,
-	class: "dot i-celeste-dot"
-};
-var _hoisted_3 = {
-	key: 2,
-	class: "celeste-badge-label"
-};
-var badge_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "badge",
-	props: {
-		size: { default: "md" },
-		variant: { default: "fill" },
-		type: { default: "basic" },
-		state: {},
-		disabled: { type: Boolean },
-		icon: {},
-		label: {},
-		class: {}
-	},
-	setup(__props) {
-		const props = __props;
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-badge", `celeste-badge-${_ctx.size}`, `celeste-badge-${_ctx.type}`, `celeste-badge-${_ctx.state}`, `celeste-badge-${_ctx.variant}`, _ctx.disabled && "celeste-badge-disabled", props.class)),
-				"aria-label": _ctx.label,
-				"aria-disabled": _ctx.disabled || void 0,
-				role: "badge"
-			}, [
-				_ctx.type === "dot" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("i", _hoisted_2)) : (0, vue.createCommentVNode)("", true),
-				_ctx.type === "leading-icon" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("i", {
-					key: 1,
-					class: (0, vue.normalizeClass)(_ctx.icon)
-				}, null, 2)) : (0, vue.createCommentVNode)("", true),
-				_ctx.label ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3, (0, vue.toDisplayString)(_ctx.label), 1)) : (0, vue.createCommentVNode)("", true),
-				_ctx.type === "trailing-icon" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("i", {
-					key: 3,
-					class: (0, vue.normalizeClass)(_ctx.icon)
-				}, null, 2)) : (0, vue.createCommentVNode)("", true)
-			], 10, _hoisted_1);
-		};
-	}
-});
-//#endregion
-//#region src/components/badge/badge.vue
-var badge_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(badge_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-2b19ee1e"]]);
-//#endregion
-Object.defineProperty(exports, "badge_default", {
-	enumerable: true,
-	get: function() {
-		return badge_default;
-	}
-});