@youcan/celeste 0.6.76 → 0.6.80

package/dist/es/select-content.js

@@ -1,7 +1,7 @@
 import { defineComponent, createBlock, openBlock, unref, withCtx, createVNode, mergeProps, renderSlot } from "vue";
-import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
 import { S as Se, ax as Wy, ay as jy, az as Qy } from "./chunks/index.js";
+import { useDelegatedProps } from "./use-delegated-props.js";
 /* empty css                                                                      */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -57,7 +57,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-69b8512e"]]);
+const SelectContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d1157ab3"]]);
 export {
   SelectContent as default
 };

package/dist/es/select-icon.js

@@ -1,6 +1,6 @@
 import { defineComponent, createElementBlock, openBlock, mergeProps, unref, renderSlot } from "vue";
-import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
+import { useDelegatedProps } from "./use-delegated-props.js";
 /* empty css                                                                   */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -20,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5c4a7fcf"]]);
+const SelectIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c6783f07"]]);
 export {
   SelectIcon as default
 };

package/dist/es/select-item.js

@@ -1,7 +1,7 @@
 import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, renderSlot, createElementVNode } from "vue";
-import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
 import { aA as qy, aB as Jy, aC as Yy } from "./chunks/index.js";
+import { useDelegatedProps } from "./use-delegated-props.js";
 /* empty css                                                                   */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -40,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-48e92b74"]]);
+const SelectItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a4494ea7"]]);
 export {
   SelectItem as default
 };

package/dist/es/select-label.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 { aD as Zy } from "./chunks/index.js";
+import { useDelegatedProps } from "./use-delegated-props.js";
 /* empty css                                                                    */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const selectLabel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4c4234e0"]]);
+const selectLabel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-991db888"]]);
 export {
   selectLabel as default
 };

package/dist/es/select-separator.js

@@ -1,7 +1,7 @@
 import { defineComponent, createBlock, openBlock, unref, mergeProps } from "vue";
-import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
 import { aE as Gy } from "./chunks/index.js";
+import { useDelegatedProps } from "./use-delegated-props.js";
 /* empty css                                                                        */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const selectSeparator = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-662be0e8"]]);
+const selectSeparator = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2ee1d06a"]]);
 export {
   selectSeparator as default
 };

package/dist/es/select-trigger.js

@@ -1,7 +1,7 @@
 import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createVNode, createElementVNode } from "vue";
-import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
 import { aF as Hy, aG as ng } from "./chunks/index.js";
+import { useDelegatedProps } from "./use-delegated-props.js";
 /* empty css                                                                      */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -36,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-039f6664"]]);
+const SelectTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a17f9d9c"]]);
 export {
   SelectTrigger as default
 };

package/dist/es/select-value.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 { aH as ag } from "./chunks/index.js";
+import { useDelegatedProps } from "./use-delegated-props.js";
 /* empty css                                                                    */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectValue = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-db7cc720"]]);
+const SelectValue = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-910436b4"]]);
 export {
   SelectValue 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, ad as Iv, ae as $u, af as Pu, X as Xl } from "./chunks/index.js";
+import CompactButton from "./compact-button.js";
 import { r as reactiveOmit } from "./chunks/index2.js";
 /* empty css                                                                     */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
@@ -56,7 +56,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SheetContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-038736be"]]);
+const SheetContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-898ddb67"]]);
 export {
   SheetContent as default
 };

package/dist/es/sidebar-trigger.js

@@ -1,7 +1,7 @@
 import { defineComponent, createBlock, openBlock, unref, normalizeClass, withCtx, createElementVNode } from "vue";
+import { c as clsx } from "./chunks/clsx.js";
 import CompactButton from "./compact-button.js";
 import { useSidebar } from "./use-sidebar.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({
@@ -29,7 +29,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const sidebarTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e95fcd87"]]);
+const sidebarTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f04baf43"]]);
 export {
   sidebarTrigger as default
 };

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 { A as _g } from "./chunks/index.js";
+import { useDelegatedProps } from "./use-delegated-props.js";
 /* empty css                                                                        */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -28,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const tabMenuContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-85c57bdc"]]);
