@youcan/celeste 0.6.40 → 0.6.41

package/dist/es/dropdown-menu-separator.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { a7 as ph } from "./chunks/index.js";
+import { aa as ph } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dropdown-menu-separator",

package/dist/es/dropdown-menu-sub-content.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, renderSlot } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { x as xe, a2 as ih, a8 as Ch } from "./chunks/index.js";
+import { x as xe, a5 as ih, ab as Ch } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dropdown-menu-sub-content",

package/dist/es/dropdown-menu-sub-trigger.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, renderSlot, createCommentVNode, createElementVNode } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { A as At, a9 as wh } from "./chunks/index.js";
+import { A as At, ac as wh } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = {
   key: 0,

package/dist/es/dropdown-menu-trigger.js

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { A as At, aa as rh } from "./chunks/index.js";
+import { A as At, ad as rh } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dropdown-menu-trigger",

package/dist/es/dropdown-menu.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
-import { ab as sh } from "./chunks/index.js";
+import { ae as sh } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dropdown-menu",

package/dist/es/dropdown.js

@@ -1,6 +1,6 @@
 import { defineComponent, mergeModels, useModel, ref, computed, watch, openBlock, createElementBlock, withKeys, createVNode, unref, withCtx, normalizeClass, createElementVNode, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, toDisplayString, createBlock, createSlots, Fragment, renderList } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { U as Hv, j as jv, $ as Uv, X as Xv, T as Jv, _ as tm, Z as Zv, L as qv, R as Qv } from "./chunks/index.js";
+import { a0 as Hv, j as jv, a2 as Uv, _ as Xv, $ as Jv, a1 as tm, Z as Zv, P as qv, U as Qv } from "./chunks/index.js";
 import Badge from "./badge.js";
 import TextInput from "./text-input.js";
 import DropdownItem from "./dropdown-item.js";

package/dist/es/fancy-button.js

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createBlock, unref, normalizeClass, withCtx, renderSlot } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { f as O } from "./chunks/index.js";
+import { g as O } from "./chunks/index.js";
 /* empty css                                                                    */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/es/index.js

@@ -49,23 +49,25 @@ import PopoverTrigger from "./popover-trigger.js";
 import { _ as _sfc_main$7 } from "./chunks/popover.js";
 import progressBar from "./progress-bar.js";
 import progressCircle from "./progress-circle.js";
+import { _ as _sfc_main$9 } from "./chunks/radio-group-item.vue_vue_type_style_index_0_lang.js";
+import { _ as _sfc_main$8 } from "./chunks/radio-group.vue_vue_type_style_index_0_lang.js";
 import richEditor from "./rich-editor.js";
-import { _ as _sfc_main$8 } from "./chunks/scroll-area.js";
+import { _ as _sfc_main$a } from "./chunks/scroll-area.js";
 import segmentedControlItem from "./segmented-control-item.js";
 import segmentedControl from "./segmented-control.js";
 import SelectContent from "./select-content.js";
-import { _ as _sfc_main$a } from "./chunks/select-group.js";
+import { _ as _sfc_main$c } from "./chunks/select-group.js";
 import SelectIcon from "./select-icon.js";
 import SelectItem from "./select-item.js";
 import selectLabel from "./select-label.js";
 import selectSeparator from "./select-separator.js";
 import SelectTrigger from "./select-trigger.js";
 import SelectValue from "./select-value.js";
-import { _ as _sfc_main$9 } from "./chunks/select.js";
-import { _ as _sfc_main$b } from "./chunks/slider.vue_vue_type_style_index_0_lang.js";
+import { _ as _sfc_main$b } from "./chunks/select.js";
+import { _ as _sfc_main$d } from "./chunks/slider.vue_vue_type_style_index_0_lang.js";
 import SonnerAlert from "./sonner-alert.js";
-import { _ as _sfc_main$c, t as toast$1 } from "./chunks/sonner.js";
-import { _ as _sfc_main$d } from "./chunks/switch.vue_vue_type_style_index_0_lang.js";
+import { _ as _sfc_main$e, t as toast$1 } from "./chunks/sonner.js";
+import { _ as _sfc_main$f } from "./chunks/switch.vue_vue_type_style_index_0_lang.js";
 import tabMenuContent from "./tab-menu-content.js";
 import tabMenuItem from "./tab-menu-item.js";
 import tabMenuList from "./tab-menu-list.js";
