@chelone/vue 0.6.0 → 0.7.0

package/dist/components/rich-text-input/rich-text.css

@@ -0,0 +1,227 @@
+/* Content styles for `.rich-text`: the read-only field and the editor share them. */
+.rich-text {
+  color: var(--foreground);
+  line-height: 1.6;
+  overflow-wrap: anywhere;
+}
+
+.rich-text > :first-child {
+  margin-top: 0;
+}
+
+.rich-text > :last-child {
+  margin-bottom: 0;
+}
+
+.rich-text h1,
+.rich-text h2,
+.rich-text h3,
+.rich-text h4,
+.rich-text h5,
+.rich-text h6 {
+  font-weight: 600;
+  line-height: 1.25;
+  margin: 1.25em 0 0.5em;
+}
+
+.rich-text h1 {
+  font-size: 1.875rem;
+}
+
+.rich-text h2 {
+  font-size: 1.5rem;
+}
+
+.rich-text h3 {
+  font-size: 1.25rem;
+}
+
+.rich-text h4 {
+  font-size: 1.125rem;
+}
+
+.rich-text h5,
+.rich-text h6 {
+  font-size: 1rem;
+}
+
+.rich-text p {
+  margin: 0.75em 0;
+}
+
+.rich-text ul,
+.rich-text ol {
+  margin: 0.75em 0;
+  padding-left: 1.5rem;
+}
+
+.rich-text ul {
+  list-style: disc;
+}
+
+.rich-text ol {
+  list-style: decimal;
+}
+
+.rich-text li > p {
+  margin: 0.25em 0;
+}
+
+.rich-text blockquote {
+  border-left: 3px solid var(--border);
+  color: var(--muted-foreground);
+  margin: 1em 0;
+  padding-left: 1rem;
+}
+
+.rich-text code {
+  background-color: var(--muted);
+  border-radius: 0.25rem;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 0.875em;
+  padding: 0.125em 0.375em;
+}
+
+.rich-text pre {
+  background-color: var(--muted);
+  border-radius: 0.375rem;
+  margin: 1em 0;
+  overflow-x: auto;
+  padding: 0.75rem 1rem;
+}
+
+.rich-text pre code {
+  background: none;
+  padding: 0;
+}
+
+.rich-text hr {
+  border: 0;
+  border-top: 1px solid var(--border);
+  margin: 1.5em 0;
+}
+
+.rich-text a {
+  color: var(--primary);
+  text-decoration: underline;
+}
+
+.rich-text a:hover {
+  text-decoration: none;
+}
+
+/* The tiptap placeholder, set on the empty first paragraph. */
+.rich-text p.is-editor-empty:first-child::before {
+  color: var(--muted-foreground);
+  content: attr(data-placeholder);
+  float: left;
+  height: 0;
+  pointer-events: none;
+}
+
+/*
+ * The color palette. Bright colors are set per theme; soft and muted ones mix a
+ * bright color into the theme's own background and muted foreground.
+ */
+:root {
+  --rich-text-color-bright-red: oklch(0.577 0.245 27.3);
+  --rich-text-color-bright-orange: oklch(0.646 0.222 41.1);
+  --rich-text-color-bright-yellow: oklch(0.681 0.162 75.8);
+  --rich-text-color-bright-green: oklch(0.627 0.194 149.2);
+  --rich-text-color-bright-blue: oklch(0.546 0.245 262.9);
+  --rich-text-color-bright-purple: oklch(0.558 0.288 302.3);
+  --rich-text-color-bright-pink: oklch(0.592 0.249 0.6);
+  --rich-text-color-soft-red: color-mix(in oklab, var(--rich-text-color-bright-red) 55%, var(--background));
+  --rich-text-color-soft-orange: color-mix(in oklab, var(--rich-text-color-bright-orange) 55%, var(--background));
+  --rich-text-color-soft-yellow: color-mix(in oklab, var(--rich-text-color-bright-yellow) 55%, var(--background));
+  --rich-text-color-soft-green: color-mix(in oklab, var(--rich-text-color-bright-green) 55%, var(--background));
+  --rich-text-color-soft-blue: color-mix(in oklab, var(--rich-text-color-bright-blue) 55%, var(--background));
+  --rich-text-color-soft-purple: color-mix(in oklab, var(--rich-text-color-bright-purple) 55%, var(--background));
+  --rich-text-color-soft-pink: color-mix(in oklab, var(--rich-text-color-bright-pink) 55%, var(--background));
+  --rich-text-color-muted-red: color-mix(in oklab, var(--rich-text-color-bright-red) 50%, var(--muted-foreground));
+  --rich-text-color-muted-orange: color-mix(in oklab, var(--rich-text-color-bright-orange) 50%, var(--muted-foreground));
+  --rich-text-color-muted-yellow: color-mix(in oklab, var(--rich-text-color-bright-yellow) 50%, var(--muted-foreground));
+  --rich-text-color-muted-green: color-mix(in oklab, var(--rich-text-color-bright-green) 50%, var(--muted-foreground));
+  --rich-text-color-muted-blue: color-mix(in oklab, var(--rich-text-color-bright-blue) 50%, var(--muted-foreground));
+  --rich-text-color-muted-purple: color-mix(in oklab, var(--rich-text-color-bright-purple) 50%, var(--muted-foreground));
+  --rich-text-color-muted-pink: color-mix(in oklab, var(--rich-text-color-bright-pink) 50%, var(--muted-foreground));
+}
+
+.dark {
+  --rich-text-color-bright-red: oklch(0.704 0.191 22.2);
+  --rich-text-color-bright-orange: oklch(0.75 0.183 55.9);
+  --rich-text-color-bright-yellow: oklch(0.852 0.199 91.9);
+  --rich-text-color-bright-green: oklch(0.792 0.209 151.7);
+  --rich-text-color-bright-blue: oklch(0.707 0.165 254.6);
+  --rich-text-color-bright-purple: oklch(0.714 0.203 305.5);
+  --rich-text-color-bright-pink: oklch(0.718 0.202 349.8);
+}
+
+/* Token colors for the classes lowlight puts on code in the editor. */
+.rich-text .hljs-comment,
+.rich-text .hljs-quote {
+  color: var(--muted-foreground);
+  font-style: italic;
+}
+
+.rich-text .hljs-keyword,
+.rich-text .hljs-selector-tag,
+.rich-text .hljs-doctag,
+.rich-text .hljs-meta .hljs-keyword {
+  color: var(--rich-text-color-bright-purple);
+}
+
+.rich-text .hljs-string,
+.rich-text .hljs-regexp,
+.rich-text .hljs-addition,
+.rich-text .hljs-meta .hljs-string {
+  color: var(--rich-text-color-bright-green);
+}
+
+.rich-text .hljs-number,
+.rich-text .hljs-literal,
+.rich-text .hljs-symbol,
+.rich-text .hljs-bullet {
+  color: var(--rich-text-color-bright-orange);
+}
+
+.rich-text .hljs-title,
+.rich-text .hljs-section,
+.rich-text .hljs-function .hljs-title {
+  color: var(--rich-text-color-bright-blue);
+}
+
+.rich-text .hljs-built_in,
+.rich-text .hljs-type,
+.rich-text .hljs-class .hljs-title {
+  color: var(--rich-text-color-bright-yellow);
+}
+
+.rich-text .hljs-attr,
+.rich-text .hljs-attribute,
+.rich-text .hljs-variable,
+.rich-text .hljs-template-variable,
+.rich-text .hljs-property {
+  color: var(--rich-text-color-bright-red);
+}
+
+.rich-text .hljs-name,
+.rich-text .hljs-tag,
+.rich-text .hljs-selector-id,
+.rich-text .hljs-selector-class {
+  color: var(--rich-text-color-bright-pink);
+}
+
+.rich-text .hljs-meta,
+.rich-text .hljs-link,
+.rich-text .hljs-deletion {
+  color: var(--rich-text-color-bright-blue);
+}
+
+.rich-text .hljs-emphasis {
+  font-style: italic;
+}
+
+.rich-text .hljs-strong {
+  font-weight: 600;
+}

