@youcan/celeste 0.6.74 → 0.6.75

package/dist/es/index.js

@@ -75,65 +75,65 @@ import radioGroupLabel from "./radio-group-label.js";
 import { _ as _sfc_main$i } from "./chunks/radio-group.js";
 /* empty css                                                   */
 import richEditor from "./rich-editor.js";
-import { _ as _sfc_main$k } from "./chunks/scroll-area.js";
+import scrollArea from "./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$m } from "./chunks/select-group.js";
+import { _ as _sfc_main$l } 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$l } from "./chunks/select.js";
+import { _ as _sfc_main$k } from "./chunks/select.js";
 import sheetClose from "./sheet-close.js";
 import SheetContent from "./sheet-content.js";
 import sheetDescription from "./sheet-description.js";
 import sheetFooter from "./sheet-footer.js";
 import sheetHeader from "./sheet-header.js";
 import sheetTitle from "./sheet-title.js";
-import { _ as _sfc_main$o } from "./chunks/sheet-trigger.js";
-import { _ as _sfc_main$n } from "./chunks/sheet.js";
-import { _ as _sfc_main$q } from "./chunks/sidebar-content.js";
+import { _ as _sfc_main$n } from "./chunks/sheet-trigger.js";
+import { _ as _sfc_main$m } from "./chunks/sheet.js";
+import { _ as _sfc_main$p } from "./chunks/sidebar-content.js";
 /* empty css                                                       */
-import { _ as _sfc_main$r } from "./chunks/sidebar-element.js";
+import { _ as _sfc_main$q } from "./chunks/sidebar-element.js";
 /* empty css                                                       */
-import { _ as _sfc_main$s } from "./chunks/sidebar-footer.js";
+import { _ as _sfc_main$r } from "./chunks/sidebar-footer.js";
 /* empty css                                                      */
 import sidebarGroupContent from "./sidebar-group-content.js";
-import { _ as _sfc_main$u } from "./chunks/sidebar-group-label.js";
+import { _ as _sfc_main$t } from "./chunks/sidebar-group-label.js";
 /* empty css                                                           */
-import { _ as _sfc_main$t } from "./chunks/sidebar-group.js";
+import { _ as _sfc_main$s } from "./chunks/sidebar-group.js";
 /* empty css                                                     */
-import { _ as _sfc_main$v } from "./chunks/sidebar-header.js";
+import { _ as _sfc_main$u } from "./chunks/sidebar-header.js";
 /* empty css                                                      */
-import { _ as _sfc_main$x } from "./chunks/sidebar-menu-action.js";
+import { _ as _sfc_main$w } from "./chunks/sidebar-menu-action.js";
 /* empty css                                                           */
-import { _ as _sfc_main$y } from "./chunks/sidebar-menu-badge.js";
+import { _ as _sfc_main$x } from "./chunks/sidebar-menu-badge.js";
 /* empty css                                                          */
-import { _ as _sfc_main$z } from "./chunks/sidebar-menu-button.js";
+import { _ as _sfc_main$y } from "./chunks/sidebar-menu-button.js";
 /* empty css                                                           */
-import { _ as _sfc_main$A } from "./chunks/sidebar-menu-item.js";
+import { _ as _sfc_main$z } from "./chunks/sidebar-menu-item.js";
 /* empty css                                                         */
-import { _ as _sfc_main$C } from "./chunks/sidebar-menu-sub-button.js";
+import { _ as _sfc_main$B } from "./chunks/sidebar-menu-sub-button.js";
 /* empty css                                                               */
-import { _ as _sfc_main$D } from "./chunks/sidebar-menu-sub-item.js";
+import { _ as _sfc_main$C } from "./chunks/sidebar-menu-sub-item.js";
 /* empty css                                                             */
-import { _ as _sfc_main$B } from "./chunks/sidebar-menu-sub.js";
+import { _ as _sfc_main$A } from "./chunks/sidebar-menu-sub.js";
 /* empty css                                                        */
-import { _ as _sfc_main$w } from "./chunks/sidebar-menu.js";
+import { _ as _sfc_main$v } from "./chunks/sidebar-menu.js";
 /* empty css                                                    */