@@ -129,25 +131,27 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   PopoverTrigger,
   ProgressBar: progressBar,
   ProgressCircle: progressCircle,
+  RadioGroup: _sfc_main$8,
+  RadioGroupItem: _sfc_main$9,
   RichEditor: richEditor,
-  ScrollArea: _sfc_main$8,
+  ScrollArea: _sfc_main$a,
   SegmentedControl: segmentedControl,
   SegmentedControlItem: segmentedControlItem,
-  Select: _sfc_main$9,
+  Select: _sfc_main$b,
   SelectContent,
-  SelectGroup: _sfc_main$a,
+  SelectGroup: _sfc_main$c,
   SelectIcon,
   SelectItem,
   SelectLabel: selectLabel,
   SelectSeparator: selectSeparator,
   SelectTrigger,
   SelectValue,
-  Slider: _sfc_main$b,
+  Slider: _sfc_main$d,
   SocialButton: socialButton,
-  Sonner: _sfc_main$c,
+  Sonner: _sfc_main$e,
   SonnerAlert,
   StatusBadge: statusBadge,
-  Switch: _sfc_main$d,
+  Switch: _sfc_main$f,
   TabMenu: tabMenu,
   TabMenuContent: tabMenuContent,
   TabMenuItem: tabMenuItem,
@@ -268,25 +272,27 @@ export {
   PopoverTrigger,
   progressBar as ProgressBar,
   progressCircle as ProgressCircle,
+  _sfc_main$8 as RadioGroup,
+  _sfc_main$9 as RadioGroupItem,
   richEditor as RichEditor,
-  _sfc_main$8 as ScrollArea,
+  _sfc_main$a as ScrollArea,
   segmentedControl as SegmentedControl,
   segmentedControlItem as SegmentedControlItem,
-  _sfc_main$9 as Select,
+  _sfc_main$b as Select,
   SelectContent,
-  _sfc_main$a as SelectGroup,
+  _sfc_main$c as SelectGroup,
   SelectIcon,
   SelectItem,
   selectLabel as SelectLabel,
   selectSeparator as SelectSeparator,
   SelectTrigger,
   SelectValue,
-  _sfc_main$b as Slider,
+  _sfc_main$d as Slider,
   socialButton as SocialButton,
-  _sfc_main$c as Sonner,
+  _sfc_main$e as Sonner,
   SonnerAlert,
   statusBadge as StatusBadge,
-  _sfc_main$d as Switch,
+  _sfc_main$f as Switch,
   tabMenu as TabMenu,
   tabMenuContent as TabMenuContent,
   tabMenuItem as TabMenuItem,

package/dist/es/label.js

@@ -2,7 +2,7 @@ import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, re
 import Tooltip from "./tooltip.js";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { J as Oh } from "./chunks/index.js";
+import { L as Oh } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = {
   key: 0,

package/dist/es/link-button.js

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createBlock, unref, normalizeClass, withCtx, renderSlot } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { f as O } from "./chunks/index.js";
+import { g as O } from "./chunks/index.js";
 /* empty css                                                                   */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/es/modal-content.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, Transition, mergeProps, renderSlot } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { x as xe, ac as Dv, ad as Eu, ae as xu } from "./chunks/index.js";
+import { x as xe, af as Dv, ag as Eu, ah as xu } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "modal-content",
@@ -43,7 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const modalContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bdcae06b"]]);
+const modalContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cec34aac"]]);
 export {
   modalContent as default
 };

package/dist/es/modal-header.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createCommentVNode, createBlock, withCtx, toDisplayString, createVNode } from "vue";
 import CompactButton from "./compact-button.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { af as Pu, ag as Du, a as Gl } from "./chunks/index.js";