package/dist/components/ui/alert.js

@@ -1,46 +1,48 @@
-import { defineComponent, h } from "vue";
 import { cn } from "../../lib/utils.js";
-const ALERT_BASE = "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current";
-const ALERT_VARIANTS = {
-  default: "bg-card text-card-foreground",
-  destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current"
+import { defineComponent, h } from "vue";
+// src/components/ui/alert.ts
+/**
+* The shadcn `Alert` family, the Vue analog of `@chelone/react`'s
+* `ui/alert.tsx`. Pure structural `defineComponent` render components in the
+* style of `badge.ts`. Only the parts the realtime components use are ported:
+* `Alert` and `AlertDescription`.
+*/
+var ALERT_BASE = "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current";
+var ALERT_VARIANTS = {
+	default: "bg-card text-card-foreground",
+	destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current"
 };
-const Alert = defineComponent({
-  name: "Alert",
-  props: {
-    variant: { type: String, default: "default" },
-    class: { type: String, default: "" }
-  },
-  setup(props, { slots }) {
-    return () => h(
-      "div",
-      {
-        "data-slot": "alert",
-        role: "alert",
-        class: cn(ALERT_BASE, ALERT_VARIANTS[props.variant], props.class)
-      },
-      slots.default?.()
-    );
-  }
+var Alert = defineComponent({
+	name: "Alert",
+	props: {
+		variant: {
+			type: String,
+			default: "default"
+		},
+		class: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(props, { slots }) {
+		return () => h("div", {
+			"data-slot": "alert",
+			role: "alert",
+			class: cn(ALERT_BASE, ALERT_VARIANTS[props.variant], props.class)
+		}, slots.default?.());
+	}
 });
-const AlertDescription = defineComponent({
-  name: "AlertDescription",
-  props: { class: { type: String, default: "" } },
-  setup(props, { slots }) {
-    return () => h(
-      "div",
-      {
-        "data-slot": "alert-description",
-        class: cn(
-          "col-start-2 grid justify-items-start gap-1 text-sm text-muted-foreground [&_p]:leading-relaxed",
-          props.class
-        )
-      },
-      slots.default?.()
-    );
-  }
+var AlertDescription = defineComponent({
+	name: "AlertDescription",
+	props: { class: {
+		type: String,
+		default: ""
+	} },
+	setup(props, { slots }) {
+		return () => h("div", {
+			"data-slot": "alert-description",
+			class: cn("col-start-2 grid justify-items-start gap-1 text-sm text-muted-foreground [&_p]:leading-relaxed", props.class)
+		}, slots.default?.());
+	}
 });
-export {
-  Alert,
-  AlertDescription
-};
+export { Alert, AlertDescription };

package/dist/components/ui/avatar.d.ts

@@ -55,8 +55,8 @@ export declare const AvatarImage: import("vue").DefineComponent<import("vue").Ex
     };
 }>> & Readonly<{}>, {
     class: string;
-    src: string;
     alt: string;
+    src: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /** The fallback shown when no image is present (typically the name's initial). */
 export declare const AvatarFallback: FunctionalComponent<ClassProps>;

package/dist/components/ui/avatar.js

@@ -1,91 +1,85 @@
-import { h, defineComponent, ref } from "vue";
 import { cn } from "../../lib/utils.js";
-const AVATAR_SIZE_CLASS = {
-  default: "size-8",
-  sm: "size-6",
-  lg: "size-10"
+import { defineComponent, h, ref } from "vue";
+// src/components/ui/avatar.ts
+/**
+* The avatar family (`Avatar` / `AvatarImage` / `AvatarFallback`) — the Vue
+* analog of shadcn's radix-backed `Avatar`. Dependency-free: `Avatar` is a
+* rounded, `overflow-hidden` container; `AvatarFallback` always renders behind
+* it (initials / placeholder); `AvatarImage` covers the fallback when it has a
+* `src` and loads, and removes itself on error (a local `failed` ref mirroring
+* radix's load-status gate). `Avatar` takes an optional `size`, and
+* `AvatarGroup` / `AvatarGroupCount` stack avatars with a `+N` overflow. The
+* whole family lives in one module (like `sidebar-parts.ts`) rather than
+* near-empty SFCs.
+*/
+var AVATAR_SIZE_CLASS = {
+	default: "size-8",
+	sm: "size-6",
+	lg: "size-10"
 };
-const Avatar = (props, { slots }) => h(
-  "span",
-  {
-    "data-slot": "avatar",
-    ...props.size ? { "data-size": props.size } : {},
-    class: cn(
-      // `cn` does not merge conflicts, so a size replaces the default class.
-      props.size && "group/avatar",
-      "relative flex",
-      AVATAR_SIZE_CLASS[props.size ?? "default"],
-      "shrink-0 overflow-hidden rounded-full",
-      props.class
-    )
-  },
-  slots.default?.()
-);
+/**
+* The rounded container. Stacks `AvatarImage` over `AvatarFallback`. Without
+* `size` it renders as before; with one it sets `data-size` and the size class.
+*/
+var Avatar = (props, { slots }) => h("span", {
+	"data-slot": "avatar",
+	...props.size ? { "data-size": props.size } : {},
+	class: cn(props.size && "group/avatar", "relative flex", AVATAR_SIZE_CLASS[props.size ?? "default"], "shrink-0 overflow-hidden rounded-full", props.class)
+}, slots.default?.());
 Avatar.props = ["class", "size"];
 Avatar.displayName = "Avatar";
-const AvatarImage = defineComponent({
-  name: "AvatarImage",
-  props: {
-    src: { type: String, default: void 0 },
-    alt: { type: String, default: void 0 },
-    class: { type: String, default: void 0 }
-  },
-  setup(props) {
-    const failed = ref(false);
-    return () => !props.src || failed.value ? null : h("img", {
-      src: props.src,
-      alt: props.alt,
-      "data-slot": "avatar-image",
-      class: cn("aspect-square size-full object-cover", props.class),
-      onError: () => {
-        failed.value = true;
-      }
-    });
-  }
+/**
+* The avatar image. Renders nothing when it has no `src` or the load fails (so
+* the fallback shows through), mirroring radix's load-status gate.
+*/
+var AvatarImage = defineComponent({
+	name: "AvatarImage",
+	props: {
+		src: {
+			type: String,
+			default: void 0
+		},
+		alt: {
+			type: String,
+			default: void 0
+		},
+		class: {
+			type: String,
+			default: void 0
+		}
+	},
+	setup(props) {
+		const failed = ref(false);
+		return () => !props.src || failed.value ? null : h("img", {
+			src: props.src,
+			alt: props.alt,
+			"data-slot": "avatar-image",
+			class: cn("aspect-square size-full object-cover", props.class),
+			onError: () => {
+				failed.value = true;
+			}
+		});
+	}
 });
-const AvatarFallback = (props, { slots }) => h(
-  "span",
-  {
-    "data-slot": "avatar-fallback",
-    class: cn(
-      "flex size-full items-center justify-center rounded-full bg-muted text-sm group-data-[size=sm]/avatar:text-xs",
-      props.class
-    )
-  },
-  slots.default?.()
-);
+/** The fallback shown when no image is present (typically the name's initial). */
+var AvatarFallback = (props, { slots }) => h("span", {
+	"data-slot": "avatar-fallback",
+	class: cn("flex size-full items-center justify-center rounded-full bg-muted text-sm group-data-[size=sm]/avatar:text-xs", props.class)
+}, slots.default?.());
 AvatarFallback.props = ["class"];
 AvatarFallback.displayName = "AvatarFallback";
-const AvatarGroup = (props, { slots }) => h(
-  "div",
-  {
-    "data-slot": "avatar-group",
-    class: cn(
-      "group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background",
-      props.class
-    )
-  },
-  slots.default?.()
-);
+/** Stacks avatars with an overlap and a ring that separates them. */
+var AvatarGroup = (props, { slots }) => h("div", {
+	"data-slot": "avatar-group",
+	class: cn("group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background", props.class)
+}, slots.default?.());
 AvatarGroup.props = ["class"];
 AvatarGroup.displayName = "AvatarGroup";
-const AvatarGroupCount = (props, { slots }) => h(
-  "div",
-  {
-    "data-slot": "avatar-group-count",
-    class: cn(
-      "relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3",
-      props.class
-    )
-  },
-  slots.default?.()
-);
+/** The `+N` chip that closes an `AvatarGroup`; it matches the size of the avatars beside it. */
+var AvatarGroupCount = (props, { slots }) => h("div", {
+	"data-slot": "avatar-group-count",
+	class: cn("relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3", props.class)
+}, slots.default?.());
 AvatarGroupCount.props = ["class"];
 AvatarGroupCount.displayName = "AvatarGroupCount";
-export {
-  Avatar,
-  AvatarFallback,
-  AvatarGroup,
-  AvatarGroupCount,
-  AvatarImage
-};
+export { Avatar, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };

package/dist/components/ui/badge.js

@@ -1,30 +1,39 @@
-import { defineComponent, h } from "vue";
 import { cn } from "../../lib/utils.js";
-const BADGE_BASE = "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] [&>svg]:pointer-events-none [&>svg]:size-3";
-const BADGE_VARIANTS = {
-  default: "bg-primary text-primary-foreground",
-  secondary: "bg-secondary text-secondary-foreground",
-  destructive: "bg-destructive text-white",
-  outline: "border-border text-foreground"
+import { defineComponent, h } from "vue";
+// src/components/ui/badge.ts
+/**
+* The shadcn `Badge`, the Vue analog of `@chelone/react`'s `ui/badge.tsx`. A
+* pure structural `defineComponent` render component (mirrors the `card.ts` /
+* `table.ts` style in this `ui/` slice). Renders a `<span>` with the variant's
+* class map; `chip-field` / `badge-field` compose it. The React twin builds its
+* classes with `cva`; here the (small, fixed) variant set is a literal map — no
+* runtime cva dep — with the same visual contract.
+*/
+var BADGE_BASE = "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] [&>svg]:pointer-events-none [&>svg]:size-3";
+var BADGE_VARIANTS = {
+	default: "bg-primary text-primary-foreground",
+	secondary: "bg-secondary text-secondary-foreground",
+	destructive: "bg-destructive text-white",
+	outline: "border-border text-foreground"
 };
-const Badge = defineComponent({
-  name: "Badge",
-  props: {
-    variant: { type: String, default: "default" },
-    class: { type: String, default: "" }
-  },
-  setup(props, { slots }) {
-    return () => h(
-      "span",
-      {
-        "data-slot": "badge",
-        "data-variant": props.variant,
-        class: cn(BADGE_BASE, BADGE_VARIANTS[props.variant], props.class)
-      },
-      slots.default?.()
-    );
-  }
+var Badge = defineComponent({
+	name: "Badge",
+	props: {
+		variant: {
+			type: String,
+			default: "default"
+		},
+		class: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(props, { slots }) {
+		return () => h("span", {
+			"data-slot": "badge",
+			"data-variant": props.variant,
+			class: cn(BADGE_BASE, BADGE_VARIANTS[props.variant], props.class)
+		}, slots.default?.());
+	}
 });
-export {
-  Badge
-};
+export { Badge };

package/dist/components/ui/button-variants.js

@@ -1,23 +1,32 @@
 import { cn } from "../../lib/utils.js";
-const base = "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50";
-const variantClasses = {
-  default: "bg-primary text-primary-foreground hover:bg-primary/90",
-  destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-  outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-  secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-  ghost: "hover:bg-accent hover:text-accent-foreground",
-  link: "text-primary underline-offset-4 hover:underline"
+// src/components/ui/button-variants.ts
+/**
+* `buttonVariants({ variant, size, class })` — the shadcn button class recipe as
+* a pure function, the Vue analog of `@chelone/react`'s `ui/button.tsx`
+* `buttonVariants` (cva). Extracted from `button.vue` so BOTH the `<Button>`
+* primitive AND anchor-rendered nav buttons (`<CreateButton>`/`<EditButton>`/…,
+* which render a `RouterLink` — not a `<button>` — styled as a button) share the
+* one class table. Kept in a `.ts` sibling so `button.vue` stays a single
+* component file.
+*/
+var base = "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50";
+var variantClasses = {
+	default: "bg-primary text-primary-foreground hover:bg-primary/90",
+	destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+	outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+	secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+	ghost: "hover:bg-accent hover:text-accent-foreground",
+	link: "text-primary underline-offset-4 hover:underline"
 };
-const sizeClasses = {
-  default: "h-9 px-4 py-2",
-  sm: "h-8 rounded-md px-3 text-xs",
-  lg: "h-10 rounded-md px-8",
-  icon: "h-9 w-9"
+var sizeClasses = {
+	default: "h-9 px-4 py-2",
+	sm: "h-8 rounded-md px-3 text-xs",
+	lg: "h-10 rounded-md px-8",
+	icon: "h-9 w-9"
 };
+/** Compute the shadcn button class string for a variant/size (+ extra class). */
 function buttonVariants(options = {}) {
-  const { variant = "default", size = "default", class: extra } = options;
-  return cn(base, variantClasses[variant], sizeClasses[size], extra);
+	const { variant = "default", size = "default", class: extra } = options;
+	return cn(base, variantClasses[variant], sizeClasses[size], extra);
 }
-export {
-  buttonVariants
-};
+export { buttonVariants };

package/dist/components/ui/button.js

@@ -0,0 +1,4 @@
+import button_vue_vue_type_script_setup_true_lang_default from "./button.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/button.vue
+var button_default = button_vue_vue_type_script_setup_true_lang_default;
+export { button_default as default };

package/dist/components/ui/button.vue.d.ts

@@ -6,17 +6,20 @@ type __VLS_Props = {
     disabled?: boolean;
     class?: string;
 };
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    };
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    variant: ButtonVariant;
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: ButtonSize;
+    variant: ButtonVariant;
     type: "button" | "submit" | "reset";
     disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+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 (): {