@comfyorg/design-system 1.0.1 → 1.2.0

package/README.md

@@ -1,7 +1,8 @@
 # @comfyorg/design-system
 
-Shared design tokens, theme, and icon set for Comfy Org frontends. Ships raw CSS
-and SVG so consumers compile them with their own Tailwind build.
+Shared design tokens, theme, icon set, and Vue components for Comfy Org
+frontends. Ships raw CSS and SVG so consumers compile them with their own
+Tailwind build, plus compiled Vue components with declarations.
 
 ## Install
 
@@ -32,18 +33,97 @@ For the palette and fonts without the Tailwind layers or icon plugins:
 
 ## Exports
 
-| Path                 | Contents                                                   |
-| -------------------- | ---------------------------------------------------------- |
-| `./css/style.css`    | Full theme — palette, fonts, Tailwind layers, icon plugins |
-| `./css/base.css`     | Palette and fonts only                                     |
-| `./css/_palette.css` | Color variables                                            |
-| `./css/fonts.css`    | Font faces                                                 |
-| `./icons/*.svg`      | Comfy icon set source SVGs                                 |
+| Path                            | Contents                                                                         |
+| ------------------------------- | -------------------------------------------------------------------------------- |
+| `./css/style.css`               | Full theme — palette, fonts, Tailwind layers, icon plugins                       |
+| `./css/base.css`                | Palette and fonts only                                                           |
+| `./css/_palette.css`            | Color variables                                                                  |
+| `./css/fonts.css`               | Font faces                                                                       |
+| `./css/_deprecated-aliases.css` | Deprecated variable names kept for extensions; scheduled for removal             |
+| `./css/_legacy-palette.css`     | Pre-theme palette variables (`--fg-color`, `--comfy-menu-bg`, ...)               |
+| `./icons/*.svg`                 | Comfy icon set source SVGs                                                       |
+| `./workspaceAvatar`             | Deterministic workspace avatar styles by plan and name                           |
+| `./button.variants`             | Button class recipes                                                             |
+| `./select.variants`             | Select class recipes                                                             |
+| `./tag.variants`                | Tag class recipes                                                                |
+| `./<folder>/<Component>`        | Compiled Vue components, for example `./card/Card`                               |
+| `./components.css`              | Built scoped component styles and animations, for published consumers only       |
+| `./lib/<folder>/<module>`       | Component support types, recipes and composables, for example `./lib/menu/types` |
 
 Icons are exposed to Tailwind as `icon-[comfy--*]` and `icon-mask-[comfy--*]`
 utilities. Size them with `size-*`, not font-size classes.
 
