@youcan/celeste 0.6.98 → 0.6.100

package/dist/celeste.css

@@ -3178,10 +3178,10 @@ to {
     scale: 0.98;
     opacity: 0;
 }
-}.show-more-wrapper[data-v-64fad3cb] .i-celeste-arrow-down-s-line {
+}.show-more-wrapper[data-v-3c432b0c] .i-celeste-arrow-down-s-line {
   display: none;
 }
-.celeste-select-item[data-state=checked][data-v-64fad3cb] .i-celeste-check-line {
+.celeste-select-item[data-state=checked][data-v-3c432b0c] .i-celeste-check-line {
   display: none;
 }.celeste-file-upload-area[data-v-0e4f337e] {
   display: flex;
@@ -3379,7 +3379,7 @@ to {
 }
 .celeste-switch:hover:not(:active, :disabled)[aria-checked=true] {
   --bg-color: var(--color-primary-darker);
-}.link-bubble[data-v-ec88b8f1] {
+}.link-bubble[data-v-d757fd2c] {
   max-width: calc(100vw - 40px);
   padding: var(--spacing-12);
   border: 1px solid var(--color-stroke-soft-200);
@@ -3387,58 +3387,58 @@ to {
   background-color: var(--color-bg-white-0);
   box-shadow: var(--shadow-regular-xs);
 }
-.link-bubble .set-mode[data-v-ec88b8f1] {
+.link-bubble .set-mode[data-v-d757fd2c] {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-12);
 }
-.link-bubble .set-mode .set-link[data-v-ec88b8f1] {
+.link-bubble .set-mode .set-link[data-v-d757fd2c] {
   display: flex;
   gap: var(--spacing-8);
 }
-.link-bubble .set-mode .set-link .link-input[data-v-ec88b8f1] {
+.link-bubble .set-mode .set-link .link-input[data-v-d757fd2c] {
   flex: 1;
   min-width: 140px;
 }
-.link-bubble .set-mode .set-link button[data-v-ec88b8f1] {
+.link-bubble .set-mode .set-link button[data-v-d757fd2c] {
   flex-shrink: 0;
   white-space: nowrap;
 }
-.link-bubble .set-mode[data-v-ec88b8f1] .celeste-switch[aria-checked='true'] {
+.link-bubble .set-mode[data-v-d757fd2c] .celeste-switch[aria-checked='true'] {
   background-color: var(--color-neutral-700);
 }
-.link-bubble .set-mode[data-v-ec88b8f1] .celeste-switch[aria-checked='true'] .celeste-switch-thumb::before {
+.link-bubble .set-mode[data-v-d757fd2c] .celeste-switch[aria-checked='true'] .celeste-switch-thumb::before {
   background-color: currentcolor;
 }
-.link-bubble .set-mode .switch-button-box[data-v-ec88b8f1] {
+.link-bubble .set-mode .switch-button-box[data-v-d757fd2c] {
   display: flex;
   align-items: center;
   gap: var(--spacing-8);
 }
-.link-bubble .edit-mode[data-v-ec88b8f1] {
+.link-bubble .edit-mode[data-v-d757fd2c] {
   display: flex;
   align-items: center;
   gap: var(--spacing-8);
 }
-.link-bubble .edit-mode .divider[data-v-ec88b8f1] {
+.link-bubble .edit-mode .divider[data-v-d757fd2c] {
   width: 1px;
   height: 16px;
   margin: 0 3px;
   background: var(--color-stroke-soft-200);
 }
-.link-bubble .edit-mode[data-v-ec88b8f1] .celeste-link-button {
+.link-bubble .edit-mode[data-v-d757fd2c] .celeste-link-button {
   display: flex;
   border-radius: var(--radius-8);
   color: var(--color-neutral-700);
   gap: var(--spacing-8);
-}.celeste-rich-editor[data-v-4e1c9896] {
+}.celeste-rich-editor[data-v-0342e5f9] {
   position: relative;
   border: 1px solid var(--color-stroke-soft-200);
   border-radius: var(--spacing-12);
   background: var(--color-bg-white-0);
   box-shadow: var(--shadow-regular-xs);
 }
-.celeste-rich-editor .toolbar[data-v-4e1c9896] {
+.celeste-rich-editor .toolbar[data-v-0342e5f9] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -3448,121 +3448,127 @@ to {
   background: var(--color-bg-white-0);
   gap: var(--spacing-4);
 }
-.celeste-rich-editor .toolbar[data-v-4e1c9896] .celeste-cbutton:active {
+.celeste-rich-editor .toolbar[data-v-0342e5f9] .celeste-cbutton:active {
   background-color: var(--color-bg-weak-50);
   box-shadow: none;
   color: var(--color-icon-strong-950);
 }
-.celeste-rich-editor .toolbar .celeste-cbutton.active[data-v-4e1c9896] {
+.celeste-rich-editor .toolbar .celeste-cbutton.active[data-v-0342e5f9] {
   background-color: var(--color-neutral-100);
   color: var(--color-icon-strong-950);
 }
-.celeste-rich-editor .toolbar .divider[data-v-4e1c9896] {
+.celeste-rich-editor .toolbar .divider[data-v-0342e5f9] {
   width: 1px;
   height: 16px;
   margin: 0 3px;
   background: var(--color-stroke-soft-200);
 }
-.celeste-rich-editor .toolbar .extra-settings-wrapper[data-v-4e1c9896] {
+.celeste-rich-editor .toolbar .extra-settings-wrapper[data-v-0342e5f9] {
   display: flex;
   align-items: center;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] {
+.celeste-rich-editor .text-field[data-v-0342e5f9] {
   min-height: 88px;
   margin: var(--spacing-12);
   padding-inline-end: var(--spacing-12);
   overflow-y: auto;
   resize: vertical;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap {
   min-height: 88px;
   outline: none;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap :first-child {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap :first-child {
   margin-top: 0;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap p.is-editor-empty:first-child::before {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap p.is-editor-empty:first-child::before {
   content: attr(data-placeholder);
   height: 0;
   color: var(--color-neutral-300);
   pointer-events: none;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h1,
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h2,
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h3,
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h4,
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h5,
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h6,
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap p {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h1,
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h2,
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h3,
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h4,
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h5,
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h6,
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap p {
   margin-bottom: 0;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h1 {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h1 {
   margin-top: 40px;
   font-size: 56px;
   font-weight: 500;
   letter-spacing: -0.01em;
   line-height: 64px;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h2 {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h2 {
   margin-top: 36px;
   font-size: 48px;
   font-weight: 500;
   letter-spacing: -0.01em;
   line-height: 56px;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h3 {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h3 {
   margin-top: 32px;
   font-size: 40px;
   font-weight: 500;
   letter-spacing: -0.01em;
   line-height: 48px;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h4 {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h4 {
   margin-top: 20px;
   font-size: 32px;
   font-weight: 500;
   letter-spacing: -0.005em;
   line-height: 40px;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h5 {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h5 {
   margin-top: 20px;
   font-size: 24px;
   font-weight: 500;
   letter-spacing: 0;
   line-height: 32px;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap h6 {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap h6 {
   margin-top: 16px;
   font-size: 20px;
   font-weight: 500;
   letter-spacing: 0;
   line-height: 28px;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap p {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap p {
   margin-top: 12px;
   font-size: 16px;
   font-weight: 400;
   letter-spacing: -0.011em;
   line-height: 24px;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap ul,
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap ol {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap ul,
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap ol {
   margin: 1.25rem 1rem 1.25rem 0.4rem;
   padding: 0 1rem;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap ul li p,
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap ol li p {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap ul li p,
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap ol li p {
   margin-top: 0.25em;
   margin-bottom: 0.25em;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap a {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap ul {
+  list-style-type: disc;
+}
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap ol {
+  list-style-type: decimal;
+}
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap a {
   color: var(--color-blue-700);
   cursor: pointer;
 }
-.celeste-rich-editor .text-field[data-v-4e1c9896] .tiptap a:hover {
+.celeste-rich-editor .text-field[data-v-0342e5f9] .tiptap a:hover {
   color: var(--color-blue-500);
 }
-.celeste-rich-editor .characters-count[data-v-4e1c9896] {
+.celeste-rich-editor .characters-count[data-v-0342e5f9] {
   position: absolute;
   bottom: 7px;
   inset-inline-end: 22px;
@@ -3574,23 +3580,23 @@ to {
   color: var(--color-text-soft-400);
   font: var(--subheading-xxs);
 }
-.celeste-rich-editor .characters-count.warning[data-v-4e1c9896] {
+.celeste-rich-editor .characters-count.warning[data-v-0342e5f9] {
   color: var(--color-state-warning-base);
 }
-.celeste-rich-editor .characters-count.danger[data-v-4e1c9896] {
+.celeste-rich-editor .characters-count.danger[data-v-0342e5f9] {
   color: var(--color-state-error-base);
 }
-.celeste-rich-editor .select-menu-wrapper[data-v-4e1c9896] {
+.celeste-rich-editor .select-menu-wrapper[data-v-0342e5f9] {
   padding: 0 var(--spacing-4);
 }
-.celeste-rich-editor[data-v-4e1c9896]:dir(rtl) .i-celeste-arrow-go-back-line,
-.celeste-rich-editor[data-v-4e1c9896]:dir(rtl) .i-celeste-arrow-go-forward-line {
+.celeste-rich-editor[data-v-0342e5f9]:dir(rtl) .i-celeste-arrow-go-back-line,
+.celeste-rich-editor[data-v-0342e5f9]:dir(rtl) .i-celeste-arrow-go-forward-line {
   transform: scaleX(-1);
 }
-.celeste-rich-editor[data-v-4e1c9896] .tippy-box[data-theme='custom'] {
+.celeste-rich-editor[data-v-0342e5f9] .tippy-box[data-theme='custom'] {
   max-width: 400px !important;
 }
-.celeste-select-item[data-state=checked][data-v-4e1c9896] .i-celeste-check-line {
+.celeste-select-item[data-state=checked][data-v-0342e5f9] .i-celeste-check-line {
   display: none;
 }
 .sonner-alert[data-v-37e85563] {

package/dist/cjs/alert.cjs

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

package/dist/cjs/alpha-slider.cjs

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

package/dist/cjs/badge.cjs

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

package/dist/cjs/button.cjs

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

package/dist/cjs/checkbox-card.cjs

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

package/dist/cjs/checkbox-label.cjs

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

package/dist/cjs/checkbox.cjs

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

package/dist/cjs/chunks/alert.cjs

@@ -0,0 +1,103 @@
+require("./dist.cjs");
+const require_clsx = require("./clsx.cjs");
+const require_crypto = require("../crypto.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+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.cjs

@@ -0,0 +1,119 @@
+require("./dist.cjs");
+const require_use_user_select = require("../use-user-select.cjs");
+const require_color = require("../color.cjs");
+const require_use_color_model = require("./use-color-model.cjs");
+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.cjs

@@ -0,0 +1,59 @@
+require("./dist.cjs");
+const require_clsx = require("./clsx.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+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;
+	}
+});

package/dist/cjs/chunks/button.cjs

@@ -0,0 +1,43 @@
+const require_dist = require("./dist.cjs");
+const require_clsx = require("./clsx.cjs");
+const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+let vue = require("vue");
+//#region src/components/button/button.vue?vue&type=script&setup=true&lang.ts
+var button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "button",
+	props: {
+		class: {},
+		size: { default: "md" },
+		intent: { default: "primary" },
+		variant: { default: "fill" },
+		asChild: { type: Boolean },
+		as: { default: "button" }
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.O), {
+				as: _ctx.as,
+				"as-child": _ctx.asChild,
+				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-button", `celeste-button-intent-${_ctx.intent}`, `celeste-button-size-${_ctx.size}`, `celeste-button-variant-${_ctx.variant}`, props.class))
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/button/button.vue
+var button_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6c1800fd"]]);
+//#endregion
+Object.defineProperty(exports, "button_default", {
+	enumerable: true,
+	get: function() {
+		return button_default;
+	}
+});