fulldev-ui 0.7.0-beta.1 → 0.7.0-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fulldev-ui",
-  "version": "0.7.0-beta.1",
+  "version": "0.7.0-beta.2",
   "description": "A component library built for Astro",
   "homepage": "https://ui.full.dev",
   "bugs": "https://github.com/fulldotdev/ui/issues",
@@ -43,13 +43,11 @@
     "./components/ui/dialog": "./src/components/ui/dialog/index.ts",
     "./components/ui/drawer": "./src/components/ui/drawer/index.ts",
     "./components/ui/form": "./src/components/ui/form/index.ts",
-    "./components/ui/menubar": "./src/components/ui/menubar/index.ts",
     "./components/ui/navigation-menu": "./src/components/ui/navigation-menu/index.ts",
     "./components/ui/popover": "./src/components/ui/popover/index.ts",
     "./components/ui/radio-group": "./src/components/ui/radio-group/index.ts",
     "./components/ui/seperator": "./src/components/ui/seperator/index.ts",
     "./components/ui/switch": "./src/components/ui/switch/index.ts",
-    "./components/ui/tabs": "./src/components/ui/tabs/index.ts",
     "./components/ui/command": "./src/components/ui/command/index.ts",
     "./components/ui/input": "./src/components/ui/input/index.ts",
     "./components/ui/label": "./src/components/ui/label/index.ts",

package/src/blocks/Header.astro

@@ -12,9 +12,11 @@ import Search from 'fulldev-ui/components/Search.vue'
 import Socials from 'fulldev-ui/components/Socials.astro'
 import type { HeaderSchema } from 'fulldev-ui/schemas/blocks/header'
 
-interface Props extends HeaderSchema {}
+interface Props extends HeaderSchema {
+  search?: any
+}
 
-const { logo, menus, socials, buttons } = Astro.props
+const { logo, menus, socials, buttons, search } = Astro.props
 ---
 
 <Box
@@ -31,7 +33,10 @@ const { logo, menus, socials, buttons } = Astro.props
       />
     </Box>
     <Box class="inline-flex items-center gap-2">
-      <Search client:load />
+      <Search
+        client:load
+        groups={search}
+      />
       <Socials {socials} />
       <Buttons
         class="max-sm:hidden"

package/src/blocks/ProductSingle1.astro

@@ -14,7 +14,7 @@ import type { ProductSingleSchema } from 'fulldev-ui/schemas/blocks/productSingl
 
 interface Props extends ProductSingleSchema {}
 
-const { title, description, list, images, price } = Astro.props
+const { title, description, list, images, price, button } = Astro.props
 ---
 
 <Section class="pt-4 lg:pt-16">
@@ -49,8 +49,7 @@ const { title, description, list, images, price } = Astro.props
         <Button
           class="mt-4"
           size="lg"
-          text="In winkelwagen"
-          icon="shopping-cart"
+          {...button}
         />
         <List
           class="pt-4 text-muted-foreground"

package/src/components/Block.astro

@@ -0,0 +1,46 @@
+---
+// @ts-nocheck
+// FIXME
+import { getEntries } from 'astro:content'
+
+// interface Props extends BlockSchema {}
+
+let { block, cards, pages, categories, products, ...rest } = Astro.props
+
+const blocks = {
+  ...import.meta.glob('/src/blocks/**/*.astro'),
+  ...import.meta.glob('../blocks/**/*.astro'),
+}
+
+const path = Object.keys(blocks).find((path) => path.split('/').pop()?.split('.')[0] === block)
+
+const BlockComponent = path && (await (blocks[path] as any)()).default
+
+const categoriesEntries =
+  categories &&
+  (await getEntries(categories)).map((category) => ({
+    slug: category.id,
+    ...category.data,
+  }))
+
+const productsEntries =
+  products &&
+  (await getEntries(products)).map((product) => ({
+    slug: product.id,
+    ...product.data,
+  }))
+---
+
+{
+  BlockComponent && (
+    <BlockComponent
+      {cards}
+      {pages}
+      categories={categoriesEntries}
+      products={productsEntries}
+      {...rest}
+    >
+      <slot />
+    </BlockComponent>
+  )
+}