+const tabMenuContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dd7cbdfe"]]);
 export {
   tabMenuContent as default
 };

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, z as xg } from "./chunks/index.js";
+import { useDelegatedProps } from "./use-delegated-props.js";
 /* empty css                                                                     */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = {
@@ -40,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const tabMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ca8f5a83"]]);
+const tabMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-08bd1cbb"]]);
 export {
   tabMenuItem as default
 };

package/dist/es/tab-menu-list.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 { y as wg } from "./chunks/index.js";
+import { useDelegatedProps } from "./use-delegated-props.js";
 /* empty css                                                                     */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -30,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const tabMenuList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9877f1df"]]);
+const tabMenuList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-21188241"]]);
 export {
   tabMenuList as default
 };

package/dist/es/table-empty.js

@@ -39,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const tableEmpty = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1c0042ab"]]);
+const tableEmpty = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-491d2938"]]);
 export {
   tableEmpty as default
 };

package/dist/es/text-input-affix.js

@@ -1,6 +1,6 @@
 import { defineComponent, createElementBlock, openBlock, mergeProps, unref, renderSlot } from "vue";
-import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
+import { useDelegatedProps } from "./use-delegated-props.js";
 /* empty css                                                                        */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TextInputAffix = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2d8a1dbc"]]);
+const TextInputAffix = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-440f2745"]]);
 export {
   TextInputAffix as default
 };

package/dist/es/text-input-button.js

@@ -1,7 +1,7 @@
 import { defineComponent, createBlock, openBlock, mergeProps, unref, withCtx, renderSlot } from "vue";
+import { c as clsx } from "./chunks/clsx.js";
 import Button from "./button.js";
 import { useDelegatedProps } from "./use-delegated-props.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({
@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TextInputButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-00ed5aef"]]);
+const TextInputButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c5c2046c"]]);
 export {
   TextInputButton as default
 };

package/dist/es/text-input.js

@@ -1,7 +1,7 @@
 import { defineComponent, mergeModels, computed, useModel, createElementBlock, openBlock, normalizeClass, unref, createVNode, withDirectives, withCtx, renderSlot, createElementVNode, mergeProps, vModelDynamic, createBlock } from "vue";
-import { uid } from "./crypto.js";
 import { c as clsx } from "./chunks/clsx.js";
 import { h as O } from "./chunks/index.js";
+import { uid } from "./crypto.js";
 import TextInputButton from "./text-input-button.js";
 /* empty css                                                                  */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
@@ -115,7 +115,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c60663fe"]]);
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ad7ee7de"]]);
 export {
   TextInput as default
 };

package/dist/es/tooltip-content.js

@@ -1,8 +1,8 @@
 import { defineComponent, createBlock, openBlock, unref, withCtx, createVNode, mergeProps, createElementBlock, createCommentVNode, createElementVNode, normalizeClass, renderSlot, toDisplayString } from "vue";
-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, aI as qg, aJ as Ug, aK as Gg } from "./chunks/index.js";
+import CompactButton from "./compact-button.js";
+import { useDelegatedProps } from "./use-delegated-props.js";
 /* empty css                                                                       */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "celeste-tooltip-content-box" };
@@ -89,7 +89,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-adcfc2c6"]]);
+const TooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aa109675"]]);
 export {
   TooltipContent as default
 };

package/package.json