-import { _ as _sfc_main$E } from "./chunks/sidebar-provider.vue_vue_type_style_index_0_lang.js";
-import { _ as _sfc_main$F } from "./chunks/sidebar-separator.vue_vue_type_style_index_0_lang.js";
+import { _ as _sfc_main$D } from "./chunks/sidebar-provider.vue_vue_type_style_index_0_lang.js";
+import { _ as _sfc_main$E } from "./chunks/sidebar-separator.vue_vue_type_style_index_0_lang.js";
 import sidebarTrigger from "./sidebar-trigger.js";
-import { _ as _sfc_main$p } from "./chunks/sidebar.js";
+import { _ as _sfc_main$o } from "./chunks/sidebar.js";
 /* empty css                                               */
-import { _ as _sfc_main$G } from "./chunks/slider.js";
+import { _ as _sfc_main$F } from "./chunks/slider.js";
 /* empty css                                              */
 import SonnerAlert from "./sonner-alert.js";
-import { _ as _sfc_main$H, t as toast$1 } from "./chunks/sonner.js";
-import { _ as _sfc_main$I } from "./chunks/switch.js";
+import { _ as _sfc_main$G, t as toast$1 } from "./chunks/sonner.js";
+import { _ as _sfc_main$H } from "./chunks/switch.js";
 /* empty css                                              */
 import tabMenuContent from "./tab-menu-content.js";
 import tabMenuItem from "./tab-menu-item.js";
@@ -145,10 +145,10 @@ import TextInputButton from "./text-input-button.js";
 import TextInput from "./text-input.js";
 import textarea from "./textarea.js";
 import TooltipContent from "./tooltip-content.js";
-import { _ as _sfc_main$K } from "./chunks/tooltip-provider.js";
-import { _ as _sfc_main$L } from "./chunks/tooltip-root.js";
-import { _ as _sfc_main$M } from "./chunks/tooltip-trigger.js";
-import { _ as _sfc_main$J } from "./chunks/tooltip.js";
+import { _ as _sfc_main$J } from "./chunks/tooltip-provider.js";
+import { _ as _sfc_main$K } from "./chunks/tooltip-root.js";
+import { _ as _sfc_main$L } from "./chunks/tooltip-trigger.js";
+import { _ as _sfc_main$I } from "./chunks/tooltip.js";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, provideSidebarContext, useSidebar } from "./use-sidebar.js";
 import { COLOR_NUMBER_VALIDATION_PATTERN, DEFAULT_SWATCH, HEX_VALIDATION_PATTERN, bumpColorValue, clamp, getAbsolutePosition, getColorConstraints, getFractionDigit, getPageXYFromEvent, getScrollXY, resolveArrowDirection, truncColorValue } from "./color.js";
@@ -226,51 +226,51 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   RadioGroupItem: _sfc_main$j,
   RadioGroupLabel: radioGroupLabel,
   RichEditor: richEditor,
-  ScrollArea: _sfc_main$k,
+  ScrollArea: scrollArea,
   SegmentedControl: segmentedControl,
   SegmentedControlItem: segmentedControlItem,
-  Select: _sfc_main$l,
+  Select: _sfc_main$k,
   SelectContent,
-  SelectGroup: _sfc_main$m,
+  SelectGroup: _sfc_main$l,
   SelectIcon,
   SelectItem,
   SelectLabel: selectLabel,
   SelectSeparator: selectSeparator,
   SelectTrigger,
   SelectValue,
-  Sheet: _sfc_main$n,
+  Sheet: _sfc_main$m,
   SheetClose: sheetClose,
   SheetContent,
   SheetDescription: sheetDescription,
   SheetFooter: sheetFooter,
   SheetHeader: sheetHeader,
   SheetTitle: sheetTitle,
