@comfyorg/design-system 1.1.0 → 1.3.0-alpha.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
 
@@ -20,6 +21,9 @@ Import the full theme from your app's entry stylesheet:
 @import '@comfyorg/design-system/css/style.css';
 ```
 
+Use this package import rather than a filesystem path into the package. Its
+published export registers the compiled component sources for Tailwind.
+
 This pulls in the fonts, the color palette, the Tailwind theme and utilities
 layers, `tw-animate-css`, the PrimeUI plugin, and the Comfy and Lucide icon
 plugins.
@@ -30,21 +34,120 @@ For the palette and fonts without the Tailwind layers or icon plugins:
 @import '@comfyorg/design-system/css/base.css';
 ```
 
+## Void theme
+
+Void is the near-black look used by Comfy Desktop. An app with its own Tailwind
+build and global styles imports it instead of `style.css`, which carries
+ComfyUI's colors and app-wide rules:
+
+```css
+@import 'tailwindcss';
+@import '@comfyorg/design-system/css/themes/void.css';
+```
+
+The theme gives the components their colors, registers the compiled component
+sources for Tailwind, and adds Void's type, radius, shadow and motion tokens.
+ComfyUI does not import it, so changing Void cannot change ComfyUI. It does not
+declare fonts: the host provides `Inter` and `PP Formula`. Published consumers
+still import `components.css`, as described under [Vue components](#vue-components).
+
 ## 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                                 |
-| `./workspaceAvatar`  | Deterministic workspace avatar styles by plan and name     |
+| Path                            | Contents                                                                         |
+| ------------------------------- | -------------------------------------------------------------------------------- |
+| `./css/style.css`               | Full theme — palette, fonts, Tailwind layers, icon plugins                       |
+| `./css/theme.css`               | Full theme without automatic component source registration                       |
+| `./css/base.css`                | Palette and fonts only                                                           |
+| `./css/component-support.css`   | Palette, icon plugins, animations, layers and utilities the components need      |
+| `./css/themes/void.css`         | Void theme for apps other than ComfyUI, including component support              |
+| `./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 @vueuse/core @vueuse/integrations
+```
+
+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. VueUse provides the component composables
+and search integration. These peers are optional for CSS-only consumers and are
+not automatically installed. Install them explicitly when using Vue components.
+
+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/accordion/PropertiesAccordionItem.vue.d.ts

@@ -0,0 +1,34 @@
+type __VLS_Props = {
+    disabled?: boolean;
+    label?: string;
+    enableEmptyState?: boolean;
+    tooltip?: string;
+    size?: 'default' | 'lg';
+    variant?: 'default' | 'card';
+    class?: string;
+};
+type __VLS_ModelProps = {
+    'collapse'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_13: {}, __VLS_27: {}, __VLS_29: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_13) => any;
+} & {
+    default?: (props: typeof __VLS_27) => any;
+} & {
+    empty?: (props: typeof __VLS_29) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:collapse": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:collapse"?: ((value: boolean) => 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/accordion/PropertiesAccordionItem.vue.js

@@ -0,0 +1,62 @@
+import { t as Tooltip_default } from "../shared/Tooltip-4rCebVao.js";
+import { t as TooltipContent_default } from "../shared/TooltipContent-0GR7hBNu.js";
+import { t as TooltipTrigger_default } from "../shared/TooltipTrigger-64EIE5f2.js";
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { t as TransitionCollapse_default } from "../shared/TransitionCollapse-VfBzyj5a.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useModel, withCtx } from "vue";
+// src/components/accordion/PropertiesAccordionItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "sticky top-0 z-10 flex items-center justify-between bg-inherit backdrop-blur-xl" };
+var _hoisted_2 = ["tabindex"];
+var _hoisted_3 = ["disabled"];
+var _hoisted_4 = {
+	key: 0,
+	class: "pb-4"
+};
+// src/components/accordion/PropertiesAccordionItem.vue
+var PropertiesAccordionItem_default = /* @__PURE__ */ defineComponent({
+	__name: "PropertiesAccordionItem",
+	props: /*@__PURE__*/ mergeModels({
+		disabled: { type: Boolean },
+		label: {},
+		enableEmptyState: { type: Boolean },
+		tooltip: {},
+		size: { default: "default" },
+		variant: { default: "default" },
+		class: {}
+	}, {
+		"collapse": {
+			type: Boolean,
+			default: false
+		},
+		"collapseModifiers": {}
+	}),
+	emits: ["update:collapse"],
+	setup(__props) {
+		const isCollapse = useModel(__props, "collapse");
+		const isExpanded = computed(() => !isCollapse.value && !__props.disabled);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)("flex flex-col bg-background", __props.variant === "card" && "border-t bg-card", __props.class)) }, [createElementVNode("div", _hoisted_1, [createVNode(unref(Tooltip_default), { disabled: !__props.tooltip }, {
+				default: withCtx(() => [createVNode(unref(TooltipTrigger_default), { "as-child": "" }, {
+					default: withCtx(() => [createElementVNode("div", {
+						class: "w-full",
+						tabindex: __props.disabled && __props.tooltip ? 0 : void 0
+					}, [createElementVNode("button", {
+						type: "button",
+						class: normalizeClass(unref(cn)("group flex w-full items-center justify-between border-0 bg-transparent pr-3 pl-4 text-left ring-0 outline-0 disabled:text-muted-foreground", __props.size === "lg" ? "min-h-16" : "min-h-12", !__props.disabled && "cursor-pointer")),
+						disabled: __props.disabled,
+						onClick: _cache[0] || (_cache[0] = ($event) => isCollapse.value = !isCollapse.value)
+					}, [createElementVNode("span", { class: normalizeClass(unref(cn)("line-clamp-2 flex-1 font-semibold", __props.variant === "card" ? "text-xs uppercase select-none" : "text-sm")) }, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])], 2), createElementVNode("i", { class: normalizeClass(unref(cn)("icon-[lucide--chevron-up] text-muted-foreground transition-all group-hover:text-foreground group-focus:text-foreground group-has-[.subbutton:hover]:text-muted-foreground", isCollapse.value && "-rotate-180", __props.disabled && "opacity-0")) }, null, 2)], 10, _hoisted_3)], 8, _hoisted_2)]),
+					_: 3
+				}), createVNode(unref(TooltipContent_default), null, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.tooltip), 1)]),
+					_: 1
+				})]),
+				_: 3
+			}, 8, ["disabled"])]), createVNode(unref(TransitionCollapse_default), null, {
+				default: withCtx(() => [isExpanded.value ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "default")])) : __props.enableEmptyState && __props.disabled ? renderSlot(_ctx.$slots, "empty", {}, void 0, void 0, 1) : createCommentVNode("", true)]),
+				_: 3
+			})], 2);
+		};
+	}
+});
+export { PropertiesAccordionItem_default as default };

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 @@
+export { t as default } from "../shared/Badge-DFHO3AFi.js";

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

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    text: 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,21 @@
+import { createElementBlock, createElementVNode, defineComponent, openBlock, toDisplayString } from "vue";
+// src/components/badge/CreditBadge.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	"data-testid": "credit-badge",
+	class: "flex h-5 shrink-0 items-center gap-1 rounded-md bg-input px-2 py-0.5 text-xs"
+};
+var _hoisted_2 = ["textContent"];
+// src/components/badge/CreditBadge.vue
+var CreditBadge_default = /* @__PURE__ */ defineComponent({
+	__name: "CreditBadge",
+	props: { text: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", _hoisted_1, [_cache[0] || (_cache[0] = createElementVNode("i", { class: "icon-[lucide--coins] aspect-square size-3.5 bg-credit" }, null, -1)), createElementVNode("span", {
+				class: "truncate",
+				textContent: toDisplayString(__props.text)
+			}, null, 8, _hoisted_2)]);
+		};
+	}
+});
+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?: "warning" | "info" | "success" | "secondary" | "default" | "contrast" | "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 @@
+export { t as default } from "../shared/Button-Dj_H5v3V.js";

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,35 @@
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { Primitive, useForwardProps } from "reka-ui";
+// 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"]);
+		};
+	}
+});
+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,13 @@
+import { t as cn } from "../shared/src-DTwuqov4.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+// 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);
+		};
+	}
+});
+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 @@
+export { t as default } from "../shared/Card-BrvqUM49.js";

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 @@
+export { t as default } from "../shared/CardFooter-BV_I0pM-.js";

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 @@
+export { t as default } from "../shared/CardHeader-CMutruBx.js";

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,55 @@
+import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderSlot, toDisplayString } from "vue";
+// 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"
+};
+// 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)])]);
+		};
+	}
+});
+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;