@@ -1,8 +1,12 @@
 {
   "name": "@youcan/celeste",
   "type": "module",
-  "version": "0.6.76",
+  "version": "0.6.80",
   "author": "YouCan <tech@youcan.shop>",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/youcan-shop/celeste"
+  },
   "keywords": [
     "youcan",
     "celeste"
@@ -25,6 +29,16 @@
   "engines": {
     "node": ">=20.10.0"
   },
+  "scripts": {
+    "build": "rimraf dist && vue-tsc --declaration --emitDeclarationOnly -p tsconfig.build.json && vite build",
+    "build-only": "vite build",
+    "watch": "vite build --watch",
+    "type-check": "vue-tsc -p tsconfig.check.json --noEmit",
+    "type-gen": "vue-tsc --declaration  --emitDeclarationOnly",
+    "test": "vitest",
+    "storybook": "NODE_ENV=dev storybook dev -p 6006",
+    "build-storybook": "NODE_ENV=dev storybook build"
+  },
   "peerDependencies": {
     "vue": "^3.5.13"
   },
@@ -40,19 +54,18 @@
     "@tiptap/starter-kit": "^3.11.0",
     "@tiptap/vue-3": "^3.11.0",
     "@vueuse/core": "^13.9.0",
+    "@youcan/celeste-icons": "workspace:*",
+    "@youcan/celeste-tokens": "workspace:*",
     "clsx": "^2.1.1",
     "radix-vue": "^1.9.17",
     "tinycolor2": "^1.6.0",
-    "vue-sonner": "^2.0.9",
-    "@youcan/celeste-icons": "0.6.76",
-    "@youcan/celeste-tokens": "0.6.76"
+    "vue-sonner": "^2.0.9"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.3",
-    "@storybook/addon-docs": "^9.1.16",
-    "@storybook/addon-knobs": "^8.0.1",
-    "@storybook/addon-onboarding": "^9.1.16",
-    "@storybook/vue3-vite": "^9.1.16",
+    "@storybook/addon-docs": "^10.1.10",
+    "@storybook/addon-onboarding": "^10.1.10",
+    "@storybook/vue3-vite": "^10.1.10",
     "@tanstack/vue-table": "^8.21.3",
     "@tsconfig/node20": "^20.1.8",
     "@types/jsdom": "^21.1.7",
@@ -66,30 +79,19 @@
     "@vue/tsconfig": "^0.7.0",
     "autoprefixer": "^10.4.22",
     "chromatic": "^11.29.0",
-    "eslint-plugin-storybook": "9.1.10",
+    "eslint-plugin-storybook": "^10.1.10",
     "glob": "^11.1.0",
     "jsdom": "^25.0.1",
     "postcss": "^8.5.6",
     "postcss-nesting": "^13.0.2",
     "rimraf": "^6.1.2",
     "sass": "^1.94.2",
-    "storybook": "^9.1.16",
+    "storybook": "^10.1.10",
     "unocss": "^66.5.9",
     "vite": "^6.4.1",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^2.1.9",
     "vue-docgen-api": "^4.79.2",
     "vue-tsc": "^2.2.12"
-  },
-  "scripts": {
-    "build": "rimraf dist && vue-tsc --declaration --emitDeclarationOnly -p tsconfig.build.json && vite build",
-    "build-only": "vite build",
-    "watch": "vite build --watch",
-    "type-check": "vue-tsc -p tsconfig.check.json --noEmit",
-    "type-gen": "vue-tsc --declaration  --emitDeclarationOnly",
-    "test": "vitest",
-    "release": "pnpm publish --access public",
-    "storybook": "NODE_ENV=dev storybook dev -p 6006",
-    "build-storybook": "NODE_ENV=dev storybook build"
   }
-}
+}

package/src/components/alert/alert.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import { uid } from '@/utils/crypto';
 import clsx from 'clsx';
