abckit 0.0.1

package/dist/runtime/components/ui/file/FileTable.vue.d.ts

@@ -0,0 +1,41 @@
+import type { FileType } from 'abckit/types/client';
+interface FileItem {
+    id: string;
+    filename: string;
+    originalName: string;
+    mimeType: string;
+    size: number;
+    r2Key: string;
+    type: FileType;
+    parentId?: string | null;
+    isFolder?: boolean;
+    path?: string;
+    createdAt: string;
+    updatedAt: string;
+    deletedAt?: string | null;
+    user?: {
+        id: string;
+        email: string;
+    } | null;
+}
+interface Props {
+    files: FileItem[];
+    selectedFiles?: Set<string>;
+    showSelection?: boolean;
+    showActions?: boolean;
+    isTrash?: boolean;
+    onFileClick?: (file: FileItem) => void;
+    onFolderClick?: (file: FileItem) => void;
+    onSelectAll?: (selected: boolean) => void;
+    onToggleSelection?: (file: FileItem) => void;
+    onView?: (file: FileItem) => void;
+    onDownload?: (file: FileItem) => void;
+    onRename?: (file: FileItem) => void;
+    onMove?: (file: FileItem) => void;
+    onDelete?: (file: FileItem) => void;
+    onRestore?: (file: FileItem) => void;
+    onPermanentDelete?: (file: FileItem) => void;
+}
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/file/FolderTree.d.vue.ts