-  SheetTrigger: _sfc_main$o,
-  Sidebar: _sfc_main$p,
-  SidebarContent: _sfc_main$q,
-  SidebarElement: _sfc_main$r,
-  SidebarFooter: _sfc_main$s,
-  SidebarGroup: _sfc_main$t,
+  SheetTrigger: _sfc_main$n,
+  Sidebar: _sfc_main$o,
+  SidebarContent: _sfc_main$p,
+  SidebarElement: _sfc_main$q,
+  SidebarFooter: _sfc_main$r,
+  SidebarGroup: _sfc_main$s,
   SidebarGroupContent: sidebarGroupContent,
-  SidebarGroupLabel: _sfc_main$u,
-  SidebarHeader: _sfc_main$v,
-  SidebarMenu: _sfc_main$w,
-  SidebarMenuAction: _sfc_main$x,
-  SidebarMenuBadge: _sfc_main$y,
-  SidebarMenuButton: _sfc_main$z,
-  SidebarMenuItem: _sfc_main$A,
-  SidebarMenuSub: _sfc_main$B,
-  SidebarMenuSubButton: _sfc_main$C,
-  SidebarMenuSubItem: _sfc_main$D,
-  SidebarProvider: _sfc_main$E,
-  SidebarSeparator: _sfc_main$F,
+  SidebarGroupLabel: _sfc_main$t,
+  SidebarHeader: _sfc_main$u,
+  SidebarMenu: _sfc_main$v,
+  SidebarMenuAction: _sfc_main$w,
+  SidebarMenuBadge: _sfc_main$x,
+  SidebarMenuButton: _sfc_main$y,
+  SidebarMenuItem: _sfc_main$z,
+  SidebarMenuSub: _sfc_main$A,
+  SidebarMenuSubButton: _sfc_main$B,
+  SidebarMenuSubItem: _sfc_main$C,
+  SidebarProvider: _sfc_main$D,
+  SidebarSeparator: _sfc_main$E,
   SidebarTrigger: sidebarTrigger,
-  Slider: _sfc_main$G,
+  Slider: _sfc_main$F,
   SocialButton: socialButton,
-  Sonner: _sfc_main$H,
+  Sonner: _sfc_main$G,
   SonnerAlert,
   StatusBadge: statusBadge,
-  Switch: _sfc_main$I,
+  Switch: _sfc_main$H,
   TabMenu: tabMenu,
   TabMenuContent: tabMenuContent,
   TabMenuItem: tabMenuItem,
@@ -280,11 +280,11 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   TextInputAffix,
   TextInputButton,
   Textarea: textarea,
-  Tooltip: _sfc_main$J,
+  Tooltip: _sfc_main$I,
   TooltipContent,