+import { ai as Pu, aj as Du, a as Gl } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = ["data-dismissible", "data-alignment", "data-type"];
 const _hoisted_2 = {

package/dist/es/popover-content.js

@@ -2,7 +2,7 @@ import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, m
 import CompactButton from "./compact-button.js";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { x as xe, ah as bs, ai as ws, aj as _s, ak as xs } from "./chunks/index.js";
+import { x as xe, ak as bs, al as ws, am as _s, an as xs } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = ["data-icon-size"];
 const _hoisted_2 = { class: "celeste-popover-title" };

package/dist/es/popover-trigger.js

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { al as gs } from "./chunks/index.js";
+import { ao as gs } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "popover-trigger",

package/dist/es/progress-bar.js

@@ -1,7 +1,7 @@
 import { defineComponent, useCssVars, computed, openBlock, createElementBlock, toDisplayString, createCommentVNode, createElementVNode, renderSlot, createTextVNode, createVNode, unref, mergeProps, withCtx } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { am as By, an as Iy } from "./chunks/index.js";
+import { ap as By, aq as Iy } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = ["data-layout"];
 const _hoisted_2 = {

package/dist/es/progress-circle.js

@@ -1,7 +1,7 @@
 import { defineComponent, useCssVars, computed, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, createElementBlock, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { am as By, an as Iy } from "./chunks/index.js";
+import { ap as By, aq as Iy } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = ["width", "height"];
 const _hoisted_2 = ["cx", "cy", "r"];

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

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "./chunks/radio-group-item.vue_vue_type_style_index_0_lang.js";
+export {
+  _sfc_main as default
+};

package/dist/es/radio-group.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "./chunks/radio-group.vue_vue_type_style_index_0_lang.js";
+export {
+  _sfc_main as default
+};

package/dist/es/segmented-control-item.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { I as sv } from "./chunks/index.js";
+import { J as sv } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "segmented-control-item",

package/dist/es/segmented-control.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { x as xe, H as lv } from "./chunks/index.js";
+import { x as xe, I as lv } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "segmented-control",

package/dist/es/select-content.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, renderSlot } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { x as xe, ao as zy, ap as Ky, aq as Xy } from "./chunks/index.js";
+import { x as xe, ar as zy, as as Ky, at as Xy } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "select-content",

package/dist/es/select-item.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, renderSlot, createElementVNode } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { ar as jy, as as Yy, at as Uy } from "./chunks/index.js";
+import { au as jy, av as Yy, aw as Uy } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "select-item",

package/dist/es/select-trigger.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createVNode, createElementVNode } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { au as Ly, av as eg } from "./chunks/index.js";
+import { ax as Ly, ay as eg } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "select-trigger",

package/dist/es/select-value.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { aw as Qy } from "./chunks/index.js";
+import { az as Qy } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "select-value",

package/dist/es/social-button.js

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createBlock, unref, normalizeClass, withCtx, createElementVNode, createElementBlock, toDisplayString, createCommentVNode } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { f as O } from "./chunks/index.js";
+import { g as O } from "./chunks/index.js";
 /* empty css                                                                     */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = {

package/dist/es/tab-menu-content.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { E as bg } from "./chunks/index.js";
+import { H as bg } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "tab-menu-content",

package/dist/es/tab-menu-item.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, createCommentVNode } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { A as At, D as Cg } from "./chunks/index.js";
+import { A as At, E as Cg } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = {
   key: 0,

package/dist/es/tab-menu-list.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { C as gg } from "./chunks/index.js";
+import { D as gg } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "tab-menu-list",

package/dist/es/tab-menu.js

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { x as xe, B as yg } from "./chunks/index.js";
+import { x as xe, C as yg } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "tab-menu",

package/dist/es/tag.js

@@ -0,0 +1,40 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot, withModifiers, createElementVNode, createCommentVNode } from "vue";
+import { c as clsx } from "./chunks/clsx.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _hoisted_1 = ["data-tag-variant", "aria-disabled"];
+const _hoisted_2 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ 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 openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(clsx)("celeste-tag", props.class)),
+        "data-tag-variant": _ctx.variant,
+        "aria-disabled": _ctx.disabled
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true),
+        _ctx.dismissable ? (openBlock(), createElementBlock("button", {
+          key: 0,
+          disabled: _ctx.disabled,
+          class: "celeste-tag-dismiss-button",
+          "aria-label": "dismiss",
+          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("dismiss"), ["prevent", "stop"]))
+        }, _cache[1] || (_cache[1] = [
+          createElementVNode("i", { class: "i-celeste-close-line" }, null, -1)
+        ]), 8, _hoisted_2)) : createCommentVNode("", true)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+const tag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0011e3b8"]]);
+export {
+  tag as default
+};

package/dist/es/text-input.js

@@ -1,7 +1,7 @@
 import { defineComponent, mergeModels, computed, useModel, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, renderSlot, withDirectives, createElementVNode, mergeProps, vModelDynamic, createBlock } from "vue";
 import { uid } from "./crypto.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { f as O } from "./chunks/index.js";
