@youcan/celeste 0.6.102 → 0.7.1

package/dist/src/components/table/table-cell.d.ts

@@ -0,0 +1,20 @@
+import { HTMLAttributes } from 'vue';
+export interface TableCellProps {
+    class?: HTMLAttributes['class'];
+    end?: boolean;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<TableCellProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableCellProps> & Readonly<{}>, {
+    end: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/table/table-empty.d.ts

@@ -0,0 +1,20 @@
+import { HTMLAttributes } from 'vue';
+export interface TableEmptyProps {
+    colspan?: number;
+    class?: HTMLAttributes['class'];
+}
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<TableEmptyProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableEmptyProps> & Readonly<{}>, {
+    colspan: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/table/table-footer.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+export interface TableFooterProps {
+    class?: HTMLAttributes['class'];
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<TableFooterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableFooterProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/table/table-head.d.ts

@@ -0,0 +1,20 @@
+import { HTMLAttributes } from 'vue';
+export interface TableHeadProps {
+    class?: HTMLAttributes['class'];
+    end?: boolean;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<TableHeadProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableHeadProps> & Readonly<{}>, {
+    end: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/table/table-header.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+export interface TableHeaderProps {
+    class?: HTMLAttributes['class'];
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<TableHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/table/table-row.d.ts

@@ -0,0 +1,20 @@
+import { HTMLAttributes } from 'vue';
+export interface TableRowProps {
+    class?: HTMLAttributes['class'];
+    hoverable?: boolean;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<TableRowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableRowProps> & Readonly<{}>, {
+    hoverable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/table/table.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+export interface TableProps {
+    class?: HTMLAttributes['class'];
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<TableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/{components → src/components}/tag/tag.d.ts

@@ -1,5 +1,5 @@
+import { PrimitiveProps } from 'reka-ui';
 import { HTMLAttributes } from 'vue';
-import { PrimitiveProps } from 'radix-vue';
 export interface TagProps extends PrimitiveProps {
     variant?: 'stroke' | 'gray';
     class?: HTMLAttributes['class'];
@@ -9,19 +9,22 @@ export interface TagProps extends PrimitiveProps {
 export interface TagEmits {
     dismiss: [];
 }
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<TagProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<TagProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     dismiss: () => any;
 }, string, import('vue').PublicProps, Readonly<TagProps> & Readonly<{
     onDismiss?: (() => any) | undefined;
 }>, {
     variant: "stroke" | "gray";
     dismissable: boolean;
-    as: import('radix-vue').AsTag | import('vue').Component;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {}) => any;
-}>;
+    as: import('reka-ui').AsTag | import('vue').Component;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/{components → src/components}/text-input/text-input-button.d.ts

@@ -1,5 +1,5 @@
 import { ButtonProps } from '../button/button';
-type __VLS_Props = Omit</* @vue-ignore */ ButtonProps, 'type' | 'size' | 'variant'> & {
+type __VLS_Props = Omit<ButtonProps, 'type' | 'size' | 'variant'> & {
     inline?: boolean;
 };
 declare var __VLS_8: {};

package/dist/src/components/text-input/text-input.d.ts

@@ -0,0 +1,42 @@
+import { InputHTMLAttributes } from 'vue';
+export interface TextInputProps extends /* @vue-ignore */ InputHTMLAttributes {
+    type?: 'text' | 'email' | 'password' | 'search' | 'tel' | 'url';
+    size?: 'xs' | 'sm' | 'md';
+    hasError?: boolean;
+}
+type __VLS_Props = TextInputProps;
+type __VLS_ModelProps = {
+    modelValue?: string | number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_7: {}, __VLS_15: {}, __VLS_23: {}, __VLS_31: {}, __VLS_39: {}, __VLS_55: {};
+type __VLS_Slots = {} & {
+    leadingIcon?: (props: typeof __VLS_7) => any;
+} & {
+    leadingNode?: (props: typeof __VLS_15) => any;
+} & {
+    leadingInlineNode?: (props: typeof __VLS_23) => any;
+} & {
+    trailingIcon?: (props: typeof __VLS_31) => any;
+} & {
+    trailingNode?: (props: typeof __VLS_39) => any;
+} & {
+    trailingInlineNode?: (props: typeof __VLS_55) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+}>, {
+    size: "xs" | "sm" | "md";
+    type: "text" | "email" | "password" | "search" | "tel" | "url";
+    hasError: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/{components → src/components}/textarea/textarea.d.ts

@@ -1,23 +1,24 @@
 import { TextareaHTMLAttributes } from 'vue';
 export interface TextAreaProps {
     class?: TextareaHTMLAttributes['class'];
-    placeholder: string;
+    placeholder?: string;
     showCount?: boolean;
     disabled?: boolean;
     maxLength?: TextareaHTMLAttributes['maxlength'];
 }
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import('vue').DefineComponent<TextAreaProps & {
+type __VLS_Props = TextAreaProps;
+type __VLS_ModelProps = {
     modelValue?: string;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string | undefined) => any;
-}, string, import('vue').PublicProps, Readonly<TextAreaProps & {
-    modelValue?: string;
-}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {
     disabled: boolean;
     placeholder: string;
     showCount: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/{components → src/components}/tooltip/tooltip-content.d.ts

@@ -1,5 +1,5 @@
+import { TooltipContentProps as PrimitiveProps } from 'reka-ui';
 import { HTMLAttributes } from 'vue';
-import { TooltipContentProps as PrimitiveProps } from 'radix-vue';
 export interface TooltipContentProps extends PrimitiveProps {
     class?: HTMLAttributes['class'];
     size?: 'xs' | 'sm' | 'md';
@@ -10,9 +10,11 @@ export interface TooltipContentProps extends PrimitiveProps {
     dismissible?: boolean;
     onDismiss?: () => void;
 }
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<TooltipContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<TooltipContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     escapeKeyDown: (event: KeyboardEvent) => any;
     pointerDownOutside: (event: Event) => any;
 }, string, import('vue').PublicProps, Readonly<TooltipContentProps> & Readonly<{
@@ -22,9 +24,10 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<Toolti
     size: "xs" | "sm" | "md";
     variant: "light" | "dark";
     sideOffset: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {}) => any;
-}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/src/components/tooltip/tooltip-provider.d.ts

@@ -0,0 +1,18 @@
+import { TooltipProviderProps as PrimitiveProps } from 'reka-ui';
+export interface TooltipProviderProps extends PrimitiveProps {
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<TooltipProviderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TooltipProviderProps> & Readonly<{}>, {
+    delayDuration: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/{components → src/components}/tooltip/tooltip-root.d.ts

@@ -1,15 +1,18 @@
-import { TooltipRootProps as PrimitiveProps } from 'radix-vue';
+import { TooltipRootProps as PrimitiveProps } from 'reka-ui';
 export interface TooltipRootProps extends PrimitiveProps {
 }
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<TooltipRootProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<TooltipRootProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<TooltipRootProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {}) => any;
-}>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/src/components/tooltip/tooltip-trigger.d.ts

@@ -0,0 +1,16 @@
+import { TooltipTriggerProps as PrimitiveProps } from 'reka-ui';
+export interface TooltipTriggerProps extends PrimitiveProps {
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<TooltipTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TooltipTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/{components → src/components}/tooltip/tooltip.d.ts

@@ -1,4 +1,4 @@
-import { TooltipContentProps, TooltipRootProps } from 'radix-vue';
+import { TooltipContentProps, TooltipRootProps } from 'reka-ui';
 import { HTMLAttributes } from 'vue';
 export interface TooltipProps extends TooltipRootProps, TooltipContentProps {
     class?: HTMLAttributes['class'];
@@ -9,9 +9,11 @@ export interface TooltipProps extends TooltipRootProps, TooltipContentProps {
     description?: string;
     dismissible?: boolean;
 }
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<TooltipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare var __VLS_22: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_22) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<TooltipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<TooltipProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
@@ -20,9 +22,10 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<Toolti
     variant: "light" | "dark";
     sideOffset: number;
     delayDuration: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {}) => any;
-}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@youcan/celeste",
   "type": "module",
-  "version": "0.6.102",
+  "version": "0.7.1",
   "author": "YouCan <tech@youcan.shop>",
   "repository": {
     "type": "git",
@@ -45,39 +45,39 @@
     "@tiptap/vue-3": "^3.11.0",
     "@vueuse/core": "^13.9.0",
     "clsx": "^2.1.1",
-    "radix-vue": "^1.9.17",
+    "reka-ui": "^2.10.1",
     "tinycolor2": "^1.6.0",
     "vue-sonner": "^2.0.9",
-    "@youcan/celeste-icons": "0.6.102",
-    "@youcan/celeste-tokens": "0.6.102"
+    "@youcan/celeste-icons": "0.7.1",
+    "@youcan/celeste-tokens": "0.7.1"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.3",
-    "@storybook/addon-docs": "^10.1.10",
-    "@storybook/addon-onboarding": "^10.1.10",
-    "@storybook/vue3-vite": "^10.1.10",
+    "@storybook/addon-docs": "^10.4.6",
+    "@storybook/addon-onboarding": "^10.4.6",
+    "@storybook/vue3-vite": "^10.4.6",
     "@tanstack/vue-table": "^8.21.3",
     "@tsconfig/node20": "^20.1.8",
     "@types/jsdom": "^21.1.7",
     "@types/tinycolor2": "^1.4.6",
     "@typescript-eslint/typescript-estree": "^8.59.3",
     "@typescript-eslint/utils": "^8.59.3",
-    "@unocss/reset": "^66.5.9",
+    "@unocss/reset": "^66.7.4",
     "@vitejs/plugin-vue": "^6.0.6",
     "@vue/compiler-core": "^3.5.24",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.7.0",
     "autoprefixer": "^10.4.22",
     "chromatic": "^11.29.0",
-    "eslint-plugin-storybook": "^10.1.10",
+    "eslint-plugin-storybook": "^10.4.6",
     "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": "^10.1.10",
-    "unocss": "^66.5.9",
+    "storybook": "^10.4.6",
+    "unocss": "^66.7.4",
     "vite": "^8.0.13",
     "vite-plugin-dts": "^5.0.0",
     "vitest": "^4.1.6",

package/src/components/alert/alert.vue

@@ -3,6 +3,14 @@ import type { HTMLAttributes } from 'vue';
 import clsx from 'clsx';
 import { uid } from '@/utils/crypto';
 
+export interface AlertProps {
+  class?: HTMLAttributes['class'];
+  size?: 'xs' | 'sm' | 'lg';
+  variant?: 'fill' | 'light' | 'lighter' | 'stroke';
+  state?: 'information' | 'success' | 'warning' | 'error' | 'feature';
+  dismissable?: boolean;
+}
+
 const props = withDefaults(
   defineProps<AlertProps>(),
   { size: 'xs', variant: 'fill', state: 'information', dismissable: false },
@@ -22,16 +30,6 @@ const ICON_MAP: Record<NonNullable<AlertProps['state']>, string> = {
 };
 </script>
 
-<script lang="ts">
-export interface AlertProps {
-  class?: HTMLAttributes['class'];
-  size?: 'xs' | 'sm' | 'lg';
-  variant?: 'fill' | 'light' | 'lighter' | 'stroke';
-  state?: 'information' | 'success' | 'warning' | 'error' | 'feature';
-  dismissable?: boolean;
-}
-</script>
-
 <template>
   <div
     :aria-labelledby="labelledby"

package/src/components/badge/badge.vue

@@ -2,15 +2,6 @@
 import type { HTMLAttributes } from 'vue';
 import clsx from 'clsx';
 
-const props = withDefaults(defineProps<BadgeProps>(), {
-  size: 'md',
-  color: 'faded',
-  variant: 'fill',
-  type: 'basic',
-});
-</script>
-
-<script lang="ts">
 export interface BadgeProps {
   size?: 'sm' | 'md';
   variant?: 'fill' | 'light' | 'lighter' | 'stroke';
@@ -21,6 +12,13 @@ export interface BadgeProps {
   label?: string;
   class?: HTMLAttributes['class'];
 }
+
+const props = withDefaults(defineProps<BadgeProps>(), {
+  size: 'md',
+  color: 'faded',
+  variant: 'fill',
+  type: 'basic',
+});
 </script>
 
 <template>

package/src/components/badge/status-badge.vue

@@ -1,6 +1,15 @@
 <script setup lang="ts">
+import type { HTMLAttributes } from 'vue';
 import clsx from 'clsx';
-import { computed, type HTMLAttributes } from 'vue';
+import { computed } from 'vue';
+
+export interface StatusBadgeProps {
+  variant?: 'stroke' | 'light';
+  dotted?: boolean;
+  state?: 'success' | 'warning' | 'error' | 'faded';
+  label: string;
+  class?: HTMLAttributes['class'];
+}
 
 const props = withDefaults(defineProps<StatusBadgeProps>(), {
   size: 'md',
@@ -18,16 +27,6 @@ const ICON_MAP: Record<NonNullable<StatusBadgeProps['state']>, string> = {
 const icon = computed(() => ICON_MAP[props.state]);
 </script>
 
-<script lang="ts">
-export interface StatusBadgeProps {
-  variant?: 'stroke' | 'light';
-  dotted?: boolean;
-  state?: 'success' | 'warning' | 'error' | 'faded';
-  label: string;
-  class?: HTMLAttributes['class'];
-}
-</script>
-
 <template>
   <div
     :class="clsx(

package/src/components/button/button.vue

@@ -1,23 +1,22 @@
 <script setup lang="ts">
+import type { PrimitiveProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 import clsx from 'clsx';
-import { Primitive, type PrimitiveProps } from 'radix-vue';
+import { Primitive } from 'reka-ui';
 
-const props = withDefaults(defineProps<ButtonProps>(), {
-  size: 'md',
-  variant: 'fill',
-  intent: 'primary',
-  as: 'button',
-});
-</script>
-
-<script lang="ts">
 export interface ButtonProps extends PrimitiveProps {
   class?: HTMLAttributes['class'];
   size?: 'xxs' | 'xs' | 'sm' | 'md';
   intent?: 'primary' | 'neutral' | 'error';
   variant?: 'fill' | 'stroke' | 'lighter' | 'ghost';
 }
+
+const props = withDefaults(defineProps<ButtonProps>(), {
+  size: 'md',
+  variant: 'fill',
+  intent: 'primary',
+  as: 'button',
+});
 </script>
 
 <template>

package/src/components/button/compact-button.vue

@@ -1,16 +1,9 @@
 <script setup lang="ts">
+import type { PrimitiveProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 import clsx from 'clsx';
-import { Primitive, type PrimitiveProps } from 'radix-vue';
+import { Primitive } from 'reka-ui';
 
-const props = withDefaults(defineProps<CompactButtonProps>(), {
-  size: 'lg',
-  as: 'button',
-  variant: 'stroke',
-});
-</script>
-
-<script lang="ts">
 export interface CompactButtonProps extends PrimitiveProps {
   class?: HTMLAttributes['class'];
   icon: string;
@@ -18,6 +11,12 @@ export interface CompactButtonProps extends PrimitiveProps {
   rounded?: boolean;
   variant?: 'stroke' | 'white' | 'ghost';
 }
+
+const props = withDefaults(defineProps<CompactButtonProps>(), {
+  size: 'lg',
+  as: 'button',
+  variant: 'stroke',
+});
 </script>
 
 <template>