-  TooltipProvider: _sfc_main$K,
-  TooltipRoot: _sfc_main$L,
-  TooltipTrigger: _sfc_main$M
+  TooltipProvider: _sfc_main$J,
+  TooltipRoot: _sfc_main$K,
+  TooltipTrigger: _sfc_main$L
 }, Symbol.toStringTag, { value: "Module" }));
 function createToast(title, data) {
   const {
@@ -423,51 +423,51 @@ export {
   SIDEBAR_WIDTH,
   SIDEBAR_WIDTH_ICON,
   SIDEBAR_WIDTH_MOBILE,
-  _sfc_main$k as ScrollArea,
+  scrollArea as ScrollArea,
   segmentedControl as SegmentedControl,
   segmentedControlItem as SegmentedControlItem,
-  _sfc_main$l as Select,
+  _sfc_main$k as Select,
   SelectContent,
-  _sfc_main$m as SelectGroup,
+  _sfc_main$l as SelectGroup,
   SelectIcon,
   SelectItem,
   selectLabel as SelectLabel,
   selectSeparator as SelectSeparator,
   SelectTrigger,
   SelectValue,
-  _sfc_main$n as Sheet,
+  _sfc_main$m as Sheet,
   sheetClose as SheetClose,
   SheetContent,
   sheetDescription as SheetDescription,
   sheetFooter as SheetFooter,
   sheetHeader as SheetHeader,
   sheetTitle as SheetTitle,
-  _sfc_main$o as SheetTrigger,
-  _sfc_main$p as Sidebar,
-  _sfc_main$q as SidebarContent,
-  _sfc_main$r as SidebarElement,
-  _sfc_main$s as SidebarFooter,
-  _sfc_main$t as SidebarGroup,
+  _sfc_main$n as SheetTrigger,
+  _sfc_main$o as Sidebar,
+  _sfc_main$p as SidebarContent,
+  _sfc_main$q as SidebarElement,
+  _sfc_main$r as SidebarFooter,
+  _sfc_main$s as SidebarGroup,
   sidebarGroupContent as SidebarGroupContent,
-  _sfc_main$u as SidebarGroupLabel,
-  _sfc_main$v as SidebarHeader,
-  _sfc_main$w as SidebarMenu,
-  _sfc_main$x as SidebarMenuAction,
-  _sfc_main$y as SidebarMenuBadge,
-  _sfc_main$z as SidebarMenuButton,
-  _sfc_main$A as SidebarMenuItem,
-  _sfc_main$B as SidebarMenuSub,
-  _sfc_main$C as SidebarMenuSubButton,
-  _sfc_main$D as SidebarMenuSubItem,
-  _sfc_main$E as SidebarProvider,
-  _sfc_main$F as SidebarSeparator,
+  _sfc_main$t as SidebarGroupLabel,
+  _sfc_main$u as SidebarHeader,
+  _sfc_main$v as SidebarMenu,
+  _sfc_main$w as SidebarMenuAction,
+  _sfc_main$x as SidebarMenuBadge,
+  _sfc_main$y as SidebarMenuButton,
+  _sfc_main$z as SidebarMenuItem,
+  _sfc_main$A as SidebarMenuSub,
+  _sfc_main$B as SidebarMenuSubButton,
+  _sfc_main$C as SidebarMenuSubItem,
+  _sfc_main$D as SidebarProvider,
+  _sfc_main$E as SidebarSeparator,
   sidebarTrigger as SidebarTrigger,
-  _sfc_main$G as Slider,
+  _sfc_main$F as Slider,
   socialButton as SocialButton,
-  _sfc_main$H as Sonner,
+  _sfc_main$G as Sonner,
   SonnerAlert,
   statusBadge as StatusBadge,
-  _sfc_main$I as Switch,
+  _sfc_main$H as Switch,
   tabMenu as TabMenu,
   tabMenuContent as TabMenuContent,
   tabMenuItem as TabMenuItem,
@@ -477,11 +477,11 @@ export {
   TextInputAffix,
   TextInputButton,
   textarea as Textarea,
-  _sfc_main$J as Tooltip,
+  _sfc_main$I as Tooltip,
   TooltipContent,
-  _sfc_main$K as TooltipProvider,
-  _sfc_main$L as TooltipRoot,
-  _sfc_main$M as TooltipTrigger,
+  _sfc_main$J as TooltipProvider,
+  _sfc_main$K as TooltipRoot,
+  _sfc_main$L as TooltipTrigger,
   bumpColorValue,
   clamp,
   getAbsolutePosition,

package/dist/es/label.js

@@ -2,7 +2,7 @@ import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, re
 import { _ as _sfc_main$1 } from "./chunks/tooltip.js";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { J as Vh } from "./chunks/index.js";
+import { V as Vh } from "./chunks/index.js";
 /* empty css                                                             */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = {

package/dist/es/modal-content.js

@@ -1,7 +1,7 @@
 import { defineComponent, createBlock, openBlock, unref, withCtx, createVNode, Transition, mergeProps, renderSlot } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { S as Se, ag as Iv, ah as $u, ai as Pu } from "./chunks/index.js";
+import { S as Se, ad as Iv, ae as $u, af as Pu } 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-header.js

@@ -1,7 +1,7 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createBlock, createElementVNode, withCtx, toDisplayString, createVNode } from "vue";
 import CompactButton from "./compact-button.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { aj as Bu, ak as Iu, X as Xl } from "./chunks/index.js";
+import { ag as Bu, ah as Iu, X as Xl } from "./chunks/index.js";
 /* empty css                                                                    */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = ["data-dismissible", "data-alignment", "data-type"];

package/dist/es/pagination-content.js

@@ -1,6 +1,6 @@
 import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { al as Py } from "./chunks/index.js";
+import { ai as Py } from "./chunks/index.js";
 import { r as reactiveOmit } from "./chunks/index2.js";
 /* empty css                                                                          */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";

package/dist/es/pagination-ellipsis.js

@@ -1,6 +1,6 @@
 import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createElementVNode } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { am as xy } from "./chunks/index.js";
+import { aj as xy } from "./chunks/index.js";
 import { r as reactiveOmit } from "./chunks/index2.js";
 /* empty css                                                                           */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";

package/dist/es/pagination.js

@@ -1,6 +1,6 @@
 import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, createElementBlock, createCommentVNode, createElementVNode, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { S as Se, an as _y } from "./chunks/index.js";
+import { S as Se, ak as _y } from "./chunks/index.js";
 import { r as reactiveOmit } from "./chunks/index2.js";
 /* empty css                                                                  */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";

package/dist/es/popover-content.js

@@ -2,7 +2,7 @@ import { defineComponent, createBlock, openBlock, 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 { S as Se, ao as _s, ap as Ss, aq as Es, ar as Ps } from "./chunks/index.js";
+import { S as Se, al as _s, am as Ss, an as Es, ao as Ps } from "./chunks/index.js";
 /* empty css                                                                       */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = ["data-icon-size"];

package/dist/es/popover-trigger.js

@@ -1,5 +1,5 @@
 import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { as as ws } from "./chunks/index.js";
+import { ap as ws } 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/progress-bar.js

@@ -1,7 +1,7 @@
 import { defineComponent, useCssVars, computed, createElementBlock, openBlock, createCommentVNode, createVNode, createElementVNode, toDisplayString, renderSlot, createTextVNode, unref, mergeProps, withCtx } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { at as Ry, au as Ay } from "./chunks/index.js";
+import { aq as Ry, ar as Ay } from "./chunks/index.js";
 /* empty css                                                                    */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = ["data-layout"];

package/dist/es/progress-circle.js

@@ -1,7 +1,7 @@
 import { defineComponent, useCssVars, computed, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, createElementBlock, createCommentVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { at as Ry, au as Ay } from "./chunks/index.js";
+import { aq as Ry, ar as Ay } from "./chunks/index.js";
 /* empty css                                                                       */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = ["width", "height"];

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

@@ -1,7 +1,7 @@
 import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, createElementBlock, createCommentVNode, createElementVNode, createVNode, normalizeClass, renderSlot, Fragment } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { J as Vh, h as O } from "./chunks/index.js";
+import { V as Vh, h as O } from "./chunks/index.js";
 /* empty css                                                                        */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "celeste-radio-card-content" };

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

@@ -1,7 +1,7 @@
 import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, createElementVNode, renderSlot, createCommentVNode } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { J as Vh, h as O } from "./chunks/index.js";
+import { V as Vh, h as O } from "./chunks/index.js";
 /* empty css                                                                         */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = { role: "presentation" };

package/dist/es/scroll-area.js

@@ -1,4 +1,44 @@
-import { _ as _sfc_main } from "./chunks/scroll-area.js";
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, renderSlot } from "vue";
+import { useDelegatedProps } from "./use-delegated-props.js";
+import { as as Vy, at as Fy, au as zy } from "./chunks/index.js";
+import { c as clsx } from "./chunks/clsx.js";
+import ScrollBar from "./scroll-bar.js";
+/* empty css                                                                   */
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "scroll-area",
+  props: {
+    type: {},
+    dir: {},
+    scrollHideDelay: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = useDelegatedProps(props, "class");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Vy), mergeProps(unref(delegatedProps), {
+        class: unref(clsx)("celeste-scroll-area", props.class)
+      }), {
+        default: withCtx(() => [
+          createVNode(unref(Fy), { class: "celeste-scroll-area-viewport" }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ]),
+            _: 3
+          }),
+          createVNode(ScrollBar),
+          createVNode(ScrollBar, { orientation: "horizontal" }),
+          createVNode(unref(zy))
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const scrollArea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-10330f2c"]]);
 export {
-  _sfc_main as default
+  scrollArea as default
 };

package/dist/es/scroll-bar.js

@@ -1,6 +1,7 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, createVNode } from "vue";
-import { c as clsx } from "./chunks/clsx.js";
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, createVNode } from "vue";
+import { useDelegatedProps } from "./use-delegated-props.js";
 import { aL as Ny, aM as Ly } from "./chunks/index.js";
