@chelone/vue 0.6.0 → 0.7.0

package/dist/components/ui/dropdown-menu/context.js

@@ -1,21 +1,22 @@
-import { provide, inject } from "vue";
-const DropdownMenuKey = /* @__PURE__ */ Symbol(
-  "chelone-dropdown-menu"
-);
+import { inject, provide } from "vue";
+// src/components/ui/dropdown-menu/context.ts
+/**
+* The `<DropdownMenu>` open-state context — the non-component core of the
+* dependency-free dropdown family. The root SFC owns the `open` ref + the root
+* element ref (for the outside-click check) and `provide`s this contract; the
+* trigger toggles it, the content renders against it, and items close it on
+* select. A typed `InjectionKey` keeps every consumer's inject fully typed.
+*/
+/** The provide/inject key for the dropdown-menu context. */
+var DropdownMenuKey = Symbol("chelone-dropdown-menu");
+/** Provide the dropdown context (called by `<DropdownMenu>` in `setup`). */
 function provideDropdownMenu(ctx) {
-  provide(DropdownMenuKey, ctx);
+	provide(DropdownMenuKey, ctx);
 }
+/** Read the ambient dropdown context. Throws when used outside `<DropdownMenu>`. */
 function useDropdownMenu() {
-  const ctx = inject(DropdownMenuKey, null);
-  if (!ctx) {
-    throw new Error(
-      "useDropdownMenu: used outside a <DropdownMenu> component."
-    );
-  }
-  return ctx;
+	const ctx = inject(DropdownMenuKey, null);
+	if (!ctx) throw new Error("useDropdownMenu: used outside a <DropdownMenu> component.");
+	return ctx;
 }
-export {
-  DropdownMenuKey,
-  provideDropdownMenu,
-  useDropdownMenu
-};
+export { DropdownMenuKey, provideDropdownMenu, useDropdownMenu };

package/dist/components/ui/dropdown-menu/dropdown-menu-content.js

@@ -0,0 +1,4 @@
+import dropdown_menu_content_vue_vue_type_script_setup_true_lang_default from "./dropdown-menu-content.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/dropdown-menu/dropdown-menu-content.vue
+var dropdown_menu_content_default = dropdown_menu_content_vue_vue_type_script_setup_true_lang_default;
+export { dropdown_menu_content_default as default };

package/dist/components/ui/dropdown-menu/dropdown-menu-content.vue.d.ts

