@youcan/celeste 0.6.75 → 0.6.80

package/package.json

@@ -1,8 +1,12 @@
 {
   "name": "@youcan/celeste",
   "type": "module",
-  "version": "0.6.75",
+  "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.75",
-    "@youcan/celeste-tokens": "0.6.75"
+    "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>();

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

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

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

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

package/src/components/file-upload/file-upload-area.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import Button from '@/components/button/button.vue';
 import { useDropZone } from '@vueuse/core';
 import clsx from 'clsx';
 import { computed, type InputHTMLAttributes, useTemplateRef } from 'vue';
+import Button from '@/components/button/button.vue';
 
 const props = withDefaults(defineProps<FileUploadAreaProps>(), {
   icon: 'i-celeste-upload-cloud-2-line',

package/src/components/file-upload/stories/file-upload-area.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { ref, watch } from 'vue';
 import Sonner from '@/components/sonner/sonner.vue';
 import { toast } from '@/utils/sonner';
-import { ref, watch } from 'vue';
 import FileUploadArea, { type FileError } from '../file-upload-area.vue';
 import 'vue-sonner/style.css';
 

package/src/components/index.ts

@@ -27,6 +27,7 @@ export * from './slider';
 export * from './sonner';
 export * from './switch';
 export * from './tab-menu';
+export * from './table';
 export * from './tag';
 export * from './text-input';
 export * from './textarea';

package/src/components/label/label.vue

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

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

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { DialogContentEmits, DialogContentProps } from 'radix-vue';
 import type { HTMLAttributes } from 'vue';
-import { useDelegatedProps } from '@/composables/use-delegated-props';
 import clsx from 'clsx';
 import { DialogContent as ModalContent, DialogOverlay as ModalOverlay, DialogPortal as ModalPortal, useForwardPropsEmits } from 'radix-vue';
+import { useDelegatedProps } from '@/composables/use-delegated-props';
 
 const props = defineProps<DialogContentProps & {
   class?: HTMLAttributes['class'];

package/src/components/modal/modal-header.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import CompactButton from '@/components/button/compact-button.vue';
 import clsx from 'clsx';
 import { DialogClose as ModalClose, DialogDescription as ModalDescription, DialogTitle as ModalTitle } from 'radix-vue';
+import CompactButton from '@/components/button/compact-button.vue';
 
 const props = withDefaults(defineProps<{
   title: string;

package/src/components/pagination/stories/pagination.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { ref } from 'vue';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components';
 import Button from '@/components/button/button.vue';
-import { ref } from 'vue';
 import {
   Pagination,
   PaginationContent,

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

@@ -1,7 +1,5 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import CompactButton from '@/components/button/compact-button.vue';
-import { useDelegatedProps } from '@/composables/use-delegated-props';
 import clsx from 'clsx';
 import {
   PopoverArrow,
@@ -12,6 +10,8 @@ import {
   type PopoverContentProps as RadixPopoverContentProps,
   useForwardPropsEmits,
 } from 'radix-vue';
+import CompactButton from '@/components/button/compact-button.vue';
+import { useDelegatedProps } from '@/composables/use-delegated-props';
 
 defineOptions({
   inheritAttrs: false,

package/src/components/popover/stories/popover.stories.ts

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/vue3-vite';
-import TextInput from '@/components/text-input/text-input.vue';
 import {
   PopoverClose,
 } from 'radix-vue';
+import TextInput from '@/components/text-input/text-input.vue';
 import Button from '../../button/button.vue';
 import PopoverContent from '../popover-content.vue';
 import PopoverTrigger from '../popover-trigger.vue';

package/src/components/progress/progress-bar.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { useDelegatedProps } from '@/composables/use-delegated-props';
 import clsx from 'clsx';
 import {
   ProgressIndicator,
@@ -7,6 +6,7 @@ import {
   type ProgressRootProps,
 } from 'radix-vue';
 import { computed, type HTMLAttributes } from 'vue';
+import { useDelegatedProps } from '@/composables/use-delegated-props';
 
 const props = withDefaults(
   defineProps<

package/src/components/progress/progress-circle.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 {
   ProgressIndicator,
@@ -8,6 +7,7 @@ import {
   type ProgressRootProps,
 } from 'radix-vue';
 import { computed } from 'vue';
+import { useDelegatedProps } from '@/composables/use-delegated-props';
 
 const props = withDefaults(
   defineProps<

package/src/components/radio-group/radio-group-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/radio-group/radio-group-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 { RadioGroupIndicator, RadioGroupItem, type RadioGroupItemProps, useForwardPropsEmits } from 'radix-vue';
+import { useDelegatedProps } from '@/composables/use-delegated-props';
 
 const props = defineProps<RadioGroupItemProps & { class?: HTMLAttributes['class'] }>();
 const delegatedProps = useDelegatedProps(props, 'class');

package/src/components/radio-group/radio-group-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/radio-group/radio-group.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 { RadioGroupRoot, type RadioGroupRootEmits, type RadioGroupRootProps, useForwardPropsEmits } from 'radix-vue';
+import { useDelegatedProps } from '@/composables/use-delegated-props';
 
 const props = defineProps<RadioGroupRootProps & { class?: HTMLAttributes['class'] }>();
 const emits = defineEmits<RadioGroupRootEmits>();

package/src/components/radio-group/stories/radio-group-card.stories.ts

@@ -1,8 +1,8 @@
 // @unocss-include
 
 import type { Meta, StoryObj } from '@storybook/vue3-vite';
-import Badge from '@/components/badge/badge.vue';
 import { ref } from 'vue';
+import Badge from '@/components/badge/badge.vue';
 import RadioGroupCard from '../radio-group-card.vue';
 import RadioGroupItem from '../radio-group-item.vue';
 import RadioGroup from '../radio-group.vue';

package/src/components/rich-editor/extra-settings.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { Editor } from '@tiptap/vue-3';
+import { ref } from 'vue';
 import CompactButton from '@/components/button/compact-button.vue';
 import SelectContent from '@/components/select/select-content.vue';
 import SelectIcon from '@/components/select/select-icon.vue';
@@ -7,7 +8,6 @@ import SelectItem from '@/components/select/select-item.vue';
 import SelectTrigger from '@/components/select/select-trigger.vue';
 import Select from '@/components/select/select.vue';
 import Tooltip from '@/components/tooltip/tooltip.vue';
-import { ref } from 'vue';
 
 const props = defineProps<{
   editor: Editor;