+import { c as clsx } from "./chunks/clsx.js";
 /* empty css                                                                  */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -14,28 +15,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
+    const delegatedProps = useDelegatedProps(props, "class");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Ny), mergeProps(delegatedProps.value, {
-        class: unref(clsx)(
-          "flex touch-none select-none transition-colors",
-          _ctx.orientation === "vertical" && "h-full w-1.5 border-l border-l-transparent p-px",
-          _ctx.orientation === "horizontal" && "h-1.5 flex-col border-t border-t-transparent p-px",
-          props.class
-        )
+      return openBlock(), createBlock(unref(Ny), mergeProps(unref(delegatedProps), {
+        class: unref(clsx)("celeste-scroll-bar", props.class)
       }), {
         default: withCtx(() => [
-          createVNode(unref(Ly), { class: "thumb relative flex-1 rounded-full" })
+          createVNode(unref(Ly), { class: "celeste-scroll-bar-thumb" })
         ]),
         _: 1
       }, 16, ["class"]);
     };
   }
 });
-const ScrollBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-96c265fe"]]);
+const ScrollBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-17b65f8b"]]);
 export {
   ScrollBar as default
 };

package/dist/es/sheet-content.js

@@ -1,7 +1,7 @@
 import { defineComponent, createBlock, openBlock, unref, withCtx, createVNode, mergeProps, renderSlot } from "vue";
 import CompactButton from "./compact-button.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { S as Se, ag as Iv, ah as $u, ai as Pu, X as Xl } from "./chunks/index.js";
