@youcan/celeste 0.6.72 → 0.6.74

package/dist/celeste.css

@@ -337,12 +337,12 @@ to {
 }
 .celeste-slider .celeste-slider-thumb {
   display: block;
-  width: 6px;
-  height: 6px;
+  width: 16px;
+  height: 16px;
   border: 5px solid var(--color-static-white);
   border-radius: var(--radius-full);
   outline: none;
-  background: var(--color-primary-base) content-box;
+  background-color: var(--color-primary-base);
   cursor: pointer;
   filter: drop-shadow(0 2px 4px rgba(14, 18, 27, 0.03)) drop-shadow(0 6px 10px rgba(14, 18, 27, 0.06));
 }
@@ -979,7 +979,7 @@ to {
 }
 .celeste-alert--stroke--information .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--stroke--information .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--stroke--information .celeste-alert-action-divider[data-v-a07f0877] {
   color: var(--color-text-strong-950);
-}.celeste-badge[data-v-f6cc59c9] {
+}.celeste-badge[data-v-2b19ee1e] {
   display: inline-flex;
   box-sizing: border-box;
   align-items: center;
@@ -996,206 +996,209 @@ to {
           user-select: none;
   gap: 2px;
 }
-.celeste-badge i.dot[data-v-f6cc59c9] {
+.celeste-badge i.dot[data-v-2b19ee1e] {
   flex-shrink: 0;
   width: 18px;
   height: 18px;
 }
-.celeste-badge i[data-v-f6cc59c9]:not(.dot) {
+.celeste-badge i[data-v-2b19ee1e]:not(.dot) {
   flex-shrink: 0;
   width: 16px;
   height: 16px;
 }
-.celeste-badge[data-v-f6cc59c9]:has(i.dot) {
+.celeste-badge-label[data-v-2b19ee1e] {
+  flex-shrink: 0;
+}
+.celeste-badge[data-v-2b19ee1e]:has(i.dot) {
   gap: 0;
   padding-inline-start: var(--spacing-2);
 }
-.celeste-badge-leading-icon[data-v-f6cc59c9] {
+.celeste-badge-leading-icon[data-v-2b19ee1e] {
   padding-inline-start: var(--spacing-2);
 }
-.celeste-badge-trailing-icon[data-v-f6cc59c9] {
+.celeste-badge-trailing-icon[data-v-2b19ee1e] {
   padding-inline-end: var(--spacing-2);
 }
-.celeste-badge-disabled[data-v-f6cc59c9] {
+.celeste-badge-disabled[data-v-2b19ee1e] {
   border-color: var(--color-stroke-soft-200);
   background-color: transparent;
   color: var(--color-text-disabled-300);
 }
-.celeste-badge-sm[data-v-f6cc59c9] {
+.celeste-badge-sm[data-v-2b19ee1e] {
   height: 16px;
   font: var(--subheading-xxs);
   text-transform: uppercase;
 }
-.celeste-badge-md[data-v-f6cc59c9] {
+.celeste-badge-md[data-v-2b19ee1e] {
   height: 20px;
   font: var(--label-xs);
 }
-.celeste-badge-fill.celeste-badge-faded[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-fill.celeste-badge-faded[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-faded-base);
   color: var(--color-text-white-0);
 }
-.celeste-badge-light.celeste-badge-faded[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-light.celeste-badge-faded[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-faded-light);
   color: var(--color-state-faded-dark);
 }
-.celeste-badge-lighter.celeste-badge-faded[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-lighter.celeste-badge-faded[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-faded-lighter);
   color: var(--color-state-faded-base);
 }
-.celeste-badge-stroke.celeste-badge-faded[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-stroke.celeste-badge-faded[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   border-color: var(--color-state-faded-base);
   background-color: var(--color-bg-white-0);
   color: var(--color-state-faded-base);
 }
-.celeste-badge-fill.celeste-badge-information[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-fill.celeste-badge-information[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-information-base);
   color: var(--color-text-white-0);
 }
-.celeste-badge-light.celeste-badge-information[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-light.celeste-badge-information[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-information-light);
   color: var(--color-state-information-dark);
 }
-.celeste-badge-lighter.celeste-badge-information[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-lighter.celeste-badge-information[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-information-lighter);
   color: var(--color-state-information-base);
 }
-.celeste-badge-stroke.celeste-badge-information[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-stroke.celeste-badge-information[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   border-color: var(--color-state-information-base);
   background-color: var(--color-bg-white-0);
   color: var(--color-state-information-base);
 }
-.celeste-badge-fill.celeste-badge-warning[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-fill.celeste-badge-warning[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-warning-base);
   color: var(--color-text-white-0);
 }
-.celeste-badge-light.celeste-badge-warning[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-light.celeste-badge-warning[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-warning-light);
   color: var(--color-state-warning-dark);
 }
-.celeste-badge-lighter.celeste-badge-warning[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-lighter.celeste-badge-warning[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-warning-lighter);
   color: var(--color-state-warning-base);
 }
-.celeste-badge-stroke.celeste-badge-warning[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-stroke.celeste-badge-warning[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   border-color: var(--color-state-warning-base);
   background-color: var(--color-bg-white-0);
   color: var(--color-state-warning-base);
 }
-.celeste-badge-fill.celeste-badge-error[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-fill.celeste-badge-error[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-error-base);
   color: var(--color-text-white-0);
 }
-.celeste-badge-light.celeste-badge-error[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-light.celeste-badge-error[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-error-light);
   color: var(--color-state-error-dark);
 }
-.celeste-badge-lighter.celeste-badge-error[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-lighter.celeste-badge-error[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-error-lighter);
   color: var(--color-state-error-base);
 }
-.celeste-badge-stroke.celeste-badge-error[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-stroke.celeste-badge-error[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   border-color: var(--color-state-error-base);
   background-color: var(--color-bg-white-0);
   color: var(--color-state-error-base);
 }
-.celeste-badge-fill.celeste-badge-success[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-fill.celeste-badge-success[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-success-base);
   color: var(--color-text-white-0);
 }
-.celeste-badge-light.celeste-badge-success[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-light.celeste-badge-success[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-success-light);
   color: var(--color-state-success-dark);
 }
-.celeste-badge-lighter.celeste-badge-success[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-lighter.celeste-badge-success[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-success-lighter);
   color: var(--color-state-success-base);
 }
-.celeste-badge-stroke.celeste-badge-success[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-stroke.celeste-badge-success[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   border-color: var(--color-state-success-base);
   background-color: var(--color-bg-white-0);
   color: var(--color-state-success-base);
 }
-.celeste-badge-fill.celeste-badge-away[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-fill.celeste-badge-away[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-away-base);
   color: var(--color-text-white-0);
 }
-.celeste-badge-light.celeste-badge-away[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-light.celeste-badge-away[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-away-light);
   color: var(--color-state-away-dark);
 }
-.celeste-badge-lighter.celeste-badge-away[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-lighter.celeste-badge-away[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-away-lighter);
   color: var(--color-state-away-base);
 }
-.celeste-badge-stroke.celeste-badge-away[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-stroke.celeste-badge-away[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   border-color: var(--color-state-away-base);
   background-color: var(--color-bg-white-0);
   color: var(--color-state-away-base);
 }
-.celeste-badge-fill.celeste-badge-feature[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-fill.celeste-badge-feature[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-feature-base);
   color: var(--color-text-white-0);
 }
-.celeste-badge-light.celeste-badge-feature[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-light.celeste-badge-feature[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-feature-light);
   color: var(--color-state-feature-dark);
 }
-.celeste-badge-lighter.celeste-badge-feature[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-lighter.celeste-badge-feature[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-feature-lighter);
   color: var(--color-state-feature-base);
 }
-.celeste-badge-stroke.celeste-badge-feature[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-stroke.celeste-badge-feature[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   border-color: var(--color-state-feature-base);
   background-color: var(--color-bg-white-0);
   color: var(--color-state-feature-base);
 }
-.celeste-badge-fill.celeste-badge-verified[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-fill.celeste-badge-verified[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-verified-base);
   color: var(--color-text-white-0);
 }
-.celeste-badge-light.celeste-badge-verified[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-light.celeste-badge-verified[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-verified-light);
   color: var(--color-state-verified-dark);
 }
-.celeste-badge-lighter.celeste-badge-verified[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-lighter.celeste-badge-verified[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-verified-lighter);
   color: var(--color-state-verified-base);
 }
-.celeste-badge-stroke.celeste-badge-verified[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-stroke.celeste-badge-verified[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   border-color: var(--color-state-verified-base);
   background-color: var(--color-bg-white-0);
   color: var(--color-state-verified-base);
 }
-.celeste-badge-fill.celeste-badge-highlighted[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-fill.celeste-badge-highlighted[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-highlighted-base);
   color: var(--color-text-white-0);
 }
-.celeste-badge-light.celeste-badge-highlighted[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-light.celeste-badge-highlighted[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-highlighted-light);
   color: var(--color-state-highlighted-dark);
 }
-.celeste-badge-lighter.celeste-badge-highlighted[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-lighter.celeste-badge-highlighted[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-highlighted-lighter);
   color: var(--color-state-highlighted-base);
 }
-.celeste-badge-stroke.celeste-badge-highlighted[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-stroke.celeste-badge-highlighted[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   border-color: var(--color-state-highlighted-base);
   background-color: var(--color-bg-white-0);
   color: var(--color-state-highlighted-base);
 }
-.celeste-badge-fill.celeste-badge-stable[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-fill.celeste-badge-stable[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-stable-base);
   color: var(--color-text-white-0);
 }
-.celeste-badge-light.celeste-badge-stable[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-light.celeste-badge-stable[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-stable-light);
   color: var(--color-state-stable-dark);
 }
-.celeste-badge-lighter.celeste-badge-stable[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-lighter.celeste-badge-stable[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   background-color: var(--color-state-stable-lighter);
   color: var(--color-state-stable-base);
 }
-.celeste-badge-stroke.celeste-badge-stable[data-v-f6cc59c9]:not(.celeste-badge-disabled) {
+.celeste-badge-stroke.celeste-badge-stable[data-v-2b19ee1e]:not(.celeste-badge-disabled) {
   border-color: var(--color-state-stable-base);
   background-color: var(--color-bg-white-0);
   color: var(--color-state-stable-base);
@@ -3626,8 +3629,7 @@ to {
   position: fixed;
   z-index: 50;
   background: var(--color-overlay-overlay);
-  -webkit-backdrop-filter: blur(5px);
-          backdrop-filter: blur(5px);
+  backdrop-filter: blur(5px);
   inset: 0;
 }
 .celeste-modal-content[data-v-cec34aac] {
@@ -4299,7 +4301,7 @@ to {
 .celeste-rich-editor[data-v-dbc85b1a]:dir(rtl) .i-celeste-arrow-go-forward-line {
   transform: scaleX(-1);
 }
-.celeste-rich-editor[data-v-dbc85b1a] .tippy-box[data-theme="custom"] {
+.celeste-rich-editor[data-v-dbc85b1a] .tippy-box[data-theme='custom'] {
   max-width: 400px !important;
 }
 .celeste-select-item[data-state=checked][data-v-dbc85b1a] .i-celeste-check-line {
@@ -4327,7 +4329,7 @@ to {
   display: flex;
   gap: var(--spacing-8);
 }
-.link-bubble .set-mode[data-v-c63c1d92] .celeste-switch[aria-checked="true"] {
+.link-bubble .set-mode[data-v-c63c1d92] .celeste-switch[aria-checked='true'] {
   background-color: var(--color-neutral-700);
 }
 .link-bubble .set-mode .switch-button-box[data-v-c63c1d92] {

package/dist/cjs/alert.js

@@ -1,5 +1,5 @@
 "use strict";
-const Mo = require("vue");
+const No = require("vue");
 const crypto = require("./crypto.js");
 const clsx = require("./chunks/clsx.js");
 ;/* empty css                                                              */
@@ -32,7 +32,7 @@ const _hoisted_9 = {
   key: 2,
   class: "celeste-alert-action-secondary"
 };
-const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+const _sfc_main = /* @__PURE__ */ No.defineComponent({
   __name: "alert",
   props: {
     class: {},
@@ -54,56 +54,56 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
       information: "i-celeste-information-fill"
     };
     return (_ctx, _cache) => {
-      return Mo.openBlock(), Mo.createElementBlock("div", {
-        "aria-labelledby": Mo.unref(labelledby),
-        "aria-describedby": Mo.unref(describedby),
+      return No.openBlock(), No.createElementBlock("div", {
+        "aria-labelledby": No.unref(labelledby),
+        "aria-describedby": No.unref(describedby),
         role: _ctx.$slots.primary || _ctx.$slots.secondary ? "alert-dialog" : "alert",
-        class: Mo.normalizeClass(["celeste-alert", Mo.unref(clsx.clsx)(
+        class: No.normalizeClass(["celeste-alert", No.unref(clsx.clsx)(
           `celeste-alert--${_ctx.size}`,
           `celeste-alert--${_ctx.variant}--${_ctx.state}`,
           props.class
         )])
       }, [
-        Mo.createElementVNode("i", {
-          class: Mo.normalizeClass(["celeste-alert-icon", [`celeste-alert-icon--${_ctx.variant}--${_ctx.state}`, ICON_MAP[props.state]]])
+        No.createElementVNode("i", {
+          class: No.normalizeClass(["celeste-alert-icon", [`celeste-alert-icon--${_ctx.variant}--${_ctx.state}`, ICON_MAP[props.state]]])
         }, null, 2),
-        Mo.createElementVNode("div", _hoisted_2, [
-          Mo.createElementVNode("div", _hoisted_3, [
-            Mo.renderSlot(_ctx.$slots, "default", {}, () => [
-              Mo.createElementVNode("h5", {
-                id: Mo.unref(labelledby),
+        No.createElementVNode("div", _hoisted_2, [
+          No.createElementVNode("div", _hoisted_3, [
+            No.renderSlot(_ctx.$slots, "default", {}, () => [
+              No.createElementVNode("h5", {
+                id: No.unref(labelledby),
                 class: "celeste-alert-title"
               }, [
-                Mo.renderSlot(_ctx.$slots, "title", {}, void 0, true)
+                No.renderSlot(_ctx.$slots, "title", {}, void 0, true)
               ], 8, _hoisted_4),
-              _ctx.size === "lg" && _ctx.$slots.description ? (Mo.openBlock(), Mo.createElementBlock("div", {
+              _ctx.size === "lg" && _ctx.$slots.description ? (No.openBlock(), No.createElementBlock("div", {
                 key: 0,
-                id: Mo.unref(describedby),
+                id: No.unref(describedby),
                 class: "celeste-alert-description"
               }, [
-                Mo.renderSlot(_ctx.$slots, "description", {}, void 0, true)
-              ], 8, _hoisted_5)) : Mo.createCommentVNode("", true)
+                No.renderSlot(_ctx.$slots, "description", {}, void 0, true)
+              ], 8, _hoisted_5)) : No.createCommentVNode("", true)
             ], true)
           ]),
-          _ctx.$slots.primary || _ctx.$slots.secondary ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_6, [
-            _ctx.$slots.primary ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_7, [
-              Mo.renderSlot(_ctx.$slots, "primary", {}, void 0, true)
-            ])) : Mo.createCommentVNode("", true),
-            _ctx.$slots.primary && _ctx.$slots.secondary && _ctx.size === "lg" ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_8, " ∙ ")) : Mo.createCommentVNode("", true),
-            _ctx.$slots.secondary && _ctx.size === "lg" ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_9, [
-              Mo.renderSlot(_ctx.$slots, "secondary", {}, void 0, true)
-            ])) : Mo.createCommentVNode("", true)
-          ])) : Mo.createCommentVNode("", true)
+          _ctx.$slots.primary || _ctx.$slots.secondary ? (No.openBlock(), No.createElementBlock("div", _hoisted_6, [
+            _ctx.$slots.primary ? (No.openBlock(), No.createElementBlock("div", _hoisted_7, [
+              No.renderSlot(_ctx.$slots, "primary", {}, void 0, true)
+            ])) : No.createCommentVNode("", true),
+            _ctx.$slots.primary && _ctx.$slots.secondary && _ctx.size === "lg" ? (No.openBlock(), No.createElementBlock("div", _hoisted_8, " ∙ ")) : No.createCommentVNode("", true),
+            _ctx.$slots.secondary && _ctx.size === "lg" ? (No.openBlock(), No.createElementBlock("div", _hoisted_9, [
+              No.renderSlot(_ctx.$slots, "secondary", {}, void 0, true)
+            ])) : No.createCommentVNode("", true)
+          ])) : No.createCommentVNode("", true)
         ]),
-        _ctx.dismissable ? (Mo.openBlock(), Mo.createElementBlock("a", {
+        _ctx.dismissable ? (No.openBlock(), No.createElementBlock("a", {
           key: 0,
           href: "#",
           "aria-label": "close",
-          class: Mo.normalizeClass(["celeste-alert-close", [`celeste-alert-close--${_ctx.variant}`]]),
-          onClick: _cache[0] || (_cache[0] = Mo.withModifiers(($event) => _ctx.$emit("dismiss"), ["prevent"]))
+          class: No.normalizeClass(["celeste-alert-close", [`celeste-alert-close--${_ctx.variant}`]]),
+          onClick: _cache[0] || (_cache[0] = No.withModifiers(($event) => _ctx.$emit("dismiss"), ["prevent"]))
         }, _cache[1] || (_cache[1] = [
-          Mo.createElementVNode("i", { class: "i-celeste-close-line" }, null, -1)
-        ]), 2)) : Mo.createCommentVNode("", true)
+          No.createElementVNode("i", { class: "i-celeste-close-line" }, null, -1)
+        ]), 2)) : No.createCommentVNode("", true)
       ], 10, _hoisted_1);
     };
   }

package/dist/cjs/badge.js

@@ -1,5 +1,5 @@
 "use strict";
-const Mo = require("vue");
+const No = require("vue");
 const clsx = require("./chunks/clsx.js");
 ;/* empty css                                                              */
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
@@ -8,8 +8,11 @@ const _hoisted_2 = {
   key: 0,
   class: "dot i-celeste-dot"
 };
-const _hoisted_3 = { key: 2 };
-const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+const _hoisted_3 = {
+  key: 2,
+  class: "celeste-badge-label"
+};
+const _sfc_main = /* @__PURE__ */ No.defineComponent({
   __name: "badge",
   props: {
     size: { default: "md" },
@@ -24,8 +27,8 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return Mo.openBlock(), Mo.createElementBlock("div", {
-        class: Mo.normalizeClass(Mo.unref(clsx.clsx)(
+      return No.openBlock(), No.createElementBlock("div", {
+        class: No.normalizeClass(No.unref(clsx.clsx)(
           "celeste-badge",
           `celeste-badge-${_ctx.size}`,
           `celeste-badge-${_ctx.type}`,
@@ -38,19 +41,19 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
         "aria-disabled": _ctx.disabled || void 0,
         role: "badge"
       }, [
-        _ctx.type === "dot" ? (Mo.openBlock(), Mo.createElementBlock("i", _hoisted_2)) : Mo.createCommentVNode("", true),
-        _ctx.type === "leading-icon" ? (Mo.openBlock(), Mo.createElementBlock("i", {
+        _ctx.type === "dot" ? (No.openBlock(), No.createElementBlock("i", _hoisted_2)) : No.createCommentVNode("", true),
+        _ctx.type === "leading-icon" ? (No.openBlock(), No.createElementBlock("i", {
           key: 1,
-          class: Mo.normalizeClass(_ctx.icon)
-        }, null, 2)) : Mo.createCommentVNode("", true),
-        _ctx.label ? (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_3, Mo.toDisplayString(_ctx.label), 1)) : Mo.createCommentVNode("", true),
-        _ctx.type === "trailing-icon" ? (Mo.openBlock(), Mo.createElementBlock("i", {
+          class: No.normalizeClass(_ctx.icon)
+        }, null, 2)) : No.createCommentVNode("", true),
+        _ctx.label ? (No.openBlock(), No.createElementBlock("span", _hoisted_3, No.toDisplayString(_ctx.label), 1)) : No.createCommentVNode("", true),
+        _ctx.type === "trailing-icon" ? (No.openBlock(), No.createElementBlock("i", {
           key: 3,
-          class: Mo.normalizeClass(_ctx.icon)
-        }, null, 2)) : Mo.createCommentVNode("", true)
+          class: No.normalizeClass(_ctx.icon)
+        }, null, 2)) : No.createCommentVNode("", true)
       ], 10, _hoisted_1);
     };
   }
 });
-const Badge = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-f6cc59c9"]]);
+const Badge = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-2b19ee1e"]]);
 module.exports = Badge;

package/dist/cjs/button.js

@@ -1,10 +1,10 @@
 "use strict";
-const Mo = require("vue");
+const No = require("vue");
 const clsx = require("./chunks/clsx.js");
 const index = require("./chunks/index.js");
 ;/* empty css                                                               */
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+const _sfc_main = /* @__PURE__ */ No.defineComponent({
   __name: "button",
   props: {
     class: {},
@@ -17,10 +17,10 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.O), {
+      return No.openBlock(), No.createBlock(No.unref(index.O), {
         as: _ctx.as,
         "as-child": _ctx.asChild,
-        class: Mo.normalizeClass(Mo.unref(clsx.clsx)(
+        class: No.normalizeClass(No.unref(clsx.clsx)(
           "celeste-button",
           `celeste-button-intent-${_ctx.intent}`,
           `celeste-button-size-${_ctx.size}`,
@@ -28,8 +28,8 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
           props.class
         ))
       }, {
-        default: Mo.withCtx(() => [
-          Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        default: No.withCtx(() => [
+          No.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
         _: 3
       }, 8, ["as", "as-child", "class"]);

package/dist/cjs/checkbox-card.js

@@ -1,5 +1,5 @@
 "use strict";
-const Mo = require("vue");
+const No = require("vue");
 const useDelegatedProps = require("./use-delegated-props.js");
 const clsx = require("./chunks/clsx.js");
 const index = require("./chunks/index.js");
@@ -11,7 +11,7 @@ const _hoisted_3 = {
   role: "presentation",
   class: "celeste-checkbox-card-row"
 };
-const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+const _sfc_main = /* @__PURE__ */ No.defineComponent({
   __name: "checkbox-card",
   props: {
     for: {},
@@ -25,79 +25,79 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     const props = __props;
     const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
     return (_ctx, _cache) => {
-      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Oh), Mo.mergeProps(Mo.unref(delegatedProps), {
+      return No.openBlock(), No.createBlock(No.unref(index.Vh), No.mergeProps(No.unref(delegatedProps), {
         "aria-required": _ctx.required,
         "aria-disabled": _ctx.disabled,
-        class: Mo.unref(clsx.clsx)("celeste-checkbox-card", props.class, {
+        class: No.unref(clsx.clsx)("celeste-checkbox-card", props.class, {
           "celeste-checkbox-card-disabled": _ctx.disabled
         })
       }), {
-        default: Mo.withCtx(() => [
-          _ctx.$slots.image || _ctx.$slots.icon ? (Mo.openBlock(), Mo.createElementBlock("div", {
+        default: No.withCtx(() => [
+          _ctx.$slots.image || _ctx.$slots.icon ? (No.openBlock(), No.createElementBlock("div", {
             key: 0,
             role: "presentation",
-            class: Mo.normalizeClass(["celeste-checkbox-card-preview", [_ctx.$slots.image ? "celeste-checkbox-card-preview-image" : "celeste-checkbox-card-preview-icon"]])
+            class: No.normalizeClass(["celeste-checkbox-card-preview", [_ctx.$slots.image ? "celeste-checkbox-card-preview-image" : "celeste-checkbox-card-preview-icon"]])
           }, [
-            _ctx.$slots.image ? (Mo.openBlock(), Mo.createElementBlock(Mo.Fragment, { key: 0 }, [
-              _cache[0] || (_cache[0] = Mo.createElementVNode("i", {
+            _ctx.$slots.image ? (No.openBlock(), No.createElementBlock(No.Fragment, { key: 0 }, [
+              _cache[0] || (_cache[0] = No.createElementVNode("i", {
                 class: "celeste-checkbox-card-preview-fallback",
                 "i-celeste-image-circle-fill": ""
               }, null, -1)),
-              Mo.renderSlot(_ctx.$slots, "image", { class: "i-celeste-image-circle-fill?bg" }, void 0, true)
-            ], 64)) : _ctx.$slots.icon ? Mo.renderSlot(_ctx.$slots, "icon", { key: 1 }, void 0, true) : Mo.createCommentVNode("", true)
-          ], 2)) : Mo.createCommentVNode("", true),
-          Mo.createElementVNode("div", _hoisted_1, [
-            Mo.createElementVNode("div", _hoisted_2, [
-              Mo.createElementVNode("div", _hoisted_3, [
-                Mo.createVNode(Mo.unref(index.O), {
+              No.renderSlot(_ctx.$slots, "image", { class: "i-celeste-image-circle-fill?bg" }, void 0, true)
+            ], 64)) : _ctx.$slots.icon ? No.renderSlot(_ctx.$slots, "icon", { key: 1 }, void 0, true) : No.createCommentVNode("", true)
+          ], 2)) : No.createCommentVNode("", true),
+          No.createElementVNode("div", _hoisted_1, [
+            No.createElementVNode("div", _hoisted_2, [
+              No.createElementVNode("div", _hoisted_3, [
+                No.createVNode(No.unref(index.O), {
                   as: "span",
                   class: "celeste-checkbox-card-label"
                 }, {
-                  default: Mo.withCtx(() => [
-                    Mo.renderSlot(_ctx.$slots, "label", {}, void 0, true)
+                  default: No.withCtx(() => [
+                    No.renderSlot(_ctx.$slots, "label", {}, void 0, true)
                   ]),
                   _: 3
                 }),
-                _ctx.$slots.sublabel ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.O), {
+                _ctx.$slots.sublabel ? (No.openBlock(), No.createBlock(No.unref(index.O), {
                   key: 0,
                   as: "span",
                   class: "celeste-checkbox-card-sublabel"
                 }, {
-                  default: Mo.withCtx(() => [
-                    Mo.renderSlot(_ctx.$slots, "sublabel", {}, void 0, true)
+                  default: No.withCtx(() => [
+                    No.renderSlot(_ctx.$slots, "sublabel", {}, void 0, true)
                   ]),
                   _: 3
-                })) : Mo.createCommentVNode("", true),
-                _ctx.$slots.badge ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.O), {
+                })) : No.createCommentVNode("", true),
+                _ctx.$slots.badge ? (No.openBlock(), No.createBlock(No.unref(index.O), {
                   key: 1,
                   "as-child": "",
                   class: "celeste-checkbox-card-badge"
                 }, {
-                  default: Mo.withCtx(() => [
-                    Mo.renderSlot(_ctx.$slots, "badge", { disabled: _ctx.disabled }, void 0, true)
+                  default: No.withCtx(() => [
+                    No.renderSlot(_ctx.$slots, "badge", { disabled: _ctx.disabled }, void 0, true)
                   ]),
                   _: 3
-                })) : Mo.createCommentVNode("", true)
+                })) : No.createCommentVNode("", true)
               ])
             ]),
-            _ctx.$slots.description ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.O), {
+            _ctx.$slots.description ? (No.openBlock(), No.createBlock(No.unref(index.O), {
               key: 0,
               as: "span",
               class: "celeste-checkbox-card-description"
             }, {
-              default: Mo.withCtx(() => [
-                Mo.renderSlot(_ctx.$slots, "description", {}, void 0, true)
+              default: No.withCtx(() => [
+                No.renderSlot(_ctx.$slots, "description", {}, void 0, true)
               ]),
               _: 3
-            })) : Mo.createCommentVNode("", true)
+            })) : No.createCommentVNode("", true)
           ]),
-          Mo.createVNode(Mo.unref(index.O), {
+          No.createVNode(No.unref(index.O), {
             disabled: _ctx.disabled,
             "as-child": "",
             class: "celeste-checkbox-card-checkbox"
           }, {
-            default: Mo.withCtx(() => [
-              Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            default: No.withCtx(() => [
+              No.renderSlot(_ctx.$slots, "default", {}, void 0, true)
             ]),
             _: 3
           }, 8, ["disabled"])