@@ -0,0 +1,20 @@
+interface Props {
+    currentFolderId?: string;
+    excludedFolderId?: string;
+    selectedFolderId?: string;
+    level?: number;
+}
+type __VLS_Props = Props;
+type __VLS_ModelProps = {
+    'selectedFolderId'?: string | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (folderId: string) => any;
+    "update:selectedFolderId": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((folderId: string) => any) | undefined;
+    "onUpdate:selectedFolderId"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/file/FolderTree.vue

@@ -0,0 +1,69 @@
+<script setup>
+import { useFiles } from "abckit/graphql/organization";
+import { FolderTree } from "./index";
+import { RadioGroupItem } from "abckit/shadcn/radio-group";
+import { computed, ref } from "vue";
+import { Icon } from "#components";
+const props = defineProps({
+  currentFolderId: { type: String, required: false },
+  excludedFolderId: { type: String, required: false },
+  selectedFolderId: { type: String, required: false },
+  level: { type: Number, required: false, default: 0 }
+});
+const emit = defineEmits(["select"]);
+const selectedFolderId = defineModel("selectedFolderId", { type: null });
+const { data: filesData } = useFiles(1, 100, void 0, props.currentFolderId);
+const folders = computed(() => {
+  return filesData.value?.data?.files?.files?.filter(
+    (file) => file.isFolder && file.id !== props.excludedFolderId
+  ) || [];
+});
+const isExpanded = ref({});
+function toggleFolder(folderId) {
+  isExpanded.value[folderId] = !isExpanded.value[folderId];
+}
+function selectFolder(folderId) {
+  selectedFolderId.value = folderId;
+  emit("select", folderId);
+}
+</script>
+
+<template>
+  <div class="space-y-1">
+    <div
+      v-for="folder in folders"
+      :key="folder.id"
+      :style="{ paddingLeft: `${level * 1.5}rem` }"
+    >
+      <div class="flex items-center space-x-2 p-2 rounded hover:bg-muted">
+        <RadioGroupItem
+          :value="folder.id"
+          @click="selectFolder(folder.id)"
+        />
+        <button
+          type="button"
+          class="flex items-center gap-1 flex-1 text-left"
+          @click="toggleFolder(folder.id)"
+        >
+          <Icon
+            :name="isExpanded[folder.id] ? 'lucide:chevron-down' : 'lucide:chevron-right'"
+            class="h-4 w-4"
+          />
+          <Icon name="lucide:folder" class="h-4 w-4" />
+          <span class="text-sm">{{ folder.originalName }}</span>
+        </button>
+      </div>
+
+      <!-- Nested folders -->
+      <div v-if="isExpanded[folder.id]">
+        <FolderTree
+          :current-folder-id="folder.id"
+          :excluded-folder-id="props.excludedFolderId"
+          :selected-folder-id="selectedFolderId"
+          :level="level + 1"
+          @select="selectFolder"
+        />
+      </div>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/ui/file/FolderTree.vue.d.ts

@@ -0,0 +1,20 @@
+interface Props {
+    currentFolderId?: string;
+    excludedFolderId?: string;
+    selectedFolderId?: string;
+    level?: number;
+}
+type __VLS_Props = Props;
+type __VLS_ModelProps = {
+    'selectedFolderId'?: string | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (folderId: string) => any;
+    "update:selectedFolderId": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((folderId: string) => any) | undefined;
+    "onUpdate:selectedFolderId"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,4 @@
+export { default as FileEmptyState } from './FileEmptyState.vue.js';
+export { default as FileGrid } from './FileGrid.vue.js';
+export { default as FileTable } from './FileTable.vue.js';
+export { default as FolderTree } from './FolderTree.vue.js';

package/dist/runtime/components/ui/file/index.js

@@ -0,0 +1,4 @@
+export { default as FileEmptyState } from "./FileEmptyState.vue";
+export { default as FileGrid } from "./FileGrid.vue";
+export { default as FileTable } from "./FileTable.vue";
+export { default as FolderTree } from "./FolderTree.vue";

package/dist/runtime/components/ui/form/FormControl.d.vue.ts

@@ -0,0 +1,13 @@
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+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 (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/form/FormControl.vue

@@ -0,0 +1,16 @@
+<script setup>
+import { Slot } from "reka-ui";
+import { useFormField } from "./useFormField";
+const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+</script>
+
+<template>
+  <Slot
+    :id="formItemId"
+    data-slot="form-control"
+    :aria-describedby="!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`"
+    :aria-invalid="!!error"
+  >
+    <slot />
+  </Slot>
+</template>

package/dist/runtime/components/ui/form/FormControl.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+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 (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/form/FormDescription.d.vue.ts

@@ -0,0 +1,17 @@
+import type { 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/runtime/components/ui/form/FormDescription.vue

@@ -0,0 +1,18 @@
+<script setup>
+import { cn } from "abckit/utils";
+import { useFormField } from "./useFormField";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+const { formDescriptionId } = useFormField();
+</script>
+
+<template>
+  <p
+    :id="formDescriptionId"
+    data-slot="form-description"
+    :class="cn('text-muted-foreground text-sm', props.class)"
+  >
+    <slot />
+  </p>
+</template>

package/dist/runtime/components/ui/form/FormDescription.vue.d.ts

@@ -0,0 +1,17 @@
+import type { 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/runtime/components/ui/form/FormItem.d.vue.ts

@@ -0,0 +1,17 @@
+import type { 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/runtime/components/ui/form/FormItem.vue

@@ -0,0 +1,20 @@
+<script setup>
+import { useId } from "reka-ui";
+import { provide } from "vue";
+import { cn } from "abckit/utils";
+import { FORM_ITEM_INJECTION_KEY } from "./injectionKeys";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+const id = useId();
+provide(FORM_ITEM_INJECTION_KEY, id);
+</script>
+
+<template>
+  <div
+    data-slot="form-item"
+    :class="cn('grid gap-2', props.class)"
+  >
+    <slot />
+  </div>
+</template>

package/dist/runtime/components/ui/form/FormItem.vue.d.ts

@@ -0,0 +1,17 @@
+import type { 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/runtime/components/ui/form/FormLabel.d.vue.ts

@@ -0,0 +1,18 @@
+import type { LabelProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = LabelProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => 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/runtime/components/ui/form/FormLabel.vue

@@ -0,0 +1,26 @@
+<script setup>
+import { cn } from "abckit/utils";
+import { Label } from "abckit/shadcn/label";
+import { useFormField } from "./useFormField";
+const props = defineProps({
+  for: { type: String, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
+const { error, formItemId } = useFormField();
+</script>
+
+<template>
+  <Label
+    data-slot="form-label"
+    :data-error="!!error"
+    :class="cn(
+  'data-[error=true]:text-destructive',
+  props.class
+)"
+    :for="formItemId"
+  >
+    <slot />
+  </Label>
+</template>

package/dist/runtime/components/ui/form/FormLabel.vue.d.ts

@@ -0,0 +1,18 @@
+import type { LabelProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = LabelProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => 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/runtime/components/ui/form/FormMessage.d.vue.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = {
+    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;

package/dist/runtime/components/ui/form/FormMessage.vue

@@ -0,0 +1,20 @@
+<script setup>
+import { ErrorMessage } from "vee-validate";
+import { toValue } from "vue";
+import { cn } from "abckit/utils";
+import { useFormField } from "./useFormField";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+const { name, formMessageId } = useFormField();
+</script>
+
+<template>
+  <ErrorMessage
+    :id="formMessageId"
+    data-slot="form-message"
+    as="p"
+    :name="toValue(name)"
+    :class="cn('text-destructive text-sm', props.class)"
+  />
+</template>

package/dist/runtime/components/ui/form/FormMessage.vue.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = {
+    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;

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

@@ -0,0 +1,7 @@
+export { default as FormControl } from "./FormControl.vue.js";
+export { default as FormDescription } from "./FormDescription.vue.js";
+export { default as FormItem } from "./FormItem.vue.js";
+export { default as FormLabel } from "./FormLabel.vue.js";
+export { default as FormMessage } from "./FormMessage.vue.js";
+export { FORM_ITEM_INJECTION_KEY } from "./injectionKeys.js";
+export { Form, Field as FormField, FieldArray as FormFieldArray } from "vee-validate";

package/dist/runtime/components/ui/form/index.js

@@ -0,0 +1,7 @@
+export { default as FormControl } from "./FormControl.vue";
+export { default as FormDescription } from "./FormDescription.vue";
+export { default as FormItem } from "./FormItem.vue";
+export { default as FormLabel } from "./FormLabel.vue";
+export { default as FormMessage } from "./FormMessage.vue";
+export { FORM_ITEM_INJECTION_KEY } from "./injectionKeys.js";
+export { Form, Field as FormField, FieldArray as FormFieldArray } from "vee-validate";

package/dist/runtime/components/ui/form/injectionKeys.d.ts

@@ -0,0 +1,2 @@
+import type { InjectionKey } from "vue";
+export declare const FORM_ITEM_INJECTION_KEY: InjectionKey<string>;

package/dist/runtime/components/ui/form/injectionKeys.js

@@ -0,0 +1 @@
+export const FORM_ITEM_INJECTION_KEY = Symbol();

package/dist/runtime/components/ui/form/useFormField.d.ts

@@ -0,0 +1,11 @@
+export declare function useFormField(): {
+    valid: import("vue").ComputedRef<boolean>;
+    isDirty: import("vue").ComputedRef<boolean>;
+    isTouched: import("vue").ComputedRef<boolean>;
+    error: import("vue").Ref<string | undefined, string | undefined>;
+    id: string | undefined;
+    name: import("vue").MaybeRef<string>;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};

package/dist/runtime/components/ui/form/useFormField.js

@@ -0,0 +1,25 @@
+import { FieldContextKey } from "vee-validate";
+import { computed, inject } from "vue";
+import { FORM_ITEM_INJECTION_KEY } from "./injectionKeys.js";
+export function useFormField() {
+  const fieldContext = inject(FieldContextKey);
+  const fieldItemContext = inject(FORM_ITEM_INJECTION_KEY);
+  if (!fieldContext)
+    throw new Error("useFormField should be used within <FormField>");
+  const { name, errorMessage: error, meta } = fieldContext;
+  const id = fieldItemContext;
+  const fieldState = {
+    valid: computed(() => meta.valid),
+    isDirty: computed(() => meta.dirty),
+    isTouched: computed(() => meta.touched),
+    error
+  };
+  return {
+    id,
+    name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+}

package/dist/runtime/components/ui/hover-card/HoverCard.d.vue.ts

@@ -0,0 +1,20 @@
+import type { HoverCardRootProps } from "reka-ui";
+declare var __VLS_8: {
+    open: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<HoverCardRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<HoverCardRootProps> & Readonly<{
+    "onUpdate:open"?: ((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/runtime/components/ui/hover-card/HoverCard.vue

@@ -0,0 +1,21 @@
+<script setup>
+import { HoverCardRoot, useForwardPropsEmits } from "reka-ui";
+const props = defineProps({
+  defaultOpen: { type: Boolean, required: false },
+  open: { type: Boolean, required: false },
+  openDelay: { type: Number, required: false },
+  closeDelay: { type: Number, required: false }
+});
+const emits = defineEmits(["update:open"]);
+const forwarded = useForwardPropsEmits(props, emits);
+</script>
+
+<template>
+  <HoverCardRoot
+    v-slot="slotProps"
+    data-slot="hover-card"
+    v-bind="forwarded"
+  >
+    <slot v-bind="slotProps" />
+  </HoverCardRoot>
+</template>

package/dist/runtime/components/ui/hover-card/HoverCard.vue.d.ts

@@ -0,0 +1,20 @@
+import type { HoverCardRootProps } from "reka-ui";
+declare var __VLS_8: {
+    open: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<HoverCardRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<HoverCardRootProps> & Readonly<{
+    "onUpdate:open"?: ((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/runtime/components/ui/hover-card/HoverCardContent.d.vue.ts

@@ -0,0 +1,18 @@
+import type { HoverCardContentProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = HoverCardContentProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => 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/runtime/components/ui/hover-card/HoverCardContent.vue

@@ -0,0 +1,54 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import {
+  HoverCardContent,
+  HoverCardPortal,
+  useForwardProps
+} from "reka-ui";
+import { cn } from "abckit/utils";
+defineOptions({
+  inheritAttrs: false
+});
+const props = defineProps({
+  forceMount: { type: Boolean, required: false },
+  side: { type: null, required: false },
+  sideOffset: { type: Number, required: false, default: 4 },
+  sideFlip: { type: Boolean, required: false },
+  align: { type: null, required: false },
+  alignOffset: { type: Number, required: false },
+  alignFlip: { type: Boolean, required: false },
+  avoidCollisions: { type: Boolean, required: false },
+  collisionBoundary: { type: null, required: false },
+  collisionPadding: { type: [Number, Object], required: false },
+  arrowPadding: { type: Number, required: false },
+  sticky: { type: String, required: false },
+  hideWhenDetached: { type: Boolean, required: false },
+  positionStrategy: { type: String, required: false },
+  updatePositionStrategy: { type: String, required: false },
+  disableUpdateOnLayoutShift: { type: Boolean, required: false },
+  prioritizePosition: { type: Boolean, required: false },
+  reference: { type: null, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class");
+const forwardedProps = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <HoverCardPortal>
+    <HoverCardContent
+      data-slot="hover-card-content"
+      v-bind="{ ...$attrs, ...forwardedProps }"
+      :class="
+  cn(
+    'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 rounded-md border p-4 shadow-md outline-hidden',
+    props.class
+  )
+"
+    >
+      <slot />
+    </HoverCardContent>
+  </HoverCardPortal>
+</template>