+import { g as O } from "./chunks/index.js";
 import TextInputButton from "./text-input-button.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = ["for", "size", "has-error"];

package/dist/es/tooltip.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, renderSlot, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, toDisplayString } from "vue";
 import CompactButton from "./compact-button.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { x as xe, ax as Lg, ay as zg, az as Kg, aA as jg, aB as Hg, aC as Wg } from "./chunks/index.js";
+import { x as xe, aA as Lg, aB as zg, aC as Kg, aD as jg, aE as Hg, aF as Wg } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "celeste-tooltip-content-box" };
 const _hoisted_2 = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@youcan/celeste",
   "type": "module",
-  "version": "0.6.40",
+  "version": "0.6.41",
   "author": "YouCan <tech@youcan.shop>",
   "keywords": [
     "youcan",
@@ -42,11 +42,10 @@
     "@vueuse/core": "^13.6.0",
     "clsx": "^2.1.1",
     "radix-vue": "^1.9.12",
-    "storybook-rtl-addon": "^0.3.3",
     "tinycolor2": "^1.6.0",
     "vue-sonner": "^2.0.2",
-    "@youcan/celeste-icons": "0.6.40",
-    "@youcan/celeste-tokens": "0.6.40"
+    "@youcan/celeste-icons": "0.6.41",
+    "@youcan/celeste-tokens": "0.6.41"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.0.0",

package/src/components/index.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/src/components/modal/modal-content.vue

@@ -41,13 +41,13 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
 .celeste-modal-content {
   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,

package/src/components/radio-group/index.ts

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

package/src/components/radio-group/radio-group-item.vue

@@ -0,0 +1,83 @@
+<script setup lang="ts">
+import type { HTMLAttributes } from 'vue';
+import { useDelegatedProps } from '@/composables/use-delegated-props';
+import clsx from 'clsx';
+import { RadioGroupIndicator, RadioGroupItem, type RadioGroupItemProps, useForwardPropsEmits } from 'radix-vue';
+
+const props = defineProps<RadioGroupItemProps & { class?: HTMLAttributes['class'] }>();
+const delegatedProps = useDelegatedProps(props, 'class');
+const forwarded = useForwardPropsEmits(delegatedProps);
+</script>
+
+<template>
+  <RadioGroupItem
+    v-bind="forwarded"
+    :class="clsx('celeste-radio-item', props.class)"
+  >
+    <RadioGroupIndicator class="celeste-radio-indicator" />
+  </RadioGroupItem>
+</template>
+
+<style lang="scss">
+.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;
+
+  &:hover:not([data-disabled]) {
+    --celeste-radio-border: var(--color-stroke-sub-300);
+  }
+
+  &:focus:not([data-disabled]) {
+    --celeste-radio-border: var(--color-primary-base);
+
+    outline: none;
+  }
+
+  &[data-disabled] {
+    background-color: var(--color-bg-soft-200);
+    pointer-events: none;
+  }
+
+  &[data-state='checked']:not([data-disabled]) {
+    --celeste-radio-border: transparent;
+
+    background-color: var(--color-primary-base);
+
+    &:hover,
+    &:focus {
+      background-color: var(--color-primary-darker);
+    }
+  }
+}
+
+.celeste-radio-indicator {
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+
+  &::after {
+    content: '';
+    display: block;
+    width: 8px;
+    height: 8px;
+    border-radius: var(--radius-full);
+    background-color: var(--color-static-white);
+  }
+}
+</style>

package/src/components/radio-group/radio-group.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import type { HTMLAttributes } from 'vue';
+import { useDelegatedProps } from '@/composables/use-delegated-props';
+import clsx from 'clsx';
+import { RadioGroupRoot, type RadioGroupRootEmits, type RadioGroupRootProps, useForwardPropsEmits } from 'radix-vue';
+
+const props = defineProps<RadioGroupRootProps & { class?: HTMLAttributes['class'] }>();
+const emits = defineEmits<RadioGroupRootEmits>();
+
+const delegatedProps = useDelegatedProps(props, 'class');
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
+</script>
+
+<template>
+  <RadioGroupRoot
+    :class="clsx('celeste-radio-wrapper', props.class)"
+    v-bind="forwarded"
+  >
+    <slot />
+  </RadioGroupRoot>
+</template>
+
+<style lang="scss">
+  .celeste-radio-wrapper {
+  &[data-orientation='vertical'] {
+    display: flex;
+    flex-direction: column;
+  }
+}
+</style>