+import { uid } from '@/utils/crypto';
 
 const props = withDefaults(
   defineProps<AlertProps>(),

package/src/components/checkbox/checkbox-card.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { LabelProps } from 'radix-vue';
 import type { HTMLAttributes } from 'vue';
-import { useDelegatedProps } from '@/composables/use-delegated-props';
 import clsx from 'clsx';
 import { Label, Primitive } from 'radix-vue';
+import { useDelegatedProps } from '@/composables/use-delegated-props';
 
 const props = defineProps<LabelProps & {
   required?: boolean;

package/src/components/checkbox/checkbox-label.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import { useDelegatedProps } from '@/composables/use-delegated-props';
 import clsx from 'clsx';
 import { Label, type LabelProps, Primitive } from 'radix-vue';
+import { useDelegatedProps } from '@/composables/use-delegated-props';
 
 const props = defineProps<LabelProps & {
   required?: boolean;

package/src/components/checkbox/checkbox.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { CheckboxRootEmits, CheckboxRootProps } from 'radix-vue';
 import type { HTMLAttributes } from 'vue';
-import { useDelegatedProps } from '@/composables/use-delegated-props';
 import clsx from 'clsx';
 import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from 'radix-vue';
+import { useDelegatedProps } from '@/composables/use-delegated-props';
 
 const props = defineProps<CheckboxRootProps & { class?: HTMLAttributes['class'] }>();
 const emits = defineEmits<CheckboxRootEmits>();

package/src/components/collapsible/stories/collapsible.stories.ts

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/vue3-vite';
-import CompactButton from '@/components/button/compact-button.vue';
 import { ref } from 'vue';
+import CompactButton from '@/components/button/compact-button.vue';
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../index';
 
 const meta: Meta<typeof Collapsible> = {

package/src/components/color-picker/alpha-slider.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type tinycolor from 'tinycolor2';
+import { computed, onUnmounted, useTemplateRef } from 'vue';
 import { useUserPageSelection } from '@/components/color-picker/composable/use-user-select';
 import { getAbsolutePosition, getPageXYFromEvent, resolveArrowDirection } from '@/utils/color';
-import { computed, onUnmounted, useTemplateRef } from 'vue';
 import { defineColorModel } from './composable/use-color-model';
 
 const props = defineProps<AlphaSliderProps>();

package/src/components/color-picker/color-area.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type tinycolor from 'tinycolor2';
-import { clamp, getAbsolutePosition, getPageXYFromEvent, resolveArrowDirection } from '@/utils/color.ts';
 import { computed, onUnmounted, ref, useTemplateRef, watch } from 'vue';
+import { clamp, getAbsolutePosition, getPageXYFromEvent, resolveArrowDirection } from '@/utils/color.ts';
 import { ColorPickerEmits, defineColorModel } from './composable/use-color-model.ts';
 import { useUserPageSelection } from './composable/use-user-select.ts';
 

package/src/components/color-picker/color-picker.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { useDelegatedProps } from '@/composables/use-delegated-props';
-import { bumpColorValue, clamp, COLOR_NUMBER_VALIDATION_PATTERN, type ColorKey, getColorConstraints, HEX_VALIDATION_PATTERN, type HSBKey, type HSLKey, resolveArrowDirection, type RGBKey, truncColorValue } from '@/utils/color';
 import { useForwardPropsEmits } from 'radix-vue';
 import tinycolor from 'tinycolor2';
 import { computed, type HTMLAttributes, ref, watch } from 'vue';
+import { useDelegatedProps } from '@/composables/use-delegated-props';
+import { bumpColorValue, clamp, COLOR_NUMBER_VALIDATION_PATTERN, type ColorKey, getColorConstraints, HEX_VALIDATION_PATTERN, type HSBKey, type HSLKey, resolveArrowDirection, type RGBKey, truncColorValue } from '@/utils/color';
 import { Button } from '../button';
 import { Popover, PopoverContent, PopoverTrigger } from '../popover';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../select';

package/src/components/color-picker/color-swatch.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { DEFAULT_SWATCH } from '@/utils/color';
 import tinycolor from 'tinycolor2';
 import { computed } from 'vue';
+import { DEFAULT_SWATCH } from '@/utils/color';
 import { defineColorModel } from './composable/use-color-model';
 
 const props = withDefaults(defineProps<ColorSwatchProps>(), {

package/src/components/color-picker/hue-slider.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { getAbsolutePosition, getPageXYFromEvent, resolveArrowDirection } from '@/utils/color.ts';
 import { computed, onUnmounted, ref, useTemplateRef, watch } from 'vue';
+import { getAbsolutePosition, getPageXYFromEvent, resolveArrowDirection } from '@/utils/color.ts';
 import { useUserPageSelection } from './composable/use-user-select.ts';
 
 const hue = defineModel({

package/src/components/content-divider/content-divider.vue

@@ -19,28 +19,28 @@ export interface ContentDividerProps {
 <template>
   <Separator
     aria-label="divider"
-    :class="clsx('celeste-celecte-content-divider', props.class)"
-    class="celecte-content-divider"
+    :class="clsx('celeste-celeste-content-divider', props.class)"
+    class="celeste-content-divider"
   >
     <div
       v-if="type === 'line'"
-      class="celecte-content-divider-type-line"
+      class="celeste-content-divider-type-line"
     />
     <div
       v-if="type === 'text' && text"
-      class="celecte-content-divider-type-text"
+      class="celeste-content-divider-type-text"
     >
       {{ text }}
     </div>
     <div
       v-if="type === 'text-line' && text"
-      class="celecte-content-divider-type-text-line"
+      class="celeste-content-divider-type-text-line"
     >
       <hr> <span>{{ text }}</span> <hr>
     </div>
     <div
       v-if="type === 'solid-text' && text"
-      class="celecte-content-divider-type-solid-text"
+      class="celeste-content-divider-type-solid-text"
     >
       {{ text }}
     </div>
@@ -48,7 +48,7 @@ export interface ContentDividerProps {
 </template>
 
 <style lang="scss">
-.celecte-content-divider {
+.celeste-content-divider {
   display: flex;
   align-items: center;
   justify-content: center;

package/src/components/counter-input/counter-input.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import { useDelegatedProps } from '@/composables/use-delegated-props';
 import clsx from 'clsx';
 import { NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput, NumberFieldRoot, type NumberFieldRootEmits, type NumberFieldRootProps, useForwardPropsEmits } from 'radix-vue';
+import { useDelegatedProps } from '@/composables/use-delegated-props';
 import CompactButton from '../button/compact-button.vue';
 
 const props = withDefaults(

package/src/components/dropdown-menu/dropdown-menu-content.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import { useDelegatedProps } from '@/composables/use-delegated-props';
 import clsx from 'clsx';
 import {
   DropdownMenuContent,
@@ -9,6 +8,7 @@ import {
   DropdownMenuPortal,
   useForwardPropsEmits,
 } from 'radix-vue';
+import { useDelegatedProps } from '@/composables/use-delegated-props';
 
 const props = withDefaults(
   defineProps<DropdownMenuContentProps & { class?: HTMLAttributes['class'] }>(),

package/src/components/dropdown-menu/dropdown-menu-item.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import { useDelegatedProps } from '@/composables/use-delegated-props';
 import clsx from 'clsx';
 import { DropdownMenuItem, type DropdownMenuItemProps, useForwardProps } from 'radix-vue';
+import { useDelegatedProps } from '@/composables/use-delegated-props';
 
 const props = defineProps<DropdownMenuItemProps & { class?: HTMLAttributes['class'] }>();
 

package/src/components/dropdown-menu/dropdown-menu-label.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import { useDelegatedProps } from '@/composables/use-delegated-props';
 import clsx from 'clsx';
 import { DropdownMenuLabel, type DropdownMenuLabelProps, useForwardProps } from 'radix-vue';
+import { useDelegatedProps } from '@/composables/use-delegated-props';
 
 const props = defineProps<DropdownMenuLabelProps & { class?: HTMLAttributes['class'] }>();
 

package/src/components/dropdown-menu/dropdown-menu-separator.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import { useDelegatedProps } from '@/composables/use-delegated-props';
 import clsx from 'clsx';
 import {
   DropdownMenuSeparator,
   type DropdownMenuSeparatorProps,
 } from 'radix-vue';
+import { useDelegatedProps } from '@/composables/use-delegated-props';
 
 const props = defineProps<DropdownMenuSeparatorProps & {
   class?: HTMLAttributes['class'];

package/src/components/dropdown-menu/dropdown-menu-sub-content.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import { useDelegatedProps } from '@/composables/use-delegated-props';
 import clsx from 'clsx';
 import {
   DropdownMenuPortal,
@@ -9,6 +8,7 @@ import {
   type DropdownMenuSubContentProps,
   useForwardPropsEmits,
 } from 'radix-vue';
+import { useDelegatedProps } from '@/composables/use-delegated-props';
 
 const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes['class'] }>();
 const emits = defineEmits<DropdownMenuSubContentEmits>();