package/src/schemas/blocks/productSingle.ts

@@ -1,5 +1,6 @@
 import { reference, z } from 'astro:content'
 import { imageSchema } from 'fulldev-ui/schemas/fields/image.ts'
+import { buttonSchema } from '../fields/button'
 
 export const productSingleSchema = z
   .object({
@@ -9,6 +10,7 @@ export const productSingleSchema = z
     images: imageSchema.array().optional(),
     price: z.number().optional(),
     category: reference('categories').optional(),
+    button: buttonSchema.optional(),
   })
   .strict()
 

package/src/components/Collapsible.vue

@@ -1,21 +0,0 @@
-<script setup lang="ts">
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from 'fulldev-ui/components/ui/collapsible'
-import { ref } from 'vue'
-
-const isOpen = ref(false)
-</script>
-
-<template>
-  <Collapsible v-model:open="isOpen">
-    <CollapsibleTrigger as-child>
-      <div
-        class="max-h-40 overflow-hidden bg-gradient-to-b from-foreground via-foreground text-transparent to-transparent bg-clip-text"
-      >
-        <slot />
-      </div>
-    </CollapsibleTrigger>
-    <CollapsibleContent class="-mt-40">
-      <slot />
-    </CollapsibleContent>
-  </Collapsible>
-</template>

package/src/components/Tabs.vue

@@ -1,17 +0,0 @@
-<script setup lang="ts">
-import { Tabs, TabsContent, TabsList, TabsTrigger } from 'fulldev-ui/components/ui/tabs'
-</script>
-
-<template>
-  <Tabs
-    default-value="account"
-    class="w-[400px]"
-  >
-    <TabsList class="grid w-full grid-cols-2">
-      <TabsTrigger value="account"> Account </TabsTrigger>
-      <TabsTrigger value="password"> Password </TabsTrigger>
-    </TabsList>
-    <TabsContent value="account"> Account </TabsContent>
-    <TabsContent value="password"> Password </TabsContent>
-  </Tabs>
-</template>

package/src/components/Toolbar.vue