@@ -5,12 +5,13 @@ export interface DropdownMenuContentProps {
     /** Extra class appended to the content panel. */
     class?: string;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DropdownMenuContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DropdownMenuContentProps> & Readonly<{}>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<DropdownMenuContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DropdownMenuContentProps> & Readonly<{}>, {
     align: "start" | "end";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/ui/dropdown-menu/dropdown-menu-content.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,31 @@
+import { cn } from "../../../lib/utils.js";
+import { useDropdownMenu } from "./context.js";
+import { computed, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+// src/components/ui/dropdown-menu/dropdown-menu-content.vue?vue&type=script&setup=true&lang.ts
+var dropdown_menu_content_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "dropdown-menu-content",
+	props: {
+		align: { default: "start" },
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* `<DropdownMenuContent>` — the menu panel, rendered (via `v-if`) only while the
+		* root is open. Positioned `absolute`ly below the trigger; `align="end"` right-
+		* aligns it. The Vue analog of shadcn's `DropdownMenuContent` (no portal — see
+		* `<DropdownMenu>`'s divergence note).
+		*/
+		const props = __props;
+		const { open } = useDropdownMenu();
+		const classes = computed(() => cn("absolute top-full z-50 mt-2 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md", props.align === "end" ? "right-0" : "left-0", props.class));
+		return (_ctx, _cache) => {
+			return unref(open) ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(classes.value),
+				role: "menu",
+				"data-slot": "dropdown-menu-content"
+			}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("", true);
+		};
+	}
+});
+export { dropdown_menu_content_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/dropdown-menu/dropdown-menu-item.js

@@ -0,0 +1,4 @@
+import dropdown_menu_item_vue_vue_type_script_setup_true_lang_default from "./dropdown-menu-item.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/dropdown-menu/dropdown-menu-item.vue
+var dropdown_menu_item_default = dropdown_menu_item_vue_vue_type_script_setup_true_lang_default;
+export { dropdown_menu_item_default as default };

package/dist/components/ui/dropdown-menu/dropdown-menu-item.vue.d.ts

@@ -1,16 +1,19 @@
 type __VLS_Props = {
     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, {
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: (() => any) | undefined;
 }>, {}, {}, {}, {}, 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 (): {

package/dist/components/ui/dropdown-menu/dropdown-menu-item.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,44 @@
+import { cn } from "../../../lib/utils.js";
+import { useDropdownMenu } from "./context.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+// src/components/ui/dropdown-menu/dropdown-menu-item.vue?vue&type=script&setup=true&lang.ts
+var dropdown_menu_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "dropdown-menu-item",
+	props: { class: {} },
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* `<DropdownMenuItem>` — a selectable menu row. Closes the menu on click or on
+		* Enter / Space, then emits `select` so the consumer runs its action (the Vue
+		* idiom for the React twin's `onClick`). The Vue analog of shadcn's
+		* `DropdownMenuItem`.
+		*
+		* The row is a `div` with `role="menuitem"` and `tabindex="0"`, which gets no
+		* key activation from the browser, so Enter and Space are handled here — the
+		* keyboard path radix gives the React twin for free.
+		*/
+		const props = __props;
+		const emit = __emit;
+		const { setOpen } = useDropdownMenu();
+		function select() {
+			setOpen(false);
+			emit("select");
+		}
+		function onKeydown(event) {
+			if (event.key !== "Enter" && event.key !== " ") return;
+			event.preventDefault();
+			select();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				role: "menuitem",
+				tabindex: "0",
+				class: normalizeClass(unref(cn)("relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0", props.class)),
+				"data-slot": "dropdown-menu-item",
+				onClick: select,
+				onKeydown
+			}, [renderSlot(_ctx.$slots, "default")], 34);
+		};
+	}
+});
+export { dropdown_menu_item_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/dropdown-menu/dropdown-menu-trigger.js

@@ -0,0 +1,4 @@
+import dropdown_menu_trigger_vue_vue_type_script_setup_true_lang_default from "./dropdown-menu-trigger.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/dropdown-menu/dropdown-menu-trigger.vue
+var dropdown_menu_trigger_default = dropdown_menu_trigger_vue_vue_type_script_setup_true_lang_default;
+export { dropdown_menu_trigger_default as default };

package/dist/components/ui/dropdown-menu/dropdown-menu-trigger.vue.d.ts

@@ -1,9 +1,12 @@
-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<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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 (): {

package/dist/components/ui/dropdown-menu/dropdown-menu-trigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,26 @@
+import { useDropdownMenu } from "./context.js";
+import { createElementBlock, defineComponent, openBlock, renderSlot, unref } from "vue";
+// src/components/ui/dropdown-menu/dropdown-menu-trigger.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-state"];
+var dropdown_menu_trigger_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "dropdown-menu-trigger",
+	setup(__props) {
+		/**
+		* `<DropdownMenuTrigger>` — toggles the menu open on click. The Vue analog of
+		* shadcn's `DropdownMenuTrigger asChild`: instead of reka-ui's `<Slot>`, it
+		* wraps its child in a `display: contents` span (so it adds no box) and listens
+		* for the bubbled click. The child (typically a `<Button>`) keeps its own
+		* `aria-label` / styling untouched.
+		*/
+		const { toggle, open } = useDropdownMenu();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				style: { "display": "contents" },
+				"data-slot": "dropdown-menu-trigger",
+				"data-state": unref(open) ? "open" : "closed",
+				onClick: _cache[0] || (_cache[0] = (...args) => unref(toggle) && unref(toggle)(...args))
+			}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1);
+		};
+	}
+});
+export { dropdown_menu_trigger_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/dropdown-menu/dropdown-menu.js

@@ -0,0 +1,4 @@
+import dropdown_menu_vue_vue_type_script_setup_true_lang_default from "./dropdown-menu.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/dropdown-menu/dropdown-menu.vue
+var dropdown_menu_default = dropdown_menu_vue_vue_type_script_setup_true_lang_default;
+export { dropdown_menu_default as default };

package/dist/components/ui/dropdown-menu/dropdown-menu.vue.d.ts

@@ -1,9 +1,12 @@
-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<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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 (): {

package/dist/components/ui/dropdown-menu/dropdown-menu.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,63 @@
+import { provideDropdownMenu } from "./context.js";
+import { createElementBlock, defineComponent, onBeforeUnmount, openBlock, ref, renderSlot, watch } from "vue";
+// src/components/ui/dropdown-menu/dropdown-menu.vue?vue&type=script&setup=true&lang.ts
+var dropdown_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "dropdown-menu",
+	setup(__props) {
+		/**
+		* `<DropdownMenu>` — the root of the dependency-free dropdown family, the Vue
+		* analog of shadcn's radix-backed `DropdownMenu`.
+		*
+		* DELIBERATE DIVERGENCE from the React/radix twin: the Vue `ui/` slice carries
+		* no reka-ui, so there is no portal + floating-ui positioning. This renders a
+		* `relative inline-block` wrapper; `<DropdownMenuContent>` positions
+		* `absolute`ly within it. The root owns the `open` ref + the wrapper element ref
+		* and dismisses on an outside `mousedown` or the `Escape` key (the document
+		* listeners are attached only while open), covering the accessibility contract
+		* the tests exercise without a positioning dependency.
+		*/
+		const rootRef = ref(null);
+		const open = ref(false);
+		function setOpen(value) {
+			open.value = value;
+		}
+		function toggle() {
+			open.value = !open.value;
+		}
+		provideDropdownMenu({
+			open,
+			rootRef,
+			setOpen,
+			toggle
+		});
+		function onDocumentPointerDown(event) {
+			const root = rootRef.value;
+			if (root && event.target instanceof Node && !root.contains(event.target)) setOpen(false);
+		}
+		function onDocumentKeydown(event) {
+			if (event.key === "Escape") setOpen(false);
+		}
+		function detach() {
+			if (typeof document === "undefined") return;
+			document.removeEventListener("mousedown", onDocumentPointerDown);
+			document.removeEventListener("keydown", onDocumentKeydown);
+		}
+		watch(open, (isOpen) => {
+			if (typeof document === "undefined") return;
+			if (isOpen) {
+				document.addEventListener("mousedown", onDocumentPointerDown);
+				document.addEventListener("keydown", onDocumentKeydown);
+			} else detach();
+		});
+		onBeforeUnmount(detach);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "rootRef",
+				ref: rootRef,
+				class: "relative inline-block",
+				"data-slot": "dropdown-menu"
+			}, [renderSlot(_ctx.$slots, "default")], 512);
+		};
+	}
+});
+export { dropdown_menu_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/dropdown-menu/parts.js

@@ -1,23 +1,26 @@
-import { h } from "vue";
 import { cn } from "../../../lib/utils.js";
-const DropdownMenuLabel = (props, { slots }) => h(
-  "div",
-  {
-    "data-slot": "dropdown-menu-label",
-    class: cn("px-2 py-1.5 text-sm font-semibold", props.class)
-  },
-  slots.default?.()
-);
+import { h } from "vue";
+// src/components/ui/dropdown-menu/parts.ts
+/**
+* The structural dropdown-menu parts (`DropdownMenuLabel` / `DropdownMenuSeparator`)
+* — thin styled containers with no behavior, the Vue analog of shadcn's
+* same-named parts. Functional components (like `sidebar-parts.ts`) so the pair
+* lives in one dependency-free module. The interactive parts (`DropdownMenu`,
+* `DropdownMenuTrigger`, `DropdownMenuContent`, `DropdownMenuItem`) stay as SFCs.
+*/
+/** A non-interactive section heading inside the menu. */
+var DropdownMenuLabel = (props, { slots }) => h("div", {
+	"data-slot": "dropdown-menu-label",
+	class: cn("px-2 py-1.5 text-sm font-semibold", props.class)
+}, slots.default?.());
 DropdownMenuLabel.props = ["class"];
 DropdownMenuLabel.displayName = "DropdownMenuLabel";
-const DropdownMenuSeparator = (props) => h("div", {
-  "data-slot": "dropdown-menu-separator",
-  role: "separator",
-  class: cn("-mx-1 my-1 h-px bg-muted", props.class)
+/** A horizontal divider between menu groups. */
+var DropdownMenuSeparator = (props) => h("div", {
+	"data-slot": "dropdown-menu-separator",
+	role: "separator",
+	class: cn("-mx-1 my-1 h-px bg-muted", props.class)
 });
 DropdownMenuSeparator.props = ["class"];
 DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
-export {
-  DropdownMenuLabel,
-  DropdownMenuSeparator
-};
+export { DropdownMenuLabel, DropdownMenuSeparator };

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

@@ -5,7 +5,6 @@
  * `defineComponent` render components in one module rather than a directory of
  * one-line SFCs — the minimal, dependency-free slice the admin inputs need.
  */
-import { type PropType } from "vue";
 /** The input field wrapper — a vertical stack of label + control + error. */
 export declare const Field: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     class: {
@@ -75,14 +74,14 @@ export declare const FieldError: import("vue").DefineComponent<import("vue").Ext
 /** The field description / helper text. */
 export declare const FieldDescription: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     class: {
-        type: PropType<string>;
+        type: StringConstructor;
         default: string;
     };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     class: {
-        type: PropType<string>;
+        type: StringConstructor;
         default: string;
     };
 }>> & Readonly<{}>, {

package/dist/components/ui/field.js

@@ -1,79 +1,85 @@
-import { defineComponent, h } from "vue";
 import { cn } from "../../lib/utils.js";
-const Field = defineComponent({
-  name: "Field",
-  props: {
-    class: { type: String, default: "" },
-    dataInvalid: { type: Boolean, default: false }
-  },
-  setup(props, { slots }) {
-    return () => h(
-      "div",
-      {
-        "data-slot": "field",
-        "data-invalid": props.dataInvalid || void 0,
-        class: cn("flex flex-col gap-2", props.class)
-      },
-      slots.default?.()
-    );
-  }
+import { defineComponent, h } from "vue";
+// src/components/ui/field.ts
+/**
+* The shadcn `Field` family, the Vue analog of `@chelone/react`'s `ui/field.tsx`
+* (`Field` / `FieldLabel` / `FieldError` / `FieldDescription`). These are pure
+* structural wrappers (no interactivity), so they are authored as small
+* `defineComponent` render components in one module rather than a directory of
+* one-line SFCs — the minimal, dependency-free slice the admin inputs need.
+*/
+/** The input field wrapper — a vertical stack of label + control + error. */
+var Field = defineComponent({
+	name: "Field",
+	props: {
+		class: {
+			type: String,
+			default: ""
+		},
+		dataInvalid: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(props, { slots }) {
+		return () => h("div", {
+			"data-slot": "field",
+			"data-invalid": props.dataInvalid || void 0,
+			class: cn("flex flex-col gap-2", props.class)
+		}, slots.default?.());
+	}
 });
-const FieldLabel = defineComponent({
-  name: "FieldLabel",
-  props: {
-    htmlFor: { type: String, default: void 0 },
-    class: { type: String, default: "" }
-  },
-  setup(props, { slots }) {
-    return () => h(
-      "label",
-      {
-        "data-slot": "field-label",
-        for: props.htmlFor,
-        class: cn(
-          "flex items-center gap-2 text-sm font-medium leading-none",
-          props.class
-        )
-      },
-      slots.default?.()
-    );
-  }
+/** The field label — `<label for>` bound to the control's id. */
+var FieldLabel = defineComponent({
+	name: "FieldLabel",
+	props: {
+		htmlFor: {
+			type: String,
+			default: void 0
+		},
+		class: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(props, { slots }) {
+		return () => h("label", {
+			"data-slot": "field-label",
+			for: props.htmlFor,
+			class: cn("flex items-center gap-2 text-sm font-medium leading-none", props.class)
+		}, slots.default?.());
+	}
 });
-const FieldError = defineComponent({
-  name: "FieldError",
-  props: { class: { type: String, default: "" } },
-  setup(props, { slots }) {
-    return () => {
-      const content = slots.default?.();
-      if (content == null) return null;
-      return h(
-        "p",
-        {
-          "data-slot": "field-error",
-          class: cn("text-sm font-medium text-destructive", props.class)
-        },
-        content
-      );
-    };
-  }
+/** The field error slot — rendered below the control (red text). */
+var FieldError = defineComponent({
+	name: "FieldError",
+	props: { class: {
+		type: String,
+		default: ""
+	} },
+	setup(props, { slots }) {
+		return () => {
+			const content = slots.default?.();
+			if (content == null) return null;
+			return h("p", {
+				"data-slot": "field-error",
+				class: cn("text-sm font-medium text-destructive", props.class)
+			}, content);
+		};
+	}
 });
-const FieldDescription = defineComponent({
-  name: "FieldDescription",
-  props: { class: { type: String, default: "" } },
-  setup(props, { slots }) {
-    return () => h(
-      "p",
-      {
-        "data-slot": "field-description",
-        class: cn("text-sm text-muted-foreground", props.class)
-      },
-      slots.default?.()
-    );
-  }
+/** The field description / helper text. */
+var FieldDescription = defineComponent({
+	name: "FieldDescription",
+	props: { class: {
+		type: String,
+		default: ""
+	} },
+	setup(props, { slots }) {
+		return () => h("p", {
+			"data-slot": "field-description",
+			class: cn("text-sm text-muted-foreground", props.class)
+		}, slots.default?.());
+	}
 });
-export {
-  Field,
-  FieldDescription,
-  FieldError,
-  FieldLabel
-};
+export { Field, FieldDescription, FieldError, FieldLabel };

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

@@ -21,4 +21,6 @@ export { default as Skeleton } from "./skeleton.vue.js";
 export { default as Spinner } from "./spinner.vue.js";
 export { default as Switch } from "./switch.vue.js";
 export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "./table.js";
+export type { TabsContext, TabsOrientation, TabsTriggerEntry, } from "./tabs/index.js";
+export { provideTabs, Tabs, TabsContent, TabsKey, TabsList, TabsTrigger, useTabs, } from "./tabs/index.js";
 export { default as Textarea } from "./textarea.vue.js";

package/dist/components/ui/input.js

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

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

@@ -9,7 +9,7 @@ type __VLS_Props = {
     ariaInvalid?: boolean;
     class?: string;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
     "update:modelValue": (value: string) => any;
@@ -18,4 +18,5 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     onFocus?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;