@youcan/celeste 0.6.39 → 0.6.41

package/dist/celeste.css

@@ -101,7 +101,57 @@
 .thumb[data-v-96c265fe] {
   background-color: var(--color-bg-soft-200);
 }
-.celecte-content-divider {
+.celeste-radio-wrapper[data-orientation=vertical] {
+  display: flex;
+  flex-direction: column;
+}.celeste-radio-item {
+  --celeste-radio-border: var(--color-stroke-soft-200);
+  all: unset;
+  box-sizing: border-box;
+  flex-shrink: 0;
+  width: 16px;
+  height: 16px;
+  padding: var(--spacing-0);
+  transition: box-shadow var(--animation-extra-fast) ease-out;
+  border-radius: var(--radius-full);
+  background-color: var(--color-bg-white-0);
+  box-shadow: inset 0 0 0 1.5px var(--celeste-radio-border), var(--shadow-regular-xs);
+  cursor: pointer;
+}
+.celeste-radio-item:hover:not([data-disabled]) {
+  --celeste-radio-border: var(--color-stroke-sub-300);
+}
+.celeste-radio-item:focus:not([data-disabled]) {
+  --celeste-radio-border: var(--color-primary-base);
+  outline: none;
+}
+.celeste-radio-item[data-disabled] {
+  background-color: var(--color-bg-soft-200);
+  pointer-events: none;
+}
+.celeste-radio-item[data-state=checked]:not([data-disabled]) {
+  --celeste-radio-border: transparent;
+  background-color: var(--color-primary-base);
+}
+.celeste-radio-item[data-state=checked]:not([data-disabled]):hover, .celeste-radio-item[data-state=checked]:not([data-disabled]):focus {
+  background-color: var(--color-primary-darker);
+}
+.celeste-radio-indicator {
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+.celeste-radio-indicator::after {
+  content: "";
+  display: block;
+  width: 8px;
+  height: 8px;
+  border-radius: var(--radius-full);
+  background-color: var(--color-static-white);
+}.celecte-content-divider {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -634,6 +684,70 @@ to {
 }
 .celeste-textarea-wrapper .celeste-textarea[data-v-76864cee]:disabled::placeholder {
   color: var(--color-text-disabled-300);
+}.celeste-tag[data-v-0011e3b8] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-4) var(--spacing-8);
+  transition: background-color, border-color;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  border: 1px solid transparent;
+  border-radius: var(--radius-6);
+  color: var(--color-text-sub-600);
+  font: var(--label-xs);
+  gap: var(--spacing-4);
+}
+.celeste-tag[data-tag-variant=stroke][data-v-0011e3b8]:not([aria-disabled=true]) {
+  border-color: var(--color-stroke-soft-200);
+  background-color: var(--color-bg-white-0);
+}
+.celeste-tag[data-tag-variant=stroke][data-v-0011e3b8]:not([aria-disabled=true]):hover {
+  border-color: transparent;
+  background-color: var(--color-bg-weak-50);
+}
+.celeste-tag[data-tag-variant=gray][data-v-0011e3b8]:not([aria-disabled=true]) {
+  border-color: transparent;
+  background-color: var(--color-bg-weak-50);
+}
+.celeste-tag[data-tag-variant=gray][data-v-0011e3b8]:not([aria-disabled=true]):hover {
+  border-color: var(--color-stroke-soft-200);
+  background-color: var(--color-bg-white-0);
+}
+.celeste-tag .celeste-tag-dismiss-button[data-v-0011e3b8] {
+  --size: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--size);
+  height: var(--size);
+  margin-inline-end: calc(var(--spacing-4) * -1);
+  padding: var(--spacing-0);
+  border: none;
+  border-radius: calc(var(--radius-4) / 2);
+  background-color: transparent;
+  cursor: pointer;
+}
+.celeste-tag .celeste-tag-dismiss-button i[data-v-0011e3b8] {
+  transition: background-color var(--animation-fast) ease-out;
+  background-color: var(--color-icon-soft-400);
+}
+.celeste-tag .celeste-tag-dismiss-button[data-v-0011e3b8]:disabled {
+  cursor: auto;
+}
+.celeste-tag .celeste-tag-dismiss-button:disabled i[data-v-0011e3b8] {
+  background-color: var(--color-icon-disabled-300);
+}
+.celeste-tag .celeste-tag-dismiss-button[data-v-0011e3b8]:focus:not([aria-disabled=true]) {
+  outline: none;
+  box-shadow: var(--shadow-buttons-important-focus);
+}
+.celeste-tag .celeste-tag-dismiss-button:not(:disabled):hover i[data-v-0011e3b8] {
+  background-color: var(--color-icon-sub-600);
+}
+.celeste-tag[aria-disabled=true][data-v-0011e3b8] {
+  background-color: var(--color-bg-weak-50);
+  color: var(--color-text-disabled-300);
 }
 .celeste-tab-menu-root[data-v-b5afb6cc] {
   display: flex;
@@ -2386,16 +2500,17 @@ to {
   display: flex;
   align-items: center;
   gap: var(--spacing-10);
-}.celeste-digit-input-slot[data-v-5b5299e2] {
+}.celeste-digit-input-slot[data-v-86327944] {
   --celeste-digit-input-border-color: var(--color-stroke-soft-200);
   --celeste-digit-input-drop-shadow: var(--shadow-regular-xs);
   --celeste-digit-input-placeholder-color: var(--color-text-soft-400);
   display: flex;
   box-sizing: border-box;
+  flex-grow: 1;
   align-items: center;
   justify-content: center;
-  width: 44px;
-  height: 44px;
+  width: 64px;
+  height: 64px;
   padding: 0;
   transition: all var(--animation-fast) ease-out;
   border: 1px solid var(--celeste-digit-input-border-color);
@@ -2405,24 +2520,24 @@ to {
   background-color: var(--color-bg-white-0);
   box-shadow: var(--celeste-digit-input-drop-shadow);
   color: var(--color-text-strong-950);
-  font: var(--paragraph-sm);
+  font: var(--title-h5-title);
   text-align: center;
 }
-.celeste-digit-input-slot[data-v-5b5299e2]::-moz-placeholder {
+.celeste-digit-input-slot[data-v-86327944]::-moz-placeholder {
   -moz-transition: color var(--animation-fast) ease-out;
   transition: color var(--animation-fast) ease-out;
   color: var(--celeste-digit-input-placeholder-color);
 }
-.celeste-digit-input-slot[data-v-5b5299e2]::placeholder {
+.celeste-digit-input-slot[data-v-86327944]::placeholder {
   transition: color var(--animation-fast) ease-out;
   color: var(--celeste-digit-input-placeholder-color);
 }
-.celeste-digit-input-slot[data-v-5b5299e2]:focus {
+.celeste-digit-input-slot[data-v-86327944]:focus {
   --celeste-digit-input-border-color: var(--color-stroke-strong-950);
   --celeste-digit-input-placeholder-color: var(--color-text-sub-600);
   outline-color: var(--color-stroke-soft-200);
 }
-.celeste-digit-input-slot[data-v-5b5299e2]:disabled {
+.celeste-digit-input-slot[data-v-86327944]:disabled {
   --celeste-digit-input-border-color: transparent;
   --celeste-digit-input-drop-shadow: none;
   --celeste-digit-input-placeholder-color: var(--color-text-disabled-300);
@@ -2431,20 +2546,20 @@ to {
   color: var(--color-text-disabled-300);
   pointer-events: none;
 }
-.celeste-digit-input-slot[data-v-5b5299e2]:disabled::-moz-placeholder {
+.celeste-digit-input-slot[data-v-86327944]:disabled::-moz-placeholder {
   color: currentcolor;
 }
-.celeste-digit-input-slot[data-v-5b5299e2]:disabled::placeholder {
+.celeste-digit-input-slot[data-v-86327944]:disabled::placeholder {
   color: currentcolor;
 }
-[data-error=true] .celeste-digit-input-slot[data-v-5b5299e2] {
+[data-error=true] .celeste-digit-input-slot[data-v-86327944] {
   --celeste-digit-input-border-color: var(--color-state-error-base);
 }
-[data-error=true] .celeste-digit-input-slot[data-v-5b5299e2]:focus {
+[data-error=true] .celeste-digit-input-slot[data-v-86327944]:focus {
   --celeste-digit-input-border-color: var(--color-state-error-base);
   outline-color: var(--color-state-error-lighter);
 }
-.celeste-digit-input-slot[data-v-5b5299e2]:hover:not(:focus, :disabled) {
+.celeste-digit-input-slot[data-v-86327944]:hover:not(:focus, :disabled) {
   --celeste-digit-input-border-color: transparent;
   --celeste-digit-input-placeholder-color: var(--color-text-sub-600);
   background-color: var(--color-bg-weak-50);
@@ -3434,7 +3549,7 @@ to {
 }
 .celeste-modal-body[data-v-8872ed90] +  .celeste-modal-footer {
   border-block-start: 1px solid var(--color-stroke-soft-200);
-}.celeste-modal-overlay[data-v-bdcae06b] {
+}.celeste-modal-overlay[data-v-cec34aac] {
   position: fixed;
   z-index: 50;
   background: var(--color-overlay-overlay);
@@ -3442,23 +3557,23 @@ to {
           backdrop-filter: blur(5px);
   inset: 0;
 }
-.celeste-modal-content[data-v-bdcae06b] {
+.celeste-modal-content[data-v-cec34aac] {
   position: fixed;
   z-index: 51;
+  top: 50%;
+  left: 50%;
   border: 1px solid var(--color-stroke-soft-200);
   border-radius: var(--radius-20);
   background: var(--color-bg-white-0);
   box-shadow: var(--shadow-regular-md);
   translate: -50% -50%;
-  inset-block-start: 50%;
-  inset-inline-start: 50%;
 }
-.fade-enter-active[data-v-bdcae06b],
-.fade-leave-active[data-v-bdcae06b] {
+.fade-enter-active[data-v-cec34aac],
+.fade-leave-active[data-v-cec34aac] {
   transition: all var(--animation-fast) cubic-bezier(0.18, 0.89, 0.43, 1.19);
 }
-.fade-enter-from[data-v-bdcae06b],
-.fade-leave-to[data-v-bdcae06b] {
+.fade-enter-from[data-v-cec34aac],
+.fade-leave-to[data-v-cec34aac] {
   visibility: hidden;
   opacity: 0;
   scale: 0.95;

package/dist/cjs/chunks/index.js

@@ -6716,6 +6716,214 @@ const By = /* @__PURE__ */ Mo.defineComponent({
       }, 16, ["data-state", "data-value", "data-max"]);
     };
   }
+}), [nf, of] = Q("RadioGroupRoot"), Ty = /* @__PURE__ */ Mo.defineComponent({
+  __name: "RadioGroupRoot",
+  props: {
+    modelValue: {},
+    defaultValue: {},
+    disabled: { type: Boolean, default: false },
+    name: {},
+    required: { type: Boolean, default: false },
+    orientation: { default: void 0 },
+    dir: {},
+    loop: { type: Boolean, default: true },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["update:modelValue"],
+  setup(a2, { emit: t }) {
+    const e = a2, n = t, { forwardRef: l } = R(), s = ne(e, "modelValue", n, {
+      defaultValue: e.defaultValue,
+      passive: e.modelValue === void 0
+    }), { disabled: r, loop: i, orientation: u, name: d, required: c, dir: f } = Mo.toRefs(e), v = be(f);
+    return of({
+      modelValue: s,
+      changeModelValue: (p) => {
+        s.value = p;
+      },
+      disabled: r,
+      loop: i,
+      orientation: u,
+      name: d == null ? void 0 : d.value,
+      required: c
+    }), (p, g) => (Mo.openBlock(), Mo.createBlock(Mo.unref(Vt), {
+      "as-child": "",
+      orientation: Mo.unref(u),
+      dir: Mo.unref(v),
+      loop: Mo.unref(i)
+    }, {
+      default: Mo.withCtx(() => [
+        Mo.createVNode(Mo.unref(O), {
+          ref: Mo.unref(l),
+          role: "radiogroup",
+          "data-disabled": Mo.unref(r) ? "" : void 0,
+          "as-child": p.asChild,
+          as: p.as,
+          required: Mo.unref(c),
+          "aria-orientation": Mo.unref(u),
+          "aria-required": Mo.unref(c),
+          dir: Mo.unref(v),
+          name: Mo.unref(d)
+        }, {
+          default: Mo.withCtx(() => [
+            Mo.renderSlot(p.$slots, "default", { modelValue: Mo.unref(s) })
+          ]),
+          _: 3
+        }, 8, ["data-disabled", "as-child", "as", "required", "aria-orientation", "aria-required", "dir", "name"])
+      ]),
+      _: 3
+    }, 8, ["orientation", "dir", "loop"]));
+  }
+}), lf = ["value", "checked", "name", "disabled", "required"], sf = /* @__PURE__ */ Mo.defineComponent({
+  __name: "Radio",
+  props: {
+    id: {},
+    value: {},
+    disabled: { type: Boolean, default: false },
+    required: { type: Boolean },
+    checked: { type: Boolean, default: void 0 },
+    name: {},
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  emits: ["update:checked"],
+  setup(a2, { emit: t }) {
+    const e = a2, l = ne(e, "checked", t, {
+      passive: e.checked === void 0
+    }), { value: s } = Mo.toRefs(e), { forwardRef: r, currentElement: i } = R(), u = Qe(i), d = Mo.computed(() => {
+      var f;
+      return e.id && i.value ? ((f = document.querySelector(`[for="${e.id}"]`)) == null ? void 0 : f.innerText) ?? e.value : void 0;
+    });
+    function c(f) {
+      l.value = true, u.value && f.stopPropagation();
+    }
+    return (f, v) => (Mo.openBlock(), Mo.createBlock(Mo.unref(O), Mo.mergeProps(f.$attrs, {
+      id: f.id,
+      ref: Mo.unref(r),
+      role: "radio",
+      type: f.as === "button" ? "button" : void 0,
+      as: f.as,
+      "aria-checked": Mo.unref(l),
+      "aria-label": d.value,
+      "as-child": f.asChild,
+      disabled: f.disabled ? "" : void 0,
+      "data-state": Mo.unref(l) ? "checked" : "unchecked",
+      "data-disabled": f.disabled ? "" : void 0,
+      value: Mo.unref(s),
+      required: f.required,
+      name: f.name,
+      onClick: Mo.withModifiers(c, ["stop"])
+    }), {
+      default: Mo.withCtx(() => [
+        Mo.renderSlot(f.$slots, "default", { checked: Mo.unref(l) }),
+        Mo.unref(u) ? (Mo.openBlock(), Mo.createElementBlock("input", {
+          key: 0,
+          type: "radio",
+          tabindex: "-1",
+          "aria-hidden": "true",
+          value: Mo.unref(s),
+          checked: !!Mo.unref(l),
+          name: f.name,
+          disabled: f.disabled,
+          required: f.required,
+          style: {
+            transform: "translateX(-100%)",
+            position: "absolute",
+            pointerEvents: "none",
+            opacity: 0,
+            margin: 0
+          }
+        }, null, 8, lf)) : Mo.createCommentVNode("", true)
+      ]),
+      _: 3
+    }, 16, ["id", "type", "as", "aria-checked", "aria-label", "as-child", "disabled", "data-state", "data-disabled", "value", "required", "name"]));
+  }
+}), [rf, uf] = Q("RadioGroupItem"), Ry = /* @__PURE__ */ Mo.defineComponent({
+  inheritAttrs: false,
+  __name: "RadioGroupItem",
+  props: {
+    id: {},
+    value: {},
+    disabled: { type: Boolean, default: false },
+    required: { type: Boolean },
+    name: {},
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(a2) {
+    const t = a2, { forwardRef: e, currentElement: n } = R(), l = nf(), s = Mo.computed(() => l.disabled.value || t.disabled), r = Mo.computed(() => l.required.value || t.required), i = Mo.computed(() => {
+      var f;
+      return ((f = l.modelValue) == null ? void 0 : f.value) === t.value;
+    });
+    uf({ disabled: s, checked: i });
+    const u = Mo.ref(false), d = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
+    Le("keydown", (f) => {
+      d.includes(f.key) && (u.value = true);
+    }), Le("keyup", () => {
+      u.value = false;
+    });
+    function c() {
+      setTimeout(() => {
+        var f;
+        u.value && ((f = n.value) == null || f.click());
+      }, 0);
+    }
+    return (f, v) => (Mo.openBlock(), Mo.createBlock(Mo.unref(Ft), {
+      checked: i.value,
+      disabled: s.value,
+      "as-child": "",
+      focusable: !s.value,
+      active: i.value
+    }, {
+      default: Mo.withCtx(() => [
+        Mo.createVNode(sf, Mo.mergeProps({ ...f.$attrs, ...t }, {
+          ref: Mo.unref(e),
+          checked: i.value,
+          required: r.value,
+          disabled: s.value,
+          "onUpdate:checked": v[0] || (v[0] = (p) => Mo.unref(l).changeModelValue(f.value)),
+          onKeydown: v[1] || (v[1] = Mo.withKeys(Mo.withModifiers(() => {
+          }, ["prevent"]), ["enter"])),
+          onFocus: c
+        }), {
+          default: Mo.withCtx(() => [
+            Mo.renderSlot(f.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["checked", "required", "disabled"])
+      ]),
+      _: 3
+    }, 8, ["checked", "disabled", "focusable", "active"]));
+  }
+}), Ay = /* @__PURE__ */ Mo.defineComponent({
+  __name: "RadioGroupIndicator",
+  props: {
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { default: "span" }
+  },
+  setup(a2) {
+    const { forwardRef: t } = R(), e = rf();
+    return (n, l) => (Mo.openBlock(), Mo.createBlock(Mo.unref(Pe), {
+      present: n.forceMount || Mo.unref(e).checked.value
+    }, {
+      default: Mo.withCtx(() => [
+        Mo.createVNode(Mo.unref(O), Mo.mergeProps({
+          ref: Mo.unref(t),
+          "data-state": Mo.unref(e).checked.value ? "checked" : "unchecked",
+          "data-disabled": Mo.unref(e).disabled.value ? "" : void 0,
+          "as-child": n.asChild,
+          as: n.as
+        }, n.$attrs), {
+          default: Mo.withCtx(() => [
+            Mo.renderSlot(n.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["data-state", "data-disabled", "as-child", "as"])
+      ]),
+      _: 3
+    }, 8, ["present"]));
+  }
 });
 const [He, Pf] = Q("ScrollAreaRoot"), Oy = /* @__PURE__ */ Mo.defineComponent({
   __name: "ScrollAreaRoot",
@@ -9504,6 +9712,7 @@ const av = /* @__PURE__ */ Mo.defineComponent({
 });
 exports.$y = $y;
 exports.At = At;
+exports.Ay = Ay;
 exports.By = By;
 exports.Cg = Cg;
 exports.Ch = Ch;
@@ -9532,6 +9741,8 @@ exports.Pu = Pu;
 exports.Qf = Qf;
 exports.Qv = Qv;
 exports.Qy = Qy;
+exports.Ry = Ry;
+exports.Ty = Ty;
 exports.Uv = Uv;
 exports.Uy = Uy;
 exports.Vy = Vy;

package/dist/cjs/chunks/radio-group-item.vue_vue_type_style_index_0_lang.js

@@ -0,0 +1,34 @@
+"use strict";
+const Mo = require("vue");
+const useDelegatedProps = require("../use-delegated-props.js");
+const clsx = require("./clsx.js");
+const index = require("./index.js");
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "radio-group-item",
+  props: {
+    id: {},
+    value: {},
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    name: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
+    const forwarded = index.xe(delegatedProps);
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Ry), Mo.mergeProps(Mo.unref(forwarded), {
+        class: Mo.unref(clsx.clsx)("celeste-radio-item", props.class)
+      }), {
+        default: Mo.withCtx(() => [
+          Mo.createVNode(Mo.unref(index.Ay), { class: "celeste-radio-indicator" })
+        ]),
+        _: 1
+      }, 16, ["class"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/radio-group.vue_vue_type_style_index_0_lang.js

@@ -0,0 +1,39 @@
+"use strict";
+const Mo = require("vue");
+const useDelegatedProps = require("../use-delegated-props.js");
+const clsx = require("./clsx.js");
+const index = require("./index.js");
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "radio-group",
+  props: {
+    modelValue: {},
+    defaultValue: {},
+    disabled: { type: Boolean },
+    name: {},
+    required: { type: Boolean },
+    orientation: {},
+    dir: {},
+    loop: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
+    const forwarded = index.xe(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Ty), Mo.mergeProps({
+        class: Mo.unref(clsx.clsx)("celeste-radio-wrapper", props.class)
+      }, Mo.unref(forwarded)), {
+        default: Mo.withCtx(() => [
+          Mo.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/digit-input-slot.js

@@ -24,5 +24,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     };
   }
 });
-const digitInputSlot = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-5b5299e2"]]);
+const digitInputSlot = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-86327944"]]);
 module.exports = digitInputSlot;

package/dist/cjs/index.js

@@ -51,6 +51,8 @@ const popoverTrigger = require("./popover-trigger.js");
 const popover_vue_vue_type_script_setup_true_lang = require("./chunks/popover.js");
 const progressBar = require("./progress-bar.js");
 const progressCircle = require("./progress-circle.js");
+const radioGroupItem_vue_vue_type_style_index_0_lang = require("./chunks/radio-group-item.vue_vue_type_style_index_0_lang.js");
+const radioGroup_vue_vue_type_style_index_0_lang = require("./chunks/radio-group.vue_vue_type_style_index_0_lang.js");
 const richEditor = require("./rich-editor.js");
 const scrollArea_vue_vue_type_script_setup_true_lang = require("./chunks/scroll-area.js");
 const segmentedControlItem = require("./segmented-control-item.js");
@@ -131,6 +133,8 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   PopoverTrigger: popoverTrigger,
   ProgressBar: progressBar,
   ProgressCircle: progressCircle,
+  RadioGroup: radioGroup_vue_vue_type_style_index_0_lang._sfc_main,
+  RadioGroupItem: radioGroupItem_vue_vue_type_style_index_0_lang._sfc_main,
   RichEditor: richEditor,
   ScrollArea: scrollArea_vue_vue_type_script_setup_true_lang._sfc_main,
   SegmentedControl: segmentedControl,
@@ -267,6 +271,8 @@ exports.PopoverTrigger = popoverTrigger;
 exports.Popover = popover_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.ProgressBar = progressBar;
 exports.ProgressCircle = progressCircle;
+exports.RadioGroupItem = radioGroupItem_vue_vue_type_style_index_0_lang._sfc_main;
+exports.RadioGroup = radioGroup_vue_vue_type_style_index_0_lang._sfc_main;
 exports.RichEditor = richEditor;
 exports.ScrollArea = scrollArea_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.SegmentedControlItem = segmentedControlItem;

package/dist/cjs/modal-content.js

@@ -44,5 +44,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     };
   }
 });
-const modalContent = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-bdcae06b"]]);
+const modalContent = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-cec34aac"]]);
 module.exports = modalContent;

package/dist/cjs/radio-group-item.js

@@ -0,0 +1,3 @@
+"use strict";
+const radioGroupItem_vue_vue_type_style_index_0_lang = require("./chunks/radio-group-item.vue_vue_type_style_index_0_lang.js");
+module.exports = radioGroupItem_vue_vue_type_style_index_0_lang._sfc_main;

package/dist/cjs/radio-group.js

@@ -0,0 +1,3 @@
+"use strict";
+const radioGroup_vue_vue_type_style_index_0_lang = require("./chunks/radio-group.vue_vue_type_style_index_0_lang.js");
+module.exports = radioGroup_vue_vue_type_style_index_0_lang._sfc_main;

package/dist/cjs/tag.js

@@ -0,0 +1,39 @@
+"use strict";
+const Mo = require("vue");
+const clsx = require("./chunks/clsx.js");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _hoisted_1 = ["data-tag-variant", "aria-disabled"];
+const _hoisted_2 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "tag",
+  props: {
+    variant: { default: "stroke" },
+    class: {},
+    dismissable: { type: Boolean, default: false },
+    disabled: { type: Boolean }
+  },
+  emits: ["dismiss"],
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createElementBlock("div", {
+        class: Mo.normalizeClass(Mo.unref(clsx.clsx)("celeste-tag", props.class)),
+        "data-tag-variant": _ctx.variant,
+        "aria-disabled": _ctx.disabled
+      }, [
+        Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true),
+        _ctx.dismissable ? (Mo.openBlock(), Mo.createElementBlock("button", {
+          key: 0,
+          disabled: _ctx.disabled,
+          class: "celeste-tag-dismiss-button",
+          "aria-label": "dismiss",
+          onClick: _cache[0] || (_cache[0] = Mo.withModifiers(($event) => _ctx.$emit("dismiss"), ["prevent", "stop"]))
+        }, _cache[1] || (_cache[1] = [
+          Mo.createElementVNode("i", { class: "i-celeste-close-line" }, null, -1)
+        ]), 8, _hoisted_2)) : Mo.createCommentVNode("", true)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+const tag = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-0011e3b8"]]);
+module.exports = tag;

package/dist/components/index.d.ts

@@ -12,6 +12,7 @@ export * from './label';
 export * from './modal';
 export * from './popover';
 export * from './progress';
+export * from './radio-group';
 export * from './rich-editor';
 export * from './scroll-area';
 export * from './segmented-control';

package/dist/components/radio-group/index.d.ts

@@ -0,0 +1,4 @@
+export * from './radio-group-item';
+export { default as RadioGroupItem } from './radio-group-item';
+export * from './radio-group';
+export { default as RadioGroup } from './radio-group';

package/dist/components/radio-group/radio-group-item.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'vue';
+import { RadioGroupItemProps } from 'radix-vue';
+type __VLS_Props = RadioGroupItemProps & {
+    class?: HTMLAttributes['class'];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;