@lupinum/ginko-docs 0.2.2 → 0.2.3

package/app/components/ui/card/index.ts

@@ -1,8 +0,0 @@
-export { cardVariants, type CardVariants } from "./card-variants";
-export { default as Card } from "./Card.vue";
-export { default as CardAction } from "./CardAction.vue";
-export { default as CardContent } from "./CardContent.vue";
-export { default as CardDescription } from "./CardDescription.vue";
-export { default as CardFooter } from "./CardFooter.vue";
-export { default as CardHeader } from "./CardHeader.vue";
-export { default as CardTitle } from "./CardTitle.vue";

package/app/components/ui/checkbox/Checkbox.vue

@@ -1,35 +0,0 @@
-<script setup lang="ts">
-import type { CheckboxRootEmits, CheckboxRootProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from "reka-ui";
-import { cn } from "#ginko-docs/lib/utils";
-
-const props = defineProps<CheckboxRootProps & { class?: HTMLAttributes["class"] }>();
-const emits = defineEmits<CheckboxRootEmits>();
-
-const delegatedProps = reactiveOmit(props, "class");
-const forwarded = useForwardPropsEmits(delegatedProps, emits);
-</script>
-
-<template>
-  <CheckboxRoot
-    data-slot="checkbox"
-    v-bind="forwarded"
-    :class="
-      cn(
-        'peer size-4 shrink-0 rounded-[4px] border border-input bg-background shadow-xs transition-colors outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40',
-        props.class,
-      )
-    "
-  >
-    <CheckboxIndicator
-      data-slot="checkbox-indicator"
-      class="flex items-center justify-center text-current transition-none"
-    >
-      <slot>
-        <Icon name="lucide:check" class="size-3.5" aria-hidden="true" />
-      </slot>
-    </CheckboxIndicator>
-  </CheckboxRoot>
-</template>

package/app/components/ui/checkbox/index.ts

@@ -1 +0,0 @@
-export { default as Checkbox } from "./Checkbox.vue";

package/app/components/ui/dialog/Dialog.vue

@@ -1,15 +0,0 @@
-<script setup lang="ts">
-import type { DialogRootEmits, DialogRootProps } from "reka-ui";
-import { DialogRoot, useForwardPropsEmits } from "reka-ui";
-
-const props = defineProps<DialogRootProps>();
-const emits = defineEmits<DialogRootEmits>();
-
-const forwarded = useForwardPropsEmits(props, emits);
-</script>
-
-<template>
-  <DialogRoot v-slot="slotProps" data-slot="dialog" v-bind="forwarded">
-    <slot v-bind="slotProps" />
-  </DialogRoot>
-</template>

package/app/components/ui/dialog/DialogClose.vue

@@ -1,12 +0,0 @@
-<script setup lang="ts">
-import type { DialogCloseProps } from "reka-ui";
-import { DialogClose } from "reka-ui";
-
-const props = defineProps<DialogCloseProps>();
-</script>
-
-<template>
-  <DialogClose data-slot="dialog-close" v-bind="props">
-    <slot />
-  </DialogClose>
-</template>

package/app/components/ui/dialog/DialogContent.vue

@@ -1,69 +0,0 @@
-<script setup lang="ts">
-import { cva, type VariantProps } from "class-variance-authority";
-import type { DialogContentEmits, DialogContentProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { DialogClose, DialogContent, useForwardPropsEmits } from "reka-ui";
-import { cn } from "#ginko-docs/lib/utils";
-import DialogOverlay from "./DialogOverlay.vue";
-import DialogPortal from "./DialogPortal.vue";
-
-const dialogContentVariants = cva(
-  "fixed top-[50%] left-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%] gap-4 rounded-xl border border-border bg-background p-6 shadow-lg duration-200 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",
-  {
-    variants: {
-      size: {
-        sm: "w-[min(calc(100vw-2rem),24rem)]",
-        default: "w-[min(calc(100vw-2rem),32rem)]",
-        lg: "w-[min(calc(100vw-2rem),48rem)]",
-        xl: "w-[min(calc(100vw-2rem),64rem)]",
-        full: "w-[calc(100vw-2rem)]",
-      },
-    },
-    defaultVariants: {
-      size: "default",
-    },
-  },
-);
-
-type DialogContentVariants = VariantProps<typeof dialogContentVariants>;
-
-interface Props extends DialogContentProps {
-  class?: HTMLAttributes["class"];
-  showClose?: boolean;
-  size?: DialogContentVariants["size"];
-}
-
-defineOptions({
-  inheritAttrs: false,
-});
-
-const props = withDefaults(defineProps<Props>(), {
-  showClose: true,
-});
-const emits = defineEmits<DialogContentEmits>();
-
-const delegatedProps = reactiveOmit(props, "class", "showClose", "size");
-const forwarded = useForwardPropsEmits(delegatedProps, emits);
-</script>
-
-<template>
-  <DialogPortal>
-    <DialogOverlay />
-    <DialogContent
-      data-slot="dialog-content"
-      :class="cn(dialogContentVariants({ size: props.size }), props.class)"
-      v-bind="{ ...$attrs, ...forwarded }"
-    >
-      <slot />
-
-      <DialogClose
-        v-if="showClose"
-        class="absolute top-4 right-4 inline-flex size-8 items-center justify-center rounded-md text-muted-foreground transition-colors outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none"
-      >
-        <Icon name="lucide:x" class="size-4" aria-hidden="true" />
-        <span class="sr-only">Close</span>
-      </DialogClose>
-    </DialogContent>
-  </DialogPortal>
-</template>

package/app/components/ui/dialog/DialogDescription.vue

@@ -1,21 +0,0 @@
-<script setup lang="ts">
-import type { DialogDescriptionProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { DialogDescription } from "reka-ui";
-import { cn } from "#ginko-docs/lib/utils";
-
-const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes["class"] }>();
-
-const delegatedProps = reactiveOmit(props, "class");
-</script>
-
-<template>
-  <DialogDescription
-    data-slot="dialog-description"
-    :class="cn('text-sm text-muted-foreground', props.class)"
-    v-bind="delegatedProps"
-  >
-    <slot />
-  </DialogDescription>
-</template>

package/app/components/ui/dialog/DialogFooter.vue

@@ -1,15 +0,0 @@
-<script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "#ginko-docs/lib/utils";
-
-const props = defineProps<{ class?: HTMLAttributes["class"] }>();
-</script>
-
-<template>
-  <div
-    data-slot="dialog-footer"
-    :class="cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', props.class)"
-  >
-    <slot />
-  </div>
-</template>

package/app/components/ui/dialog/DialogOverlay.vue

@@ -1,26 +0,0 @@
-<script setup lang="ts">
-import type { DialogOverlayProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { DialogOverlay } from "reka-ui";
-import { cn } from "#ginko-docs/lib/utils";
-
-const props = defineProps<DialogOverlayProps & { class?: HTMLAttributes["class"] }>();
-
-const delegatedProps = reactiveOmit(props, "class");
-</script>
-
-<template>
-  <DialogOverlay
-    data-slot="dialog-overlay"
-    :class="
-      cn(
-        'fixed inset-0 z-50 bg-overlay backdrop-blur-sm data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0',
-        props.class,
-      )
-    "
-    v-bind="delegatedProps"
-  >
-    <slot />
-  </DialogOverlay>
-</template>

package/app/components/ui/dialog/DialogPortal.vue

@@ -1,12 +0,0 @@
-<script setup lang="ts">
-import type { DialogPortalProps } from "reka-ui";
-import { DialogPortal } from "reka-ui";
-
-const props = defineProps<DialogPortalProps>();
-</script>
-
-<template>
-  <DialogPortal data-slot="dialog-portal" v-bind="props">
-    <slot />
-  </DialogPortal>
-</template>

package/app/components/ui/dialog/DialogTitle.vue

@@ -1,21 +0,0 @@
-<script setup lang="ts">
-import type { DialogTitleProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { DialogTitle } from "reka-ui";
-import { cn } from "#ginko-docs/lib/utils";
-
-const props = defineProps<DialogTitleProps & { class?: HTMLAttributes["class"] }>();
-
-const delegatedProps = reactiveOmit(props, "class");
-</script>
-
-<template>
-  <DialogTitle
-    data-slot="dialog-title"
-    :class="cn('text-lg leading-none font-semibold tracking-tight', props.class)"
-    v-bind="delegatedProps"
-  >
-    <slot />
-  </DialogTitle>
-</template>

package/app/components/ui/dialog/DialogTrigger.vue

@@ -1,12 +0,0 @@
-<script setup lang="ts">
-import type { DialogTriggerProps } from "reka-ui";
-import { DialogTrigger } from "reka-ui";
-
-const props = defineProps<DialogTriggerProps>();
-</script>
-
-<template>
-  <DialogTrigger data-slot="dialog-trigger" v-bind="props">
-    <slot />
-  </DialogTrigger>
-</template>

package/app/components/ui/dialog/index.ts

@@ -1,10 +0,0 @@
-export { default as Dialog } from "./Dialog.vue";
-export { default as DialogClose } from "./DialogClose.vue";
-export { default as DialogContent } from "./DialogContent.vue";
-export { default as DialogDescription } from "./DialogDescription.vue";
-export { default as DialogFooter } from "./DialogFooter.vue";
-export { default as DialogHeader } from "./DialogHeader.vue";
-export { default as DialogOverlay } from "./DialogOverlay.vue";
-export { default as DialogPortal } from "./DialogPortal.vue";
-export { default as DialogTitle } from "./DialogTitle.vue";
-export { default as DialogTrigger } from "./DialogTrigger.vue";

package/app/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue

@@ -1,36 +0,0 @@
-<script setup lang="ts">
-import type { DropdownMenuCheckboxItemEmits, DropdownMenuCheckboxItemProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { DropdownMenuCheckboxItem, DropdownMenuItemIndicator, useForwardPropsEmits } from "reka-ui";
-import { cn } from "#ginko-docs/lib/utils";
-
-const props = defineProps<DropdownMenuCheckboxItemProps & { class?: HTMLAttributes["class"] }>();
-const emits = defineEmits<DropdownMenuCheckboxItemEmits>();
-
-const delegatedProps = reactiveOmit(props, "class");
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits);
-</script>
-
-<template>
-  <DropdownMenuCheckboxItem
-    data-slot="dropdown-menu-checkbox-item"
-    v-bind="forwarded"
-    :class="
-      cn(
-        'relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
-        props.class,
-      )
-    "
-  >
-    <span class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
-      <DropdownMenuItemIndicator>
-        <slot name="indicator-icon">
-          <Icon name="lucide:check" class="size-4" aria-hidden="true" />
-        </slot>
-      </DropdownMenuItemIndicator>
-    </span>
-    <slot />
-  </DropdownMenuCheckboxItem>
-</template>

package/app/components/ui/dropdown-menu/DropdownMenuGroup.vue

@@ -1,12 +0,0 @@
-<script setup lang="ts">
-import type { DropdownMenuGroupProps } from "reka-ui";
-import { DropdownMenuGroup } from "reka-ui";
-
-const props = defineProps<DropdownMenuGroupProps>();
-</script>
-
-<template>
-  <DropdownMenuGroup data-slot="dropdown-menu-group" v-bind="props">
-    <slot />
-  </DropdownMenuGroup>
-</template>

package/app/components/ui/dropdown-menu/DropdownMenuLabel.vue

@@ -1,25 +0,0 @@
-<script setup lang="ts">
-import type { DropdownMenuLabelProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { DropdownMenuLabel, useForwardProps } from "reka-ui";
-import { cn } from "#ginko-docs/lib/utils";
-
-const props = defineProps<
-  DropdownMenuLabelProps & { class?: HTMLAttributes["class"]; inset?: boolean }
->();
-
-const delegatedProps = reactiveOmit(props, "class", "inset");
-const forwardedProps = useForwardProps(delegatedProps);
-</script>
-
-<template>
-  <DropdownMenuLabel
-    data-slot="dropdown-menu-label"
-    :data-inset="inset ? '' : undefined"
-    v-bind="forwardedProps"
-    :class="cn('px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', props.class)"
-  >
-    <slot />
-  </DropdownMenuLabel>
-</template>

package/app/components/ui/dropdown-menu/DropdownMenuShortcut.vue

@@ -1,17 +0,0 @@
-<script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "#ginko-docs/lib/utils";
-
-const props = defineProps<{
-  class?: HTMLAttributes["class"];
-}>();
-</script>
-
-<template>
-  <span
-    data-slot="dropdown-menu-shortcut"
-    :class="cn('ml-auto text-xs tracking-widest text-muted-foreground', props.class)"
-  >
-    <slot />
-  </span>
-</template>

package/app/components/ui/dropdown-menu/DropdownMenuSub.vue

@@ -1,15 +0,0 @@
-<script setup lang="ts">
-import type { DropdownMenuSubEmits, DropdownMenuSubProps } from "reka-ui";
-import { DropdownMenuSub, useForwardPropsEmits } from "reka-ui";
-
-const props = defineProps<DropdownMenuSubProps>();
-const emits = defineEmits<DropdownMenuSubEmits>();
-
-const forwarded = useForwardPropsEmits(props, emits);
-</script>
-
-<template>
-  <DropdownMenuSub v-slot="slotProps" data-slot="dropdown-menu-sub" v-bind="forwarded">
-    <slot v-bind="slotProps" />
-  </DropdownMenuSub>
-</template>

package/app/components/ui/dropdown-menu/DropdownMenuSubContent.vue

@@ -1,29 +0,0 @@
-<script setup lang="ts">
-import type { DropdownMenuSubContentEmits, DropdownMenuSubContentProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { DropdownMenuSubContent, useForwardPropsEmits } from "reka-ui";
-import { cn } from "#ginko-docs/lib/utils";
-
-const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes["class"] }>();
-const emits = defineEmits<DropdownMenuSubContentEmits>();
-
-const delegatedProps = reactiveOmit(props, "class");
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits);
-</script>
-
-<template>
-  <DropdownMenuSubContent
-    data-slot="dropdown-menu-sub-content"
-    v-bind="forwarded"
-    :class="
-      cn(
-        'z-50 min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',
-        props.class,
-      )
-    "
-  >
-    <slot />
-  </DropdownMenuSubContent>
-</template>

package/app/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue

@@ -1,31 +0,0 @@
-<script setup lang="ts">
-import type { DropdownMenuSubTriggerProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { DropdownMenuSubTrigger, useForwardProps } from "reka-ui";
-import { cn } from "#ginko-docs/lib/utils";
-
-const props = defineProps<
-  DropdownMenuSubTriggerProps & { class?: HTMLAttributes["class"]; inset?: boolean }
->();
-
-const delegatedProps = reactiveOmit(props, "class", "inset");
-const forwardedProps = useForwardProps(delegatedProps);
-</script>
-
-<template>
-  <DropdownMenuSubTrigger
-    data-slot="dropdown-menu-sub-trigger"
-    v-bind="forwardedProps"
-    :data-inset="inset ? '' : undefined"
-    :class="
-      cn(
-        'relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[inset]:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4 [&_svg:not([class*=\'text-\'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:!text-destructive',
-        props.class,
-      )
-    "
-  >
-    <slot />
-    <Icon name="lucide:chevron-right" class="ml-auto size-4" aria-hidden="true" />
-  </DropdownMenuSubTrigger>
-</template>

package/app/components/ui/input/Input.vue

@@ -1,23 +0,0 @@
-<script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "#ginko-docs/lib/utils";
-
-const model = defineModel<string | number>();
-
-const props = defineProps<{
-  class?: HTMLAttributes["class"];
-}>();
-</script>
-
-<template>
-  <input
-    v-model="model"
-    data-slot="input"
-    :class="
-      cn(
-        'min-h-11 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground shadow-xs transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40',
-        props.class,
-      )
-    "
-  />
-</template>

package/app/components/ui/input/index.ts

@@ -1 +0,0 @@
-export { default as Input } from "./Input.vue";

package/app/components/ui/label/Label.vue

@@ -1,14 +0,0 @@
-<script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "#ginko-docs/lib/utils";
-
-const props = defineProps<{
-  class?: HTMLAttributes["class"];
-}>();
-</script>
-
-<template>
-  <label data-slot="label" :class="cn('text-sm font-medium text-foreground', props.class)">
-    <slot />
-  </label>
-</template>

package/app/components/ui/label/index.ts

@@ -1 +0,0 @@
-export { default as Label } from "./Label.vue";

package/app/components/ui/sheet/SheetClose.vue

@@ -1,12 +0,0 @@
-<script setup lang="ts">
-import type { DialogCloseProps } from "reka-ui";
-import { DialogClose } from "reka-ui";
-
-const props = defineProps<DialogCloseProps>();
-</script>
-
-<template>
-  <DialogClose data-slot="sheet-close" v-bind="props">
-    <slot />
-  </DialogClose>
-</template>

package/app/components/ui/sheet/SheetFooter.vue

@@ -1,12 +0,0 @@
-<script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "#ginko-docs/lib/utils";
-
-const props = defineProps<{ class?: HTMLAttributes["class"] }>();
-</script>
-
-<template>
-  <div data-slot="sheet-footer" :class="cn('mt-auto flex flex-col gap-2 p-4', props.class)">
-    <slot />
-  </div>
-</template>

package/app/components/ui/sheet/SheetHeader.vue

@@ -1,12 +0,0 @@
-<script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "#ginko-docs/lib/utils";
-
-const props = defineProps<{ class?: HTMLAttributes["class"] }>();
-</script>
-
-<template>
-  <div data-slot="sheet-header" :class="cn('flex flex-col gap-1.5 p-4', props.class)">
-    <slot />
-  </div>
-</template>

package/app/components/ui/switch/Switch.vue

@@ -1,39 +0,0 @@
-<script setup lang="ts">
-import type { SwitchRootEmits, SwitchRootProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { SwitchRoot, SwitchThumb, useForwardPropsEmits } from "reka-ui";
-import { cn } from "#ginko-docs/lib/utils";
-
-interface Props extends SwitchRootProps {
-  class?: HTMLAttributes["class"];
-}
-
-const props = defineProps<Props>();
-const emits = defineEmits<SwitchRootEmits>();
-
-const delegatedProps = reactiveOmit(props, "class");
-const forwarded = useForwardPropsEmits(delegatedProps, emits);
-</script>
-
-<template>
-  <SwitchRoot
-    data-slot="switch"
-    v-bind="forwarded"
-    :class="
-      cn(
-        'peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-xs transition-colors focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',
-        props.class,
-      )
-    "
-  >
-    <SwitchThumb
-      data-slot="switch-thumb"
-      :class="
-        cn(
-          'pointer-events-none block size-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0',
-        )
-      "
-    />
-  </SwitchRoot>
-</template>

package/app/components/ui/switch/index.ts

@@ -1 +0,0 @@
-export { default as Switch } from "./Switch.vue";

package/app/components/ui/tabs/TabsContent.vue

@@ -1,21 +0,0 @@
-<script setup lang="ts">
-import type { TabsContentProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { TabsContent } from "reka-ui";
-import { cn } from "#ginko-docs/lib/utils";
-
-const props = defineProps<TabsContentProps & { class?: HTMLAttributes["class"] }>();
-
-const delegatedProps = reactiveOmit(props, "class");
-</script>
-
-<template>
-  <TabsContent
-    data-slot="tabs-content"
-    :class="cn('flex-1 outline-none', props.class)"
-    v-bind="delegatedProps"
-  >
-    <slot />
-  </TabsContent>
-</template>

package/app/components/ui/textarea/Textarea.vue

@@ -1,31 +0,0 @@
-<script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { ref } from "vue";
-import { cn } from "#ginko-docs/lib/utils";
-import { h } from "vue";
-
-const model = defineModel<string>();
-const textarea = ref<HTMLTextAreaElement | null>(null);
-
-const props = defineProps<{
-  class?: HTMLAttributes["class"];
-}>();
-
-defineExpose({
-  focus: () => textarea.value?.focus(),
-});
-</script>
-
-<template>
-  <textarea
-    ref="textarea"
-    v-model="model"
-    data-slot="textarea"
-    :class="
-      cn(
-        'min-h-36 w-full resize-y rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground shadow-xs transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40',
-        props.class,
-      )
-    "
-  />
-</template>

package/app/components/ui/textarea/index.ts

@@ -1 +0,0 @@
-export { default as Textarea } from "./Textarea.vue";

package/app/features/docs/composables/useDocsEntryPath.ts

@@ -1,13 +0,0 @@
-import { computed } from "vue";
-import { findFirstNavigationPage } from "@lupinum/ginko-content/client";
-import { useLocalizedPath } from "#ginko-docs/composables/useLocalizedPath";
-import { useDocsNavigationData } from "./useDocsNavigationData";
-
-export async function useDocsEntryPath() {
-  const localizedPath = useLocalizedPath();
-  const { data } = await useDocsNavigationData();
-
-  return computed(
-    () => findFirstNavigationPage(data.value ?? undefined)?.path ?? localizedPath("docs"),
-  );
-}