+## Vue components
+
+Install the component peers alongside the package:
+
+```sh
+pnpm add vue reka-ui vue-component-type-helpers
+```
+
+Published components are compiled ES modules with declarations for TypeScript's
+`Bundler` module resolution; workspace imports use their Vue source. Reka is a
+peer so host providers and packaged components share its injection contexts.
+Its declarations require `vue-component-type-helpers`, which Reka currently
+omits from its published dependencies. These peers are optional for CSS-only
+consumers.
+
+With strict dependency checking, VueUse also requires the `web-bluetooth`
+ambient types. Install `@types/web-bluetooth` and include `web-bluetooth` if your
+TypeScript configuration restricts `compilerOptions.types`.
+
+Workspace and published component imports both use the theme imported above,
+which scans the component classes for Tailwind utilities.
+
+Published consumers must also import the component stylesheet for scoped styles
+and animations:
+
+```ts
+import '@comfyorg/design-system/components.css'
+```
+
+Import supporting types and recipes through the `./lib/` entries listed in the
+[exports table](#exports); other `lib/` paths are not exported.
+
+Components that retain `pi-*` icon classes require the host to load
+`primeicons/primeicons.css` separately.
+
+```vue
+<script setup lang="ts">
+import Card from '@comfyorg/design-system/card/Card'
+import CardHeader from '@comfyorg/design-system/card/CardHeader'
+import CardFooter from '@comfyorg/design-system/card/CardFooter'
+</script>
+
+<template>
+  <Card surface="secondary">
+    <CardHeader>Workspace</CardHeader>
+    <p>Shared workspace content</p>
+    <CardFooter>Actions</CardFooter>
+  </Card>
+</template>
+```
+
 ## Releasing
 
 Run the **Version Bump Design System** workflow to open a version PR, then merge
 it with the `Release` label. Publishing to npm happens automatically on merge.
+
+### SemVer policy
+
+This package follows SemVer for everything it exports: the CSS entry points
+(`style.css`, `base.css`, and every `./css/*` path in the [exports
+table](#exports)), the icon SVGs, the component paths, the `./lib/` entries, and
+component props, events, and slots are the public surface. Removing or
+repurposing tokens, `@font-face` declarations, a component or `./lib/` entry, a
+component prop, or an entire file from that surface is a **major** bump — even when no in-repo consumer breaks, because
+published consumers pin this package by version.
+
+Precedent (updated 2026-09-28): #14790 ("move the brand layer into the
+package") took brand tokens out of `_palette.css` and stopped `base.css`
+loading Inter. The review raised whether that should be a major release. npm
+subsequently published `1.1.0` from `main` without the brand-layer move, while
+#14790's merge remains outside `main`. The verdict is unchanged: the move **is
+breaking** — the PR's own body says so — and now breaks the public surface of
+the shipped `1.1.0`. When the brand-layer move reaches `main`, its first npm
+release must therefore be **`2.0.0`**, not another `1.x` release.

package/dist/badge/Badge.vue.d.ts

@@ -0,0 +1,49 @@
+import { HTMLAttributes } from 'vue';
+import { BadgeVariants } from './badge.variants';
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<({
+    variant?: BadgeVariants["variant"];
+    severity?: BadgeVariants["severity"];
+    class?: HTMLAttributes["class"];
+} & {
+    removable: true;
+    removeLabel: string;
+}) | ({
+    variant?: BadgeVariants["variant"];
+    severity?: BadgeVariants["severity"];
+    class?: HTMLAttributes["class"];
+} & {
+    removable?: false;
+    removeLabel?: string;
+}), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    remove: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<({
+    variant?: BadgeVariants["variant"];
+    severity?: BadgeVariants["severity"];
+    class?: HTMLAttributes["class"];
+} & {
+    removable: true;
+    removeLabel: string;
+}) | ({
+    variant?: BadgeVariants["variant"];
+    severity?: BadgeVariants["severity"];
+    class?: HTMLAttributes["class"];
+} & {
+    removable?: false;
+    removeLabel?: string;
+})> & Readonly<{
+    onRemove?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, 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/badge/Badge.vue.js

@@ -0,0 +1,2 @@
+import { t as Badge_default } from "../shared/Badge-D3uWa3yk.js";
+export { Badge_default as default };

package/dist/badge/CreditBadge.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    text: string;
+    rest?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/badge/CreditBadge.vue.js

@@ -0,0 +1,35 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
+//#region src/components/badge/CreditBadge.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["textContent"];
+var _hoisted_2 = {
+	key: 0,
+	"data-testid": "credit-badge-rest",
+	class: "-ml-1 flex h-5 max-w-max min-w-0 grow basis-0 items-center truncate rounded-r-full bg-input text-xs"
+};
+var _hoisted_3 = ["textContent"];
+//#endregion
+//#region src/components/badge/CreditBadge.vue
+var CreditBadge_default = /* @__PURE__ */ defineComponent({
+	__name: "CreditBadge",
+	props: {
+		text: {},
+		rest: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("span", {
+				"data-testid": "credit-badge-required",
+				class: normalizeClass(unref(cn)("flex h-5 shrink-0 items-center bg-input p-1 text-xs", __props.rest ? "rounded-l-full pr-1" : "rounded-full"))
+			}, [_cache[0] || (_cache[0] = createElementVNode("i", { class: "icon-[lucide--coins] aspect-square h-full w-auto bg-credit" }, null, -1)), createElementVNode("span", {
+				class: "truncate",
+				textContent: toDisplayString(__props.text)
+			}, null, 8, _hoisted_1)], 2), __props.rest ? (openBlock(), createElementBlock("span", _hoisted_2, [createElementVNode("span", {
+				class: "pr-2",
+				textContent: toDisplayString(__props.rest)
+			}, null, 8, _hoisted_3)])) : createCommentVNode("", true)], 64);
+		};
+	}
+});
+//#endregion
+export { CreditBadge_default as default };

package/dist/badge/badge.variants.d.ts

@@ -0,0 +1,12 @@
+import { VariantProps } from 'cva';
+export declare const badgeVariants: (props?: ({
+    variant?: "label" | "circle" | "tag" | "chip" | "badge" | "compact" | "outline" | "square" | "pill" | "dot" | undefined;
+    severity?: "contrast" | "warning" | "info" | "success" | "secondary" | "default" | "primary" | "muted" | "danger" | undefined;
+} & ({
+    class?: import('cva').ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import('cva').ClassValue;
+})) | undefined) => string;
+export type BadgeVariants = VariantProps<typeof badgeVariants>;

package/dist/button/Button.vue.d.ts

@@ -0,0 +1,31 @@
+import { PrimitiveProps, TooltipContentProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+import { ButtonVariants } from '@comfyorg/design-system/button.variants';
+interface Props extends PrimitiveProps {
+    class?: HTMLAttributes['class'];
+    disabled?: boolean;
+    icon?: string;
+    indicator?: boolean;
+    loading?: boolean;
+    size?: ButtonVariants['size'];
+    tooltip?: string;
+    tooltipSide?: TooltipContentProps['side'];
+    variant?: ButtonVariants['variant'];
+}
+declare var __VLS_9: {}, __VLS_17: {}, __VLS_19: {};
+type __VLS_Slots = {} & {
+    tooltip?: (props: typeof __VLS_9) => any;
+} & {
+    default?: (props: typeof __VLS_17) => any;
+} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & 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/button/Button.vue.js

@@ -0,0 +1,2 @@
+import { t as Button_default } from "../shared/Button-CilmsOkY.js";
+export { Button_default as default };

package/dist/button-group/ButtonGroup.vue.d.ts

@@ -0,0 +1,18 @@
+import { PrimitiveProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+interface Props extends PrimitiveProps {
+    class?: HTMLAttributes['class'];
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & 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/button-group/ButtonGroup.vue.js

@@ -0,0 +1,37 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { Primitive, useForwardProps } from "reka-ui";
+//#endregion
+//#region src/components/button-group/ButtonGroup.vue
+var ButtonGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "ButtonGroup",
+	props: {
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: ""
+		},
+		asChild: { type: Boolean },
+		as: { default: "div" }
+	},
+	setup(__props) {
+		const restProps = createPropsRestProxy(__props, ["as", "class"]);
+		const forwardedProps = useForwardProps(restProps);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps(unref(forwardedProps), {
+				as: __props.as,
+				class: unref(cn)("inline-flex items-stretch overflow-hidden rounded-md", __props.class)
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as", "class"]);
+		};
+	}
+});
+//#endregion
+export { ButtonGroup_default as default };

package/dist/button-group/IconGroup.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    backgroundClass?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & 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/button-group/IconGroup.vue.js

@@ -0,0 +1,15 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#endregion
+//#region src/components/button-group/IconGroup.vue
+var IconGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "IconGroup",
+	props: { backgroundClass: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)("flex shrink-0 cursor-pointer items-center justify-center rounded-lg border-none bg-secondary p-0 shadow-sm outline-hidden transition-all duration-200", __props.backgroundClass)) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { IconGroup_default as default };

package/dist/card/Card.vue.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes } from 'vue';
+import { CardVariants } from './card.variants';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    surface?: CardVariants['surface'];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & 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/card/Card.vue.js