+import { S as Se, ad as Iv, ae as $u, af as Pu, X as Xl } from "./chunks/index.js";
 import { r as reactiveOmit } from "./chunks/index2.js";
 /* empty css                                                                     */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";

package/dist/es/sheet-description.js

@@ -1,6 +1,6 @@
 import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { ak as Iu } from "./chunks/index.js";
+import { ah as Iu } from "./chunks/index.js";
 import { r as reactiveOmit } from "./chunks/index2.js";
 /* empty css                                                                         */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";

package/dist/es/sheet-title.js

@@ -1,6 +1,6 @@
 import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { aj as Bu } from "./chunks/index.js";
+import { ag as Bu } from "./chunks/index.js";
 import { r as reactiveOmit } from "./chunks/index2.js";
 /* empty css                                                                   */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";

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

@@ -1,7 +1,7 @@
 import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { G as _g } from "./chunks/index.js";
+import { A as _g } 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/tab-menu-item.js

@@ -1,7 +1,7 @@
 import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, createCommentVNode } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { O as Ot, A as xg } from "./chunks/index.js";
+import { O as Ot, z as xg } from "./chunks/index.js";
 /* empty css                                                                     */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = {

package/dist/es/tooltip-content.js

@@ -89,7 +89,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-14ac7b61"]]);
+const TooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-adcfc2c6"]]);
 export {
   TooltipContent as default
 };

package/package.json

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

package/src/components/alert/alert.vue

@@ -197,7 +197,7 @@ $alert-states: ('error' 'feature' 'warning' 'success' 'information');
 .celeste-alert {
   display: flex;
   box-sizing: border-box;
-  align-items: start;
+  align-items: flex-start;
   width: 100%;
 
   &-inner {

package/src/components/hint-text/hint-text.vue

@@ -35,7 +35,7 @@ export interface HintTextProps {
 <style lang="scss" scoped>
 .celeste-hint-text {
   display: flex;
-  align-items: start;
+  align-items: flex-start;
   gap: var(--spacing-4);
   color: var(--color-text-sub-600);
   font: var(--paragraph-xs);