@@ -1,115 +0,0 @@
-<script setup lang="ts">
-import {
-  Menubar,
-  MenubarCheckboxItem,
-  MenubarContent,
-  MenubarItem,
-  MenubarMenu,
-  MenubarRadioGroup,
-  MenubarRadioItem,
-  MenubarSeparator,
-  MenubarShortcut,
-  MenubarSub,
-  MenubarSubContent,
-  MenubarSubTrigger,
-  MenubarTrigger,
-} from 'fulldev-ui/components/ui/menubar'
-
-interface Props {
-  sort?: {
-    name: string
-    options: {
-      label: string
-      value: string
-    }[]
-  }
-  filters?: {
-    name: string
-    options: {
-      label: string
-      value: string
-    }[]
-  }[]
-}
-
-const { sort, filters } = defineProps<Props>()
-</script>
-
-<template>
-  <Menubar>
-    <MenubarMenu>
-      <MenubarTrigger>File</MenubarTrigger>
-      <MenubarContent>
-        <MenubarItem> New Tab <MenubarShortcut>⌘T</MenubarShortcut> </MenubarItem>
-        <MenubarItem> New Window <MenubarShortcut>⌘N</MenubarShortcut> </MenubarItem>
-        <MenubarItem disabled> New Incognito Window </MenubarItem>
-        <MenubarSeparator />
-        <MenubarSub>
-          <MenubarSubTrigger>Share</MenubarSubTrigger>
-          <MenubarSubContent>
-            <MenubarItem>Email link</MenubarItem>
-            <MenubarItem>Messages</MenubarItem>
-            <MenubarItem>Notes</MenubarItem>
-          </MenubarSubContent>
-        </MenubarSub>
-        <MenubarSeparator />
-        <MenubarItem> Print... <MenubarShortcut>⌘P</MenubarShortcut> </MenubarItem>
-      </MenubarContent>
-    </MenubarMenu>
-    <MenubarMenu>
-      <MenubarTrigger>Edit</MenubarTrigger>
-      <MenubarContent>
-        <MenubarItem> Undo <MenubarShortcut>⌘Z</MenubarShortcut> </MenubarItem>
-        <MenubarItem> Redo <MenubarShortcut>⇧⌘Z</MenubarShortcut> </MenubarItem>
-        <MenubarSeparator />
-        <MenubarSub>
-          <MenubarSubTrigger>Find</MenubarSubTrigger>
-          <MenubarSubContent>
-            <MenubarItem>Search the web</MenubarItem>
-            <MenubarSeparator />
-            <MenubarItem>Find...</MenubarItem>
-            <MenubarItem>Find Next</MenubarItem>
-            <MenubarItem>Find Previous</MenubarItem>
-          </MenubarSubContent>
-        </MenubarSub>
-        <MenubarSeparator />
-        <MenubarItem>Cut</MenubarItem>
-        <MenubarItem>Copy</MenubarItem>
-        <MenubarItem>Paste</MenubarItem>
-      </MenubarContent>
-    </MenubarMenu>
-    <MenubarMenu>
-      <MenubarTrigger>View</MenubarTrigger>
-      <MenubarContent>
-        <MenubarCheckboxItem>Always Show Bookmarks Bar</MenubarCheckboxItem>
-        <MenubarCheckboxItem checked> Always Show Full URLs </MenubarCheckboxItem>
-        <MenubarSeparator />
-        <MenubarItem inset> Reload <MenubarShortcut>⌘R</MenubarShortcut> </MenubarItem>
-        <MenubarItem
-          disabled
-          inset
-        >
-          Force Reload <MenubarShortcut>⇧⌘R</MenubarShortcut>
-        </MenubarItem>
-        <MenubarSeparator />
-        <MenubarItem inset> Toggle Fullscreen </MenubarItem>
-        <MenubarSeparator />
-        <MenubarItem inset> Hide Sidebar </MenubarItem>
-      </MenubarContent>
-    </MenubarMenu>
-    <MenubarMenu>
-      <MenubarTrigger>Profiles</MenubarTrigger>
-      <MenubarContent>
-        <MenubarRadioGroup value="benoit">
-          <MenubarRadioItem value="andy"> Andy </MenubarRadioItem>
-          <MenubarRadioItem value="benoit"> Benoit </MenubarRadioItem>
-          <MenubarRadioItem value="Luis"> Luis </MenubarRadioItem>
-        </MenubarRadioGroup>
-        <MenubarSeparator />
-        <MenubarItem inset> Edit... </MenubarItem>
-        <MenubarSeparator />
-        <MenubarItem inset> Add Profile... </MenubarItem>
-      </MenubarContent>
-    </MenubarMenu>
-  </Menubar>
-</template>

package/src/components/ui/menubar/Menubar.vue

@@ -1,25 +0,0 @@
-<script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
-import { MenubarRoot, type MenubarRootEmits, type MenubarRootProps, useForwardPropsEmits } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
-
-const props = defineProps<MenubarRootProps & { class?: HTMLAttributes['class'] }>()
-const emits = defineEmits<MenubarRootEmits>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
-</script>
-
-<template>
-  <MenubarRoot
-    v-bind="forwarded"
-    :class="cn('flex h-10 items-center gap-x-1 rounded-md border bg-background p-1', props.class)"
-  >
-    <slot />
-  </MenubarRoot>
-</template>

package/src/components/ui/menubar/MenubarCheckboxItem.vue