@@ -0,0 +1,2 @@
+import { t as Card_default } from "../shared/Card-l7baUdn0.js";
+export { Card_default as default };

package/dist/card/CardFooter.vue.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & 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/card/CardFooter.vue.js

@@ -0,0 +1,2 @@
+import { t as CardFooter_default } from "../shared/CardFooter-BM6EmVi7.js";
+export { CardFooter_default as default };

package/dist/card/CardHeader.vue.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & 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/card/CardHeader.vue.js

@@ -0,0 +1,2 @@
+import { t as CardHeader_default } from "../shared/CardHeader-B5To28Jp.js";
+export { CardHeader_default as default };

package/dist/card/CoachmarkCard.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    title: string;
+    titleId?: string;
+    message: string;
+    subtitle?: string;
+    subtitleId?: string;
+    image?: string;
+    messageId?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    image?: (props: typeof __VLS_1) => any;
+} & {
+    actions?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & 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/card/CoachmarkCard.vue.js

@@ -0,0 +1,57 @@
+import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderSlot, toDisplayString } from "vue";
+//#region src/components/card/CoachmarkCard.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex w-full flex-col items-start justify-center gap-3 rounded-2xl bg-secondary p-4 drop-shadow-md" };
+var _hoisted_2 = {
+	key: 0,
+	class: "flex h-[146px] flex-col items-start justify-center gap-4 self-stretch overflow-hidden rounded-xl bg-background"
+};
+var _hoisted_3 = ["src"];
+var _hoisted_4 = { class: "flex flex-col items-end justify-end gap-6 self-stretch" };
+var _hoisted_5 = { class: "flex flex-col items-start gap-2 self-stretch text-foreground" };
+var _hoisted_6 = ["id"];
+var _hoisted_7 = ["id"];
+var _hoisted_8 = ["id"];
+var _hoisted_9 = {
+	key: 0,
+	class: "flex w-full items-center gap-3"
+};
+//#endregion
+//#region src/components/card/CoachmarkCard.vue
+var CoachmarkCard_default = /* @__PURE__ */ defineComponent({
+	__name: "CoachmarkCard",
+	props: {
+		title: {},
+		titleId: {},
+		message: {},
+		subtitle: {},
+		subtitleId: {},
+		image: {},
+		messageId: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [__props.image || _ctx.$slots.image ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "image", {}, () => [__props.image ? (openBlock(), createElementBlock("img", {
+				key: 0,
+				src: __props.image,
+				alt: "",
+				class: "size-full object-cover"
+			}, null, 8, _hoisted_3)) : createCommentVNode("", true)])])) : createCommentVNode("", true), createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [
+				__props.subtitle ? (openBlock(), createElementBlock("p", {
+					key: 0,
+					id: __props.subtitleId,
+					class: "m-0 text-xs/normal"
+				}, toDisplayString(__props.subtitle), 9, _hoisted_6)) : createCommentVNode("", true),
+				createElementVNode("h3", {
+					id: __props.titleId,
+					class: "m-0 text-base/normal font-semibold"
+				}, toDisplayString(__props.title), 9, _hoisted_7),
+				createElementVNode("p", {
+					id: __props.messageId,
+					class: "m-0 text-sm/normal text-muted-foreground"
+				}, toDisplayString(__props.message), 9, _hoisted_8)
+			]), _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_9, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)])]);
+		};
+	}
+});
+//#endregion
+export { CoachmarkCard_default as default };

package/dist/card/card.variants.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from 'cva';
+export declare const cardVariants: (props?: ({
+    surface?: "secondary" | "background" | undefined;
+} & ({
+    class?: import('cva').ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import('cva').ClassValue;
+})) | undefined) => string;
+export type CardVariants = VariantProps<typeof cardVariants>;

package/dist/chart/Chart.vue.d.ts

@@ -0,0 +1,12 @@
+import { ChartData } from 'chart.js';
+import { HTMLAttributes } from 'vue';
+import { SupportedChartType } from './useChart';
+type __VLS_Props = {
+    data: ChartData;
+    label: string;
+    type: SupportedChartType;
+    class?: HTMLAttributes['class'];
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;