@@ -1,42 +0,0 @@
-<script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
-import { Check } from 'lucide-vue-next'
-import {
-  MenubarCheckboxItem,
-  type MenubarCheckboxItemEmits,
-  type MenubarCheckboxItemProps,
-  MenubarItemIndicator,
-  useForwardPropsEmits,
-} from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
-
-const props = defineProps<MenubarCheckboxItemProps & { class?: HTMLAttributes['class'] }>()
-const emits = defineEmits<MenubarCheckboxItemEmits>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
-</script>
-
-<template>
-  <MenubarCheckboxItem
-    v-bind="forwarded"
-    :class="
-      cn(
-        'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-        props.class
-      )
-    "
-  >
-    <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <MenubarItemIndicator>
-        <Check class="w-4 h-4" />
-      </MenubarItemIndicator>
-    </span>
-    <slot />
-  </MenubarCheckboxItem>
-</template>

package/src/components/ui/menubar/MenubarContent.vue

@@ -1,35 +0,0 @@
-<script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
-import { MenubarContent, type MenubarContentProps, MenubarPortal, useForwardProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
-
-const props = withDefaults(defineProps<MenubarContentProps & { class?: HTMLAttributes['class'] }>(), {
-  align: 'start',
-  alignOffset: -4,
-  sideOffset: 8,
-})
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <MenubarPortal>
-    <MenubarContent
-      v-bind="forwardedProps"
-      :class="
-        cn(
-          'z-50 min-w-48 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in 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',
-          props.class
-        )
-      "
-    >
-      <slot />
-    </MenubarContent>
-  </MenubarPortal>
-</template>

package/src/components/ui/menubar/MenubarGroup.vue

@@ -1,11 +0,0 @@
-<script setup lang="ts">
-import { MenubarGroup, type MenubarGroupProps } from 'radix-vue'
-
-const props = defineProps<MenubarGroupProps>()
-</script>
-
-<template>
-  <MenubarGroup v-bind="props">
-    <slot />
-  </MenubarGroup>
-</template>

package/src/components/ui/menubar/MenubarItem.vue

@@ -1,32 +0,0 @@
-<script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
-import { MenubarItem, type MenubarItemEmits, type MenubarItemProps, useForwardPropsEmits } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
-
-const props = defineProps<MenubarItemProps & { class?: HTMLAttributes['class']; inset?: boolean }>()
-
-const emits = defineEmits<MenubarItemEmits>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
-</script>
-
-<template>
-  <MenubarItem
-    v-bind="forwarded"
-    :class="
-      cn(
-        'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-        inset && 'pl-8',
-        props.class
-      )
-    "
-  >
-    <slot />
-  </MenubarItem>
-</template>

package/src/components/ui/menubar/MenubarLabel.vue

@@ -1,13 +0,0 @@
-<script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
-import { MenubarLabel, type MenubarLabelProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-
-const props = defineProps<MenubarLabelProps & { class?: HTMLAttributes['class']; inset?: boolean }>()
-</script>
-
-<template>
-  <MenubarLabel :class="cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', props.class)">
-    <slot />
-  </MenubarLabel>
-</template>

package/src/components/ui/menubar/MenubarMenu.vue

@@ -1,11 +0,0 @@
-<script setup lang="ts">
-import { MenubarMenu, type MenubarMenuProps } from 'radix-vue'
-
-const props = defineProps<MenubarMenuProps>()
-</script>
-
-<template>
-  <MenubarMenu v-bind="props">
-    <slot />
-  </MenubarMenu>
-</template>

package/src/components/ui/menubar/MenubarRadioGroup.vue

@@ -1,20 +0,0 @@
-<script setup lang="ts">
-import {
-  MenubarRadioGroup,
-  type MenubarRadioGroupEmits,
-  type MenubarRadioGroupProps,
-  useForwardPropsEmits,
-} from 'radix-vue'
-
-const props = defineProps<MenubarRadioGroupProps>()
-
-const emits = defineEmits<MenubarRadioGroupEmits>()
-
-const forwarded = useForwardPropsEmits(props, emits)
-</script>
-
-<template>
-  <MenubarRadioGroup v-bind="forwarded">
-    <slot />
-  </MenubarRadioGroup>
-</template>

package/src/components/ui/menubar/MenubarRadioItem.vue

@@ -1,42 +0,0 @@
-<script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
-import { Circle } from 'lucide-vue-next'
-import {
-  MenubarItemIndicator,
-  MenubarRadioItem,
-  type MenubarRadioItemEmits,
-  type MenubarRadioItemProps,
-  useForwardPropsEmits,
-} from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
-
-const props = defineProps<MenubarRadioItemProps & { class?: HTMLAttributes['class'] }>()
-const emits = defineEmits<MenubarRadioItemEmits>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
-</script>
-
-<template>
-  <MenubarRadioItem
-    v-bind="forwarded"
-    :class="
-      cn(
-        'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-        props.class
-      )
-    "
-  >
-    <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <MenubarItemIndicator>
-        <Circle class="h-2 w-2 fill-current" />
-      </MenubarItemIndicator>
-    </span>
-    <slot />
-  </MenubarRadioItem>
-</template>

package/src/components/ui/menubar/MenubarSeparator.vue

@@ -1,22 +0,0 @@
-<script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
-import { MenubarSeparator, type MenubarSeparatorProps, useForwardProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
-
-const props = defineProps<MenubarSeparatorProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <MenubarSeparator
-    :class="cn('-mx-1 my-1 h-px bg-muted', props.class)"
-    v-bind="forwardedProps"
-  />
-</template>

package/src/components/ui/menubar/MenubarShortcut.vue

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

package/src/components/ui/menubar/MenubarSub.vue

@@ -1,19 +0,0 @@
-<script setup lang="ts">
-import { MenubarSub, type MenubarSubEmits, useForwardPropsEmits } from 'radix-vue'
-
-interface MenubarSubRootProps {
-  defaultOpen?: boolean
-  open?: boolean
-}
-
-const props = defineProps<MenubarSubRootProps>()
-const emits = defineEmits<MenubarSubEmits>()
-
-const forwarded = useForwardPropsEmits(props, emits)
-</script>
-
-<template>
-  <MenubarSub v-bind="forwarded">
-    <slot />
-  </MenubarSub>
-</template>

package/src/components/ui/menubar/MenubarSubContent.vue

@@ -1,39 +0,0 @@
-<script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
-import {
-  MenubarPortal,
-  MenubarSubContent,
-  type MenubarSubContentEmits,
-  type MenubarSubContentProps,
-  useForwardPropsEmits,
-} from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
-
-const props = defineProps<MenubarSubContentProps & { class?: HTMLAttributes['class'] }>()
-
-const emits = defineEmits<MenubarSubContentEmits>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
-</script>
-
-<template>
-  <MenubarPortal>
-    <MenubarSubContent
-      v-bind="forwarded"
-      :class="
-        cn(
-          'z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 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',
-          props.class
-        )
-      "
-    >
-      <slot />
-    </MenubarSubContent>
-  </MenubarPortal>
-</template>

package/src/components/ui/menubar/MenubarSubTrigger.vue

@@ -1,32 +0,0 @@
-<script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
-import { ChevronRight } from 'lucide-vue-next'
-import { MenubarSubTrigger, type MenubarSubTriggerProps, useForwardProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
-
-const props = defineProps<MenubarSubTriggerProps & { class?: HTMLAttributes['class']; inset?: boolean }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <MenubarSubTrigger
-    v-bind="forwardedProps"
-    :class="
-      cn(
-        'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground',
-        inset && 'pl-8',
-        props.class
-      )
-    "
-  >
-    <slot />
-    <ChevronRight class="ml-auto h-4 w-4" />
-  </MenubarSubTrigger>
-</template>

package/src/components/ui/menubar/MenubarTrigger.vue

@@ -1,29 +0,0 @@
-<script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
-import { MenubarTrigger, type MenubarTriggerProps, useForwardProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
-
-const props = defineProps<MenubarTriggerProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <MenubarTrigger
-    v-bind="forwardedProps"
-    :class="
-      cn(
-        'flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground',
-        props.class
-      )
-    "
-  >
-    <slot />
-  </MenubarTrigger>
-</template>

package/src/components/ui/menubar/index.ts

@@ -1,15 +0,0 @@
-export { default as Menubar } from './Menubar.vue'
-export { default as MenubarCheckboxItem } from './MenubarCheckboxItem.vue'
-export { default as MenubarContent } from './MenubarContent.vue'
-export { default as MenubarGroup } from './MenubarGroup.vue'
-export { default as MenubarItem } from './MenubarItem.vue'
-export { default as MenubarLabel } from './MenubarLabel.vue'
-export { default as MenubarMenu } from './MenubarMenu.vue'
-export { default as MenubarRadioGroup } from './MenubarRadioGroup.vue'
-export { default as MenubarRadioItem } from './MenubarRadioItem.vue'
-export { default as MenubarSeparator } from './MenubarSeparator.vue'
-export { default as MenubarShortcut } from './MenubarShortcut.vue'
-export { default as MenubarSub } from './MenubarSub.vue'
-export { default as MenubarSubContent } from './MenubarSubContent.vue'
-export { default as MenubarSubTrigger } from './MenubarSubTrigger.vue'
-export { default as MenubarTrigger } from './MenubarTrigger.vue'

package/src/components/ui/tabs/Tabs.vue

@@ -1,15 +0,0 @@
-<script setup lang="ts">
-import type { TabsRootEmits, TabsRootProps } from 'radix-vue'
-import { TabsRoot, useForwardPropsEmits } from 'radix-vue'
-
-const props = defineProps<TabsRootProps>()
-const emits = defineEmits<TabsRootEmits>()
-
-const forwarded = useForwardPropsEmits(props, emits)
-</script>
-
-<template>
-  <TabsRoot v-bind="forwarded">
-    <slot />
-  </TabsRoot>
-</template>

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

@@ -1,27 +0,0 @@
-<script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
-import { TabsContent, type TabsContentProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
-
-const props = defineProps<TabsContentProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-</script>
-
-<template>
-  <TabsContent
-    :class="
-      cn(
-        'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
-        props.class
-      )
-    "
-    v-bind="delegatedProps"
-  >
-    <slot />
-  </TabsContent>
-</template>

package/src/components/ui/tabs/TabsList.vue

@@ -1,22 +0,0 @@
-<script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
-import { TabsList, type TabsListProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
-
-const props = defineProps<TabsListProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-</script>
-
-<template>
-  <TabsList
-    v-bind="delegatedProps"
-    :class="cn('inline-flex items-center justify-center rounded-md bg-muted p-1 text-muted-foreground', props.class)"
-  >
-    <slot />
-  </TabsList>
-</template>

package/src/components/ui/tabs/TabsTrigger.vue

@@ -1,31 +0,0 @@
-<script setup lang="ts">
-import { cn } from 'fulldev-ui/lib/utils'
-import { TabsTrigger, type TabsTriggerProps, useForwardProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
-
-const props = defineProps<TabsTriggerProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <TabsTrigger
-    v-bind="forwardedProps"
-    :class="
-      cn(
-        'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',
-        props.class
-      )
-    "
-  >
-    <span class="truncate">
-      <slot />
-    </span>
-  </TabsTrigger>
-</template>

package/src/components/ui/tabs/index.ts

@@ -1,4 +0,0 @@
-export { default as Tabs } from './Tabs.vue'
-export { default as TabsContent } from './TabsContent.vue'
-export { default as TabsList } from './TabsList.vue'
-export { default as TabsTrigger } from './TabsTrigger.vue'