fulldev-ui 0.6.5 → 0.7.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (476) hide show
  1. package/.prettierrc.yaml +10 -3
  2. package/README.md +2 -1
  3. package/astro.config.ts +20 -17
  4. package/components.json +18 -0
  5. package/package.json +61 -34
  6. package/pnpm-lock.yaml +3690 -1465
  7. package/public/images/categories/journals.jpg +0 -0
  8. package/public/images/categories/productivity.jpg +0 -0
  9. package/public/images/categories/workspace.jpg +0 -0
  10. package/public/images/leather-long-wallet.jpg +0 -0
  11. package/public/images/products/earthen-mug.jpg +0 -0
  12. package/public/images/products/leather-long-wallet.jpg +0 -0
  13. package/public/images/products/leatherbound-daily-journal-set.jpg +0 -0
  14. package/public/images/products/leatherbound-daily-journal.jpg +0 -0
  15. package/public/images/products/machines-pen.jpg +0 -0
  16. package/public/images/products/machines-pencil-and-pen-set.jpg +0 -0
  17. package/public/images/products/mini-sketchbooks.jpg +0 -0
  18. package/public/images/products/organizer-set.jpg +0 -0
  19. package/src/blocks/CategoryGroup1.astro +43 -0
  20. package/src/blocks/CategoryList1.astro +55 -0
  21. package/src/blocks/Contact1.astro +34 -77
  22. package/src/blocks/Contact2.astro +31 -77
  23. package/src/blocks/Content1.astro +18 -30
  24. package/src/blocks/Cta1.astro +18 -58
  25. package/src/blocks/Faqs1.astro +29 -0
  26. package/src/blocks/Faqs2.astro +29 -0
  27. package/src/blocks/Features1.astro +25 -61
  28. package/src/blocks/Footer.astro +47 -71
  29. package/src/blocks/Header.astro +68 -123
  30. package/src/blocks/Hero1.astro +23 -54
  31. package/src/blocks/Intro1.astro +16 -58
  32. package/src/blocks/PostSingle1.astro +29 -0
  33. package/src/blocks/ProductGroup1.astro +82 -0
  34. package/src/blocks/ProductList1.astro +60 -0
  35. package/src/blocks/ProductSingle1.astro +64 -0
  36. package/src/blocks/Reviews1.astro +23 -67
  37. package/src/components/Abstract.astro +36 -0
  38. package/src/components/Accordion.vue +31 -0
  39. package/src/components/Avatar.astro +23 -32
  40. package/src/components/Badge.astro +10 -58
  41. package/src/components/Block.astro +20 -20
  42. package/src/components/Box.astro +28 -0
  43. package/src/components/Button.astro +38 -78
  44. package/src/components/Buttons.astro +41 -19
  45. package/src/components/Card.astro +20 -0
  46. package/src/components/Carousel.vue +44 -0
  47. package/src/components/Chip.astro +27 -0
  48. package/src/{structures → components}/Code.astro +27 -8
  49. package/src/components/Container.astro +25 -0
  50. package/src/components/Drawer.vue +53 -0
  51. package/src/components/Form.vue +82 -0
  52. package/src/components/Gallery.vue +85 -0
  53. package/src/components/Grid.astro +35 -0
  54. package/src/components/Icon.astro +12 -45
  55. package/src/components/Image.astro +6 -28
  56. package/src/components/Layout.astro +126 -0
  57. package/src/components/Link.astro +7 -65
  58. package/src/components/List.astro +13 -77
  59. package/src/components/Logo.astro +16 -35
  60. package/src/components/Masonry.astro +35 -0
  61. package/src/components/Menu.astro +31 -36
  62. package/src/components/Menus.astro +15 -10
  63. package/src/components/Navigation.vue +93 -0
  64. package/src/components/Panel.astro +18 -0
  65. package/src/components/Person.astro +43 -0
  66. package/src/components/Price.astro +26 -11
  67. package/src/components/Proof.astro +16 -37
  68. package/src/components/{docs/Props.astro → Props.astro} +3 -3
  69. package/src/components/Prose.astro +28 -0
  70. package/src/components/Rating.astro +5 -24
  71. package/src/components/Search.vue +65 -0
  72. package/src/components/Section.astro +18 -0
  73. package/src/components/Select.vue +41 -0
  74. package/src/components/Separator.astro +0 -0
  75. package/src/components/Sidebar.astro +50 -0
  76. package/src/components/Social.astro +8 -15
  77. package/src/components/Socials.astro +21 -19
  78. package/src/components/Sort.vue +46 -0
  79. package/src/components/Split.astro +27 -0
  80. package/src/components/Table.astro +17 -17
  81. package/src/components/Themer.astro +12 -3
  82. package/src/components/Toc.astro +24 -21
  83. package/src/components/Writeup.astro +37 -0
  84. package/src/components/ui/accordion/Accordion.vue +19 -0
  85. package/src/components/ui/accordion/AccordionContent.vue +24 -0
  86. package/src/components/ui/accordion/AccordionItem.vue +24 -0
  87. package/src/components/ui/accordion/AccordionTrigger.vue +33 -0
  88. package/src/components/ui/accordion/index.ts +4 -0
  89. package/src/components/ui/auto-form/AutoForm.vue +115 -0
  90. package/src/components/ui/auto-form/AutoFormField.vue +45 -0
  91. package/src/components/ui/auto-form/AutoFormFieldArray.vue +127 -0
  92. package/src/components/ui/auto-form/AutoFormFieldBoolean.vue +47 -0
  93. package/src/components/ui/auto-form/AutoFormFieldDate.vue +78 -0
  94. package/src/components/ui/auto-form/AutoFormFieldEnum.vue +77 -0
  95. package/src/components/ui/auto-form/AutoFormFieldFile.vue +87 -0
  96. package/src/components/ui/auto-form/AutoFormFieldInput.vue +42 -0
  97. package/src/components/ui/auto-form/AutoFormFieldNumber.vue +42 -0
  98. package/src/components/ui/auto-form/AutoFormFieldObject.vue +90 -0
  99. package/src/components/ui/auto-form/AutoFormLabel.vue +19 -0
  100. package/src/components/ui/auto-form/constant.ts +40 -0
  101. package/src/components/ui/auto-form/dependencies.ts +92 -0
  102. package/src/components/ui/auto-form/index.ts +15 -0
  103. package/src/components/ui/auto-form/interface.ts +95 -0
  104. package/src/components/ui/auto-form/utils.ts +188 -0
  105. package/src/components/ui/avatar/Avatar.vue +24 -0
  106. package/src/components/ui/avatar/AvatarFallback.vue +11 -0
  107. package/src/components/ui/avatar/AvatarImage.vue +9 -0
  108. package/src/components/ui/avatar/index.ts +24 -0
  109. package/src/components/ui/badge/Badge.vue +16 -0
  110. package/src/components/ui/badge/index.ts +22 -0
  111. package/src/components/ui/breadcrumb/Breadcrumb.vue +13 -0
  112. package/src/components/ui/breadcrumb/BreadcrumbEllipsis.vue +22 -0
  113. package/src/components/ui/breadcrumb/BreadcrumbItem.vue +14 -0
  114. package/src/components/ui/breadcrumb/BreadcrumbLink.vue +19 -0
  115. package/src/components/ui/breadcrumb/BreadcrumbList.vue +16 -0
  116. package/src/components/ui/breadcrumb/BreadcrumbPage.vue +19 -0
  117. package/src/components/ui/breadcrumb/BreadcrumbSeparator.vue +21 -0
  118. package/src/components/ui/breadcrumb/index.ts +7 -0
  119. package/src/components/ui/button/Button.vue +26 -0
  120. package/src/components/ui/button/index.ts +31 -0
  121. package/src/components/ui/calendar/Calendar.vue +80 -0
  122. package/src/components/ui/calendar/CalendarCell.vue +29 -0
  123. package/src/components/ui/calendar/CalendarCellTrigger.vue +40 -0
  124. package/src/components/ui/calendar/CalendarGrid.vue +24 -0
  125. package/src/components/ui/calendar/CalendarGridBody.vue +11 -0
  126. package/src/components/ui/calendar/CalendarGridHead.vue +11 -0
  127. package/src/components/ui/calendar/CalendarGridRow.vue +24 -0
  128. package/src/components/ui/calendar/CalendarHeadCell.vue +24 -0
  129. package/src/components/ui/calendar/CalendarHeader.vue +24 -0
  130. package/src/components/ui/calendar/CalendarHeading.vue +27 -0
  131. package/src/components/ui/calendar/CalendarNextButton.vue +30 -0
  132. package/src/components/ui/calendar/CalendarPrevButton.vue +30 -0
  133. package/src/components/ui/calendar/index.ts +12 -0
  134. package/src/components/ui/card/Card.vue +14 -0
  135. package/src/components/ui/card/CardContent.vue +14 -0
  136. package/src/components/ui/card/CardDescription.vue +14 -0
  137. package/src/components/ui/card/CardFooter.vue +14 -0
  138. package/src/components/ui/card/CardHeader.vue +14 -0
  139. package/src/components/ui/card/CardTitle.vue +14 -0
  140. package/src/components/ui/card/index.ts +6 -0
  141. package/src/components/ui/carousel/Carousel.vue +61 -0
  142. package/src/components/ui/carousel/CarouselContent.vue +27 -0
  143. package/src/components/ui/carousel/CarouselItem.vue +19 -0
  144. package/src/components/ui/carousel/CarouselNext.vue +33 -0
  145. package/src/components/ui/carousel/CarouselPrevious.vue +33 -0
  146. package/src/components/ui/carousel/index.ts +10 -0
  147. package/src/components/ui/carousel/interface.ts +26 -0
  148. package/src/components/ui/carousel/useCarousel.ts +56 -0
  149. package/src/components/ui/checkbox/Checkbox.vue +36 -0
  150. package/src/components/ui/checkbox/index.ts +1 -0
  151. package/src/components/ui/collapsible/Collapsible.vue +15 -0
  152. package/src/components/ui/collapsible/CollapsibleContent.vue +11 -0
  153. package/src/components/ui/collapsible/CollapsibleTrigger.vue +11 -0
  154. package/src/components/ui/collapsible/index.ts +3 -0
  155. package/src/components/ui/command/Command.vue +32 -0
  156. package/src/components/ui/command/CommandDialog.vue +23 -0
  157. package/src/components/ui/command/CommandEmpty.vue +23 -0
  158. package/src/components/ui/command/CommandGroup.vue +39 -0
  159. package/src/components/ui/command/CommandInput.vue +43 -0
  160. package/src/components/ui/command/CommandItem.vue +31 -0
  161. package/src/components/ui/command/CommandList.vue +30 -0
  162. package/src/components/ui/command/CommandSeparator.vue +23 -0
  163. package/src/components/ui/command/CommandShortcut.vue +14 -0
  164. package/src/components/ui/command/index.ts +9 -0
  165. package/src/components/ui/dialog/Dialog.vue +14 -0
  166. package/src/components/ui/dialog/DialogClose.vue +11 -0
  167. package/src/components/ui/dialog/DialogContent.vue +51 -0
  168. package/src/components/ui/dialog/DialogDescription.vue +24 -0
  169. package/src/components/ui/dialog/DialogFooter.vue +12 -0
  170. package/src/components/ui/dialog/DialogHeader.vue +14 -0
  171. package/src/components/ui/dialog/DialogScrollContent.vue +59 -0
  172. package/src/components/ui/dialog/DialogTitle.vue +24 -0
  173. package/src/components/ui/dialog/DialogTrigger.vue +11 -0
  174. package/src/components/ui/dialog/index.ts +9 -0
  175. package/src/components/ui/drawer/Drawer.vue +19 -0
  176. package/src/components/ui/drawer/DrawerContent.vue +31 -0
  177. package/src/components/ui/drawer/DrawerDescription.vue +23 -0
  178. package/src/components/ui/drawer/DrawerFooter.vue +14 -0
  179. package/src/components/ui/drawer/DrawerHeader.vue +14 -0
  180. package/src/components/ui/drawer/DrawerOverlay.vue +21 -0
  181. package/src/components/ui/drawer/DrawerTitle.vue +23 -0
  182. package/src/components/ui/drawer/index.ts +8 -0
  183. package/src/components/ui/form/FormControl.vue +16 -0
  184. package/src/components/ui/form/FormDescription.vue +20 -0
  185. package/src/components/ui/form/FormItem.vue +19 -0
  186. package/src/components/ui/form/FormLabel.vue +20 -0
  187. package/src/components/ui/form/FormMessage.vue +16 -0
  188. package/src/components/ui/form/index.ts +7 -0
  189. package/src/components/ui/form/injectionKeys.ts +4 -0
  190. package/src/components/ui/form/useFormField.ts +30 -0
  191. package/src/components/ui/input/Input.vue +32 -0
  192. package/src/components/ui/input/index.ts +1 -0
  193. package/src/components/ui/label/Label.vue +24 -0
  194. package/src/components/ui/label/index.ts +1 -0
  195. package/src/components/ui/navigation-menu/NavigationMenu.vue +33 -0
  196. package/src/components/ui/navigation-menu/NavigationMenuContent.vue +36 -0
  197. package/src/components/ui/navigation-menu/NavigationMenuIndicator.vue +29 -0
  198. package/src/components/ui/navigation-menu/NavigationMenuItem.vue +11 -0
  199. package/src/components/ui/navigation-menu/NavigationMenuLink.vue +19 -0
  200. package/src/components/ui/navigation-menu/NavigationMenuList.vue +24 -0
  201. package/src/components/ui/navigation-menu/NavigationMenuTrigger.vue +30 -0
  202. package/src/components/ui/navigation-menu/NavigationMenuViewport.vue +29 -0
  203. package/src/components/ui/navigation-menu/index.ts +14 -0
  204. package/src/components/ui/popover/Popover.vue +15 -0
  205. package/src/components/ui/popover/PopoverContent.vue +45 -0
  206. package/src/components/ui/popover/PopoverTrigger.vue +11 -0
  207. package/src/components/ui/popover/index.ts +3 -0
  208. package/src/components/ui/radio-group/RadioGroup.vue +25 -0
  209. package/src/components/ui/radio-group/RadioGroupItem.vue +32 -0
  210. package/src/components/ui/radio-group/index.ts +2 -0
  211. package/src/components/ui/select/Select.vue +15 -0
  212. package/src/components/ui/select/SelectContent.vue +59 -0
  213. package/src/components/ui/select/SelectGroup.vue +22 -0
  214. package/src/components/ui/select/SelectItem.vue +38 -0
  215. package/src/components/ui/select/SelectItemText.vue +11 -0
  216. package/src/components/ui/select/SelectLabel.vue +13 -0
  217. package/src/components/ui/select/SelectScrollDownButton.vue +27 -0
  218. package/src/components/ui/select/SelectScrollUpButton.vue +27 -0
  219. package/src/components/ui/select/SelectSeparator.vue +20 -0
  220. package/src/components/ui/select/SelectTrigger.vue +33 -0
  221. package/src/components/ui/select/SelectValue.vue +11 -0
  222. package/src/components/ui/select/index.ts +11 -0
  223. package/src/components/ui/separator/Separator.vue +33 -0
  224. package/src/components/ui/separator/index.ts +1 -0
  225. package/src/components/ui/switch/Switch.vue +39 -0
  226. package/src/components/ui/switch/index.ts +1 -0
  227. package/src/components/ui/textarea/Textarea.vue +32 -0
  228. package/src/components/ui/textarea/index.ts +1 -0
  229. package/src/lib/utils.ts +6 -0
  230. package/src/schemas/blocks/categoryGroup.ts +17 -0
  231. package/src/schemas/blocks/categoryList.ts +18 -0
  232. package/src/schemas/blocks/categorySingle.ts +12 -0
  233. package/src/schemas/blocks/contact.ts +13 -0
  234. package/src/schemas/blocks/content.ts +13 -0
  235. package/src/schemas/blocks/cta.ts +11 -0
  236. package/src/schemas/blocks/faqs.ts +17 -0
  237. package/src/schemas/blocks/features.ts +16 -0
  238. package/src/schemas/blocks/footer.ts +16 -0
  239. package/src/schemas/{header.ts → blocks/header.ts} +5 -8
  240. package/src/schemas/blocks/hero.ts +15 -0
  241. package/src/schemas/blocks/intro.ts +9 -0
  242. package/src/schemas/blocks/postSingle.ts +12 -0
  243. package/src/schemas/blocks/productGroup.ts +17 -0
  244. package/src/schemas/blocks/productList.ts +18 -0
  245. package/src/schemas/blocks/productSingle.ts +17 -0
  246. package/src/schemas/blocks/reviews.ts +16 -0
  247. package/src/schemas/fields/badge.ts +9 -0
  248. package/src/schemas/fields/block.ts +60 -0
  249. package/src/schemas/fields/button.ts +12 -0
  250. package/src/schemas/fields/card.ts +28 -0
  251. package/src/schemas/fields/channel.ts +10 -0
  252. package/src/schemas/fields/form.ts +20 -0
  253. package/src/schemas/fields/image.ts +8 -0
  254. package/src/schemas/fields/link.ts +9 -0
  255. package/src/schemas/fields/logo.ts +10 -0
  256. package/src/schemas/fields/menu.ts +10 -0
  257. package/src/schemas/fields/meta.ts +14 -0
  258. package/src/schemas/fields/proof.ts +11 -0
  259. package/src/schemas/fields/section.ts +48 -0
  260. package/tailwind.config.js +111 -0
  261. package/tsconfig.json +5 -7
  262. package/.env.example +0 -3
  263. package/.vscode/settings.json +0 -25
  264. package/CONTRIBUTING.md +0 -124
  265. package/cloudcannon.config.yml +0 -207
  266. package/public/favicon/android-chrome-192x192.png +0 -0
  267. package/public/favicon/android-chrome-512x512.png +0 -0
  268. package/public/favicon/apple-touch-icon.png +0 -0
  269. package/public/favicon/browserconfig.xml +0 -9
  270. package/public/favicon/favicon-16x16.png +0 -0
  271. package/public/favicon/favicon-32x32.png +0 -0
  272. package/public/favicon/favicon-48x48.png +0 -0
  273. package/public/favicon/favicon.ico +0 -0
  274. package/public/favicon/favicon.svg +0 -16
  275. package/public/favicon/manifest.webmanifest +0 -30
  276. package/public/favicon/mstile-150x150.png +0 -0
  277. package/public/favicon/safari-pinned-tab.svg +0 -16
  278. package/public/favicon/yandex-browser-50x50.png +0 -0
  279. package/public/favicon/yandex-browser-manifest.json +0 -9
  280. package/siteicon.png +0 -0
  281. package/src/blocks/Banner.astro +0 -31
  282. package/src/blocks/Colleagues1.astro +0 -74
  283. package/src/blocks/Compare1.astro +0 -64
  284. package/src/blocks/Content2.astro +0 -47
  285. package/src/blocks/Content3.astro +0 -47
  286. package/src/blocks/Content4.astro +0 -52
  287. package/src/blocks/Content5.astro +0 -43
  288. package/src/blocks/Content6.astro +0 -57
  289. package/src/blocks/Content7.astro +0 -65
  290. package/src/blocks/Content8.astro +0 -48
  291. package/src/blocks/Cta2.astro +0 -52
  292. package/src/blocks/Features2.astro +0 -71
  293. package/src/blocks/JobCategories1.astro +0 -61
  294. package/src/blocks/JobCategory1.astro +0 -92
  295. package/src/blocks/Jobs1.astro +0 -74
  296. package/src/blocks/Logos1.astro +0 -55
  297. package/src/blocks/Pages1.astro +0 -85
  298. package/src/blocks/Pricings1.astro +0 -61
  299. package/src/blocks/Products1.astro +0 -87
  300. package/src/blocks/Projects1.astro +0 -79
  301. package/src/blocks/Subheader.astro +0 -53
  302. package/src/components/Avatars.astro +0 -20
  303. package/src/components/Badges.astro +0 -20
  304. package/src/components/Cart.astro +0 -42
  305. package/src/components/CartAdd.svelte +0 -76
  306. package/src/components/CartCheckout.svelte +0 -58
  307. package/src/components/CartForm.svelte +0 -130
  308. package/src/components/CartList.svelte +0 -88
  309. package/src/components/CartQuantity.svelte +0 -81
  310. package/src/components/CartSummary.astro +0 -59
  311. package/src/components/CartTotal.svelte +0 -15
  312. package/src/components/Channel.astro +0 -89
  313. package/src/components/Channels.astro +0 -20
  314. package/src/components/Checkbox.astro +0 -76
  315. package/src/components/Element.astro +0 -70
  316. package/src/components/Field.astro +0 -33
  317. package/src/components/Fields.astro +0 -20
  318. package/src/components/Form.astro +0 -34
  319. package/src/components/Gallery.astro +0 -175
  320. package/src/components/Head.astro +0 -94
  321. package/src/components/Heading.astro +0 -91
  322. package/src/components/Input.astro +0 -115
  323. package/src/components/Label.astro +0 -42
  324. package/src/components/Links.astro +0 -20
  325. package/src/components/Paragraph.astro +0 -54
  326. package/src/components/Search.astro +0 -118
  327. package/src/components/Select.astro +0 -114
  328. package/src/components/Switch.astro +0 -81
  329. package/src/components/Tagline.astro +0 -49
  330. package/src/components/Textarea.astro +0 -78
  331. package/src/components/Toggle.astro +0 -45
  332. package/src/components/_Breadcrumb.astro +0 -58
  333. package/src/components/_Image.astro +0 -79
  334. package/src/components/_LocaleSwitcher.astro +0 -25
  335. package/src/content/config.ts +0 -18
  336. package/src/content/layouts/base.yml +0 -166
  337. package/src/content/pages/_base/toggle.mdx +0 -28
  338. package/src/content/pages/_posts/post.md +0 -7
  339. package/src/content/pages/_showcase/anti-slip-profiles.md +0 -5
  340. package/src/content/pages/_showcase/fulldev-ui.md +0 -5
  341. package/src/content/pages/_showcase/lavis-detailing.md +0 -5
  342. package/src/content/pages/_showcase/leren-trainingsacteren.md +0 -5
  343. package/src/content/pages/_showcase/miele-witgoedcenter-amsterdam.md +0 -5
  344. package/src/content/pages/_showcase/sloepverhuur-bolsward.md +0 -5
  345. package/src/content/pages/_showcase/stark-vulcanising-products.md +0 -4
  346. package/src/content/pages/_showcase/the-gym-haren.md +0 -5
  347. package/src/content/pages/_showcase/van-dillen-antieke-bouwmaterialen.md +0 -5
  348. package/src/content/pages/docs/blocks/_categories.mdx +0 -129
  349. package/src/content/pages/docs/blocks/_contact.mdx +0 -67
  350. package/src/content/pages/docs/blocks/_jobs.mdx +0 -34
  351. package/src/content/pages/docs/blocks/_posts.mdx +0 -45
  352. package/src/content/pages/docs/blocks/_stats.mdx +0 -32
  353. package/src/content/pages/docs/blocks/banner.mdx +0 -12
  354. package/src/content/pages/docs/blocks/colleagues.mdx +0 -49
  355. package/src/content/pages/docs/blocks/content.mdx +0 -316
  356. package/src/content/pages/docs/blocks/cta.mdx +0 -16
  357. package/src/content/pages/docs/blocks/features.mdx +0 -100
  358. package/src/content/pages/docs/blocks/footer.mdx +0 -46
  359. package/src/content/pages/docs/blocks/header.mdx +0 -60
  360. package/src/content/pages/docs/blocks/hero.mdx +0 -18
  361. package/src/content/pages/docs/blocks/intro.mdx +0 -16
  362. package/src/content/pages/docs/blocks/logos.mdx +0 -37
  363. package/src/content/pages/docs/blocks/projects.mdx +0 -36
  364. package/src/content/pages/docs/blocks/reviews.mdx +0 -65
  365. package/src/content/pages/docs/blocks.mdx +0 -52
  366. package/src/content/pages/docs/collections/images.mdx +0 -102
  367. package/src/content/pages/docs/collections/pages.mdx +0 -119
  368. package/src/content/pages/docs/collections/presets.mdx +0 -60
  369. package/src/content/pages/docs/components/_localeswitcher.mdx +0 -16
  370. package/src/content/pages/docs/components/_table.mdx +0 -101
  371. package/src/content/pages/docs/components/_tagline.mdx +0 -34
  372. package/src/content/pages/docs/components/_themer.mdx +0 -47
  373. package/src/content/pages/docs/components/_toggle.mdx +0 -30
  374. package/src/content/pages/docs/components/avatar.mdx +0 -32
  375. package/src/content/pages/docs/components/badge.mdx +0 -42
  376. package/src/content/pages/docs/components/badges.mdx +0 -33
  377. package/src/content/pages/docs/components/button.mdx +0 -76
  378. package/src/content/pages/docs/components/buttons.mdx +0 -50
  379. package/src/content/pages/docs/components/channel.mdx +0 -89
  380. package/src/content/pages/docs/components/channels.mdx +0 -90
  381. package/src/content/pages/docs/components/checkbox.mdx +0 -32
  382. package/src/content/pages/docs/components/heading.mdx +0 -49
  383. package/src/content/pages/docs/components/icon.mdx +0 -46
  384. package/src/content/pages/docs/components/image.mdx +0 -20
  385. package/src/content/pages/docs/components/input.mdx +0 -38
  386. package/src/content/pages/docs/components/label.mdx +0 -42
  387. package/src/content/pages/docs/components/link.mdx +0 -63
  388. package/src/content/pages/docs/components/links.mdx +0 -57
  389. package/src/content/pages/docs/components/list.mdx +0 -53
  390. package/src/content/pages/docs/components/logo.mdx +0 -24
  391. package/src/content/pages/docs/components/menu.mdx +0 -48
  392. package/src/content/pages/docs/components/paragraph.mdx +0 -44
  393. package/src/content/pages/docs/components/rating.mdx +0 -43
  394. package/src/content/pages/docs/components/select.mdx +0 -46
  395. package/src/content/pages/docs/components/social.mdx +0 -92
  396. package/src/content/pages/docs/components/socials.mdx +0 -103
  397. package/src/content/pages/docs/components/switch.mdx +0 -32
  398. package/src/content/pages/docs/components/tagline.mdx +0 -42
  399. package/src/content/pages/docs/components/textarea.mdx +0 -32
  400. package/src/content/pages/docs/components.mdx +0 -36
  401. package/src/content/pages/docs/customization.mdx +0 -183
  402. package/src/content/pages/docs/frameworks.mdx +0 -30
  403. package/src/content/pages/docs/index.mdx +0 -21
  404. package/src/content/pages/docs/installation.mdx +0 -30
  405. package/src/content/pages/docs/layouts/doc.mdx +0 -15
  406. package/src/content/pages/docs/layouts/page.mdx +0 -15
  407. package/src/content/pages/docs/pages.mdx +0 -130
  408. package/src/content/pages/docs/structures/_card.mdx +0 -84
  409. package/src/content/pages/docs/structures/_dialog.mdx +0 -15
  410. package/src/content/pages/docs/structures/_drawer.mdx +0 -15
  411. package/src/content/pages/docs/structures/card.mdx +0 -15
  412. package/src/content/pages/docs/structures/carousel.mdx +0 -14
  413. package/src/content/pages/docs/structures/code.mdx +0 -42
  414. package/src/content/pages/docs/structures/container.mdx +0 -15
  415. package/src/content/pages/docs/structures/drawer.mdx +0 -15
  416. package/src/content/pages/docs/structures/group.mdx +0 -15
  417. package/src/content/pages/docs/structures/layout.mdx +0 -15
  418. package/src/content/pages/docs/structures/masonry.mdx +0 -15
  419. package/src/content/pages/docs/structures/matrix.mdx +0 -15
  420. package/src/content/pages/docs/structures/panel.mdx +0 -15
  421. package/src/content/pages/docs/structures/prose.mdx +0 -33
  422. package/src/content/pages/docs/structures/section.mdx +0 -15
  423. package/src/content/pages/docs/structures/stack.mdx +0 -15
  424. package/src/content/pages/docs/structures/writeup.mdx +0 -15
  425. package/src/content/pages/docs/structures.mdx +0 -7
  426. package/src/content/pages/index.mdx +0 -52
  427. package/src/content/pages/showcase.mdx +0 -30
  428. package/src/css/custom.css +0 -24
  429. package/src/css/theme.css +0 -62
  430. package/src/env.d.ts +0 -3
  431. package/src/integration/index.ts +0 -185
  432. package/src/layouts/Page.astro +0 -64
  433. package/src/layouts/_Product.astro +0 -115
  434. package/src/pages/[...page].astro +0 -49
  435. package/src/pages/test.astro +0 -16
  436. package/src/schemas/badge.ts +0 -14
  437. package/src/schemas/block.ts +0 -42
  438. package/src/schemas/button.ts +0 -17
  439. package/src/schemas/card.ts +0 -43
  440. package/src/schemas/channel.ts +0 -15
  441. package/src/schemas/checkbox.ts +0 -13
  442. package/src/schemas/footer.ts +0 -17
  443. package/src/schemas/head.ts +0 -17
  444. package/src/schemas/image.ts +0 -53
  445. package/src/schemas/input.ts +0 -13
  446. package/src/schemas/link.ts +0 -14
  447. package/src/schemas/logo.ts +0 -13
  448. package/src/schemas/menu.ts +0 -11
  449. package/src/schemas/page.ts +0 -23
  450. package/src/schemas/proof.ts +0 -12
  451. package/src/schemas/textarea.ts +0 -11
  452. package/src/stores/cart.svelte.ts +0 -78
  453. package/src/stores/cart.ts +0 -76
  454. package/src/structures/Card.astro +0 -35
  455. package/src/structures/Carousel.astro +0 -106
  456. package/src/structures/Container.astro +0 -25
  457. package/src/structures/Drawer.astro +0 -81
  458. package/src/structures/Group.astro +0 -25
  459. package/src/structures/Layout.astro +0 -34
  460. package/src/structures/Masonry.astro +0 -42
  461. package/src/structures/Matrix.astro +0 -39
  462. package/src/structures/Panel.astro +0 -25
  463. package/src/structures/Prose.astro +0 -96
  464. package/src/structures/Section.astro +0 -26
  465. package/src/structures/Sidebar.astro +0 -36
  466. package/src/structures/Split.astro +0 -38
  467. package/src/structures/Stack.astro +0 -25
  468. package/src/structures/Writeup.astro +0 -67
  469. package/src/structures/_Bento.astro +0 -34
  470. package/src/utils/cart.ts +0 -27
  471. package/src/utils/getHref.ts +0 -6
  472. package/src/utils/slugify.ts +0 -6
  473. package/svelte.config.js +0 -5
  474. package/tailwind.config.ts +0 -72
  475. package/virtual.d.ts +0 -5
  476. /package/src/schemas/{path.ts → fields/path.ts} +0 -0
package/src/components/Icon.astro CHANGED
@@ -1,50 +1,17 @@
1
1
  ---
2
- import tablerIcons from '@iconify-json/tabler/icons.json'
3
- import type { HTMLAttributes } from 'astro/types'
4
- import Element from 'fulldev-ui/components/Element.astro'
2
+ import { Icon as AstroIcon } from 'astro-icon/components'
3
+ import type { ComponentProps } from 'astro/types'
5
4
 
6
- interface Props extends HTMLAttributes<'svg'> {
7
- size?: 'sm' | 'md' | 'lg' | undefined
8
- name?: string | undefined
9
- }
10
-
11
- const { size = 'md', name, ...rest } = Astro.props
5
+ interface Props extends ComponentProps<typeof AstroIcon> {}
12
6
 
13
- const trimmedName = name?.trim()
14
- const icon = trimmedName
15
- ? (tablerIcons as any)?.icons[trimmedName]?.body
16
- : undefined
7
+ const { name, ...rest } = Astro.props
17
8
  ---
18
9
 
19
- <Element
20
- class:list="icon"
21
- xmlns="http://www.w3.org/2000/svg"
22
- viewBox="0 0 24 24"
23
- as="svg"
24
- {size}
25
- {...rest}
26
- >
27
- <Fragment set:html={icon} />
28
- </Element>
29
-
30
- <style is:global>
31
- .icon {
32
- @apply inline-flex h-[1em] w-[1em];
33
-
34
- * {
35
- stroke-width: 1.6;
36
- }
37
-
38
- &.size-sm {
39
- @apply text-lg;
40
- }
41
-
42
- &.size-md {
43
- @apply text-xl;
44
- }
45
-
46
- &.size-lg {
47
- @apply text-2xl;
48
- }
49
- }
50
- </style>
10
+ {
11
+ name && (
12
+ <AstroIcon
13
+ name={'tabler:' + name}
14
+ {...rest}
15
+ />
16
+ )
17
+ }
package/src/components/Image.astro CHANGED
@@ -3,33 +3,19 @@ import type { HTMLAttributes } from 'astro/types'
3
3
  import { Image as AstroImage } from 'astro:assets'
4
4
 
5
5
  interface Props extends HTMLAttributes<'img'> {
6
- src?: string | undefined
7
- alt?: string | undefined
8
- height?: number | undefined
9
- width?: number | undefined
6
+ src?: string
7
+ alt?: string
8
+ height?: number
9
+ width?: number
10
10
  }
11
11
 
12
- function getAltBySrc() {
13
- if (!src) return
14
- const filename = src?.split('/').pop()
15
- const slug = filename && filename.split('.')[0]
16
- const unslugged = slug?.replace(/-/g, ' ')
17
- return unslugged || ''
18
- }
19
-
20
- const {
21
- src,
22
- alt = getAltBySrc(),
23
- height = 1920,
24
- width = 1920,
25
- ...rest
26
- } = Astro.props
12
+ const { src, alt = '', height = 1920, width = 1920, class: className, ...rest } = Astro.props
27
13
  ---
28
14
 
29
15
  {
30
16
  src && (
31
17
  <AstroImage
32
- class:list="image"
18
+ class:list={['image block', className]}
33
19
  {alt}
34
20
  {src}
35
21
  {width}
@@ -38,11 +24,3 @@ const {
38
24
  />
39
25
  )
40
26
  }
41
-
42
- <style is:global>
43
- @layer fulldev {
44
- .image {
45
- @apply block rounded-md;
46
- }
47
- }
48
- </style>
package/src/components/Layout.astro ADDED
@@ -0,0 +1,126 @@
1
+ ---
2
+ import '@fontsource/geist-sans/100.css'
3
+ import '@fontsource/geist-sans/200.css'
4
+ import '@fontsource/geist-sans/300.css'
5
+ import '@fontsource/geist-sans/400.css'
6
+ import '@fontsource/geist-sans/500.css'
7
+ import '@fontsource/geist-sans/600.css'
8
+ import '@fontsource/geist-sans/700.css'
9
+ import '@fontsource/geist-sans/800.css'
10
+ import '@fontsource/geist-sans/900.css'
11
+ import { SEO } from 'astro-seo'
12
+ import 'fulldev-ui/styles/global.css'
13
+
14
+ interface Props {
15
+ lang?: string
16
+ company?: string
17
+ title?: string
18
+ description?: string
19
+ image?: {
20
+ src?: string
21
+ alt?: string
22
+ }
23
+ canonical?: string
24
+ noindex?: boolean
25
+ nofollow?: boolean
26
+ head?: string
27
+ body?: string
28
+ css?: string
29
+ }
30
+
31
+ const { lang = 'en', company, title, description, image, canonical, noindex, nofollow, head, body, css } = Astro.props
32
+
33
+ // TODO: shadcn theme switcher
34
+ const theme = 'light'
35
+ ---
36
+
37
+ <!doctype html>
38
+ <html
39
+ class="scheme-light dark:scheme-dark h-full w-full font-sans text-base text-foreground"
40
+ {lang}
41
+ >
42
+ <head>
43
+ <meta
44
+ name="viewport"
45
+ content="width=device-width, initial-scale=1"
46
+ />
47
+ <meta
48
+ name="generator"
49
+ content={Astro.generator}
50
+ />
51
+ <SEO
52
+ charset="UTF-8"
53
+ title={title}
54
+ description={description || description}
55
+ noindex={noindex}
56
+ nofollow={nofollow}
57
+ canonical={canonical || Astro.url.href}
58
+ openGraph={{
59
+ basic: {
60
+ title: title || '',
61
+ image: Astro.url.origin + image?.src,
62
+ type: 'website',
63
+ url: Astro.url.href,
64
+ },
65
+ image: {
66
+ url: Astro.url.origin + image?.src,
67
+ alt: image?.alt || title || title || company,
68
+ },
69
+ optional: {
70
+ description: description,
71
+ siteName: company,
72
+ },
73
+ }}
74
+ />
75
+
76
+ <!-- Code -->
77
+ <Fragment set:html={head} />
78
+ <slot name="head" />
79
+
80
+ <!-- Light / Dark theme -->
81
+ <script is:inline define:vars={{ theme }}>
82
+ function setTheme(document) {
83
+ const value = localStorage.getItem('theme') || theme
84
+
85
+ const isDark =
86
+ value === 'dark' || (value === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches)
87
+
88
+ document.documentElement.classList.toggle('dark', isDark)
89
+
90
+ document.querySelectorAll('.themer').forEach((themer) => {
91
+ themer?.querySelectorAll('option').forEach((option) => {
92
+ option.selected = option.value === value
93
+ })
94
+ })
95
+ }
96
+
97
+ function setOption(document) {
98
+ const value = localStorage.getItem('theme') || theme
99
+
100
+ document.querySelectorAll('.themer').forEach((themer) => {
101
+ themer?.querySelectorAll('option').forEach((option) => {
102
+ option.selected = option.value === value
103
+ })
104
+ })
105
+ }
106
+
107
+ setTheme(document)
108
+ setOption(document)
109
+
110
+ document.addEventListener('astro:before-swap', (event) => {
111
+ setTheme(event.newDocument)
112
+ })
113
+
114
+ document.addEventListener('astro:page-load', () => {
115
+ setOption(document)
116
+ })
117
+ </script>
118
+ </head>
119
+ <body
120
+ class="scheme-light dark:scheme-dark flex min-h-full w-full flex-col justify-start bg-background font-sans text-base text-foreground"
121
+ >
122
+ <slot />
123
+ <style set:html={css}></style>
124
+ <Fragment set:html={body} />
125
+ </body>
126
+ </html>
package/src/components/Link.astro CHANGED
@@ -1,80 +1,22 @@
1
1
  ---
2
2
  import type { HTMLAttributes } from 'astro/types'
3
- import Element from 'fulldev-ui/components/Element.astro'
4
- import Icon from 'fulldev-ui/components/Icon.astro'
3
+ import Box from './Box.astro'
5
4
 
6
5
  interface Props extends HTMLAttributes<'a'> {
7
- variant?: 'primary' | 'underline' | 'muted' | undefined
8
- size?: 'sm' | 'md' | 'lg' | undefined
9
- text?: string | undefined
10
- icon?: string | undefined
11
- href?: string | undefined
6
+ text?: string
7
+ href?: string
12
8
  }
13
9
 
14
- const {
15
- href,
16
- variant = 'muted',
17
- size = 'md',
18
- text,
19
- icon,
20
- target = href?.startsWith('http') ? '_blank' : undefined,
21
- ...rest
22
- } = Astro.props
10
+ const { href, target = href?.startsWith('http') ? '_blank' : undefined, class: className, text, ...rest } = Astro.props
23
11
  ---
24
12
 
25
- <Element
26
- class:list="link"
13
+ <Box
27
14
  as="a"
28
- current={`/${Astro.params.page}/` === href}
29
- {variant}
30
- {size}
15
+ class:list={['link', className]}
31
16
  {href}
32
17
  {target}
33
18
  {...rest}
34
19
  >
35
20
  <Fragment set:html={text} />
36
21
  <slot />
37
- <Icon name={icon} />
38
- </Element>
39
-
40
- <style is:global>
41
- @layer fulldev {
42
- .link,
43
- .prose-content > *:not(.prose-footer) > a {
44
- @apply cursor-pointer ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2;
45
-
46
- &.variant-primary,
47
- &:is(.prose-content > *:not(.prose-footer) > a) {
48
- @apply text-primary underline underline-offset-4;
49
- }
50
-
51
- &.variant-underline {
52
- @apply underline underline-offset-4;
53
- }
54
-
55
- &.variant-muted {
56
- @apply text-muted-foreground hover:text-foreground;
57
-
58
- &.current {
59
- @apply text-foreground;
60
- }
61
- }
62
-
63
- &.size-sm {
64
- @apply text-sm;
65
- }
66
-
67
- &.size-md {
68
- @apply text-base;
69
- }
70
-
71
- &.size-lg {
72
- @apply text-lg;
73
- }
74
-
75
- .icon {
76
- @apply mb-0.5;
77
- }
78
- }
79
- }
80
- </style>
22
+ </Box>
package/src/components/List.astro CHANGED
@@ -1,96 +1,32 @@
1
1
  ---
2
2
  import type { HTMLAttributes } from 'astro/types'
3
- import Element from 'fulldev-ui/components/Element.astro'
3
+ import Box from 'fulldev-ui/components/Box.astro'
4
4
  import Icon from 'fulldev-ui/components/Icon.astro'
5
5
 
6
6
  interface Props extends HTMLAttributes<'ul' | 'ol'> {
7
- as?: 'ul' | 'ol' | undefined
8
- size?: 'sm' | 'md' | 'lg' | undefined
9
- items?: string[] | undefined
10
- muted?: boolean | undefined
11
- icon?: string | undefined
7
+ as?: 'ul' | 'ol'
8
+ muted?: boolean
9
+ items?: string[]
10
+ icon?: string
12
11
  }
13
12
 
14
- const { as = 'ul', items, icon, ...rest } = Astro.props
13
+ const { as = 'ul', muted = false, class: className, items, icon, ...rest } = Astro.props
15
14
  ---
16
15
 
17
- <Element
18
- class:list={['list', icon ? 'has-icon' : undefined]}
16
+ <Box
17
+ class:list={['list ml-4 list-disc space-y-2', className]}
19
18
  {as}
20
19
  {...rest}
21
20
  >
22
21
  {
23
22
  items?.map((item) => (
24
- <Element as="li">
23
+ <Box as="li">
25
24
  <Icon name={icon} />
26
- <Element as="span">
25
+ <Box as="span">
27
26
  <Fragment set:html={item} />
28
- </Element>
29
- </Element>
27
+ </Box>
28
+ </Box>
30
29
  ))
31
30
  }
32
31
  <slot />
33
- </Element>
34
-
35
- <style is:global>
36
- @layer fulldev {
37
- .list,
38
- .prose :is(ul, ol) {
39
- @apply pl-4;
40
-
41
- &:is(ul) {
42
- @apply list-disc;
43
- }
44
-
45
- ul {
46
- @apply ml-5 mt-2 list-disc;
47
- }
48
-
49
- &:is(ol) {
50
- @apply list-decimal;
51
- }
52
-
53
- ol {
54
- @apply ml-5 mt-2 list-decimal;
55
- }
56
-
57
- li {
58
- @apply mt-2 first:mt-0;
59
- }
60
-
61
- &.size-sm,
62
- &:where(.size-sm &) {
63
- @apply text-sm;
64
-
65
- .icon {
66
- @apply mt-0;
67
- }
68
- }
69
-
70
- &.size-lg,
71
- &:where(.size-lg &) {
72
- @apply text-lg;
73
-
74
- .icon {
75
- @apply mt-1;
76
- }
77
- }
78
-
79
- &.muted {
80
- @apply text-muted-foreground;
81
- }
82
-
83
- .icon {
84
- @apply -ml-5 mt-0.5 shrink-0 text-inherit;
85
- }
86
-
87
- &.has-icon {
88
- @apply ml-0 list-none;
89
-
90
- li {
91
- @apply flex gap-2;
92
- }
93
- }
94
- }
95
- }
96
- </style>
32
+ </Box>
package/src/components/Logo.astro CHANGED
@@ -1,49 +1,30 @@
1
1
  ---
2
2
  import type { HTMLAttributes } from 'astro/types'
3
3
  import Image from 'fulldev-ui/components/Image.astro'
4
- import type { ComponentProps } from 'svelte'
5
- import Element from './Element.astro'
4
+ import Box from './Box.astro'
6
5
 
7
6
  interface Props extends HTMLAttributes<'a'>, HTMLAttributes<'div'> {
8
- image?: ComponentProps<typeof Image> | undefined
9
- size?: 'sm' | 'md' | 'lg' | undefined
10
- text?: string | undefined
7
+ src?: string
8
+ alt?: string
9
+ text?: string
11
10
  }
12
11
 
13
- const { href = '/', size = 'md', image, text, ...rest } = Astro.props as Props
12
+ const { href = '/', class: className, text, src, alt, ...rest } = Astro.props as Props
14
13
  ---
15
14
 
16
- <Element
17
- class:list="logo"
15
+ <Box
16
+ class:list={[
17
+ 'flex items-center gap-3 whitespace-nowrap text-base font-medium leading-none text-foreground',
18
+ className,
19
+ ]}
18
20
  as={href ? 'a' : 'div'}
19
21
  {href}
20
- {size}
21
22
  {...rest}
22
23
  >
23
- <Image {...image} />
24
+ <Image
25
+ class="h-9 w-auto object-contain"
26
+ {src}
27
+ {alt}
28
+ />
24
29
  <Fragment set:html={text} />
25
- </Element>
26
-
27
- <style is:global>
28
- @layer fulldev {
29
- .logo {
30
- @apply flex w-auto items-center gap-2 whitespace-nowrap object-contain text-base font-bold leading-none text-foreground;
31
-
32
- .image {
33
- @apply h-full w-auto object-contain;
34
- }
35
-
36
- &.size-sm {
37
- @apply h-6;
38
- }
39
-
40
- &.size-md {
41
- @apply h-7;
42
- }
43
-
44
- &.size-lg {
45
- @apply h-8;
46
- }
47
- }
48
- }
49
- </style>
30
+ </Box>
package/src/components/Masonry.astro ADDED
@@ -0,0 +1,35 @@
1
+ ---
2
+ import type { HTMLAttributes } from 'astro/types'
3
+ import Box from 'fulldev-ui/components/Box.astro'
4
+
5
+ interface Props extends HTMLAttributes<'div'> {
6
+ size?: 'sm' | 'default' | 'lg'
7
+ length: number | undefined
8
+ }
9
+
10
+ const { size = 'default', length = 4, class: className, ...rest } = Astro.props
11
+ ---
12
+
13
+ <Box
14
+ class:list={[
15
+ 'masonry relative w-full gap-x-4 space-y-4',
16
+ {
17
+ 'sm:columns-2': size === 'default',
18
+ 'md:columns-3': size === 'default' && length === 3,
19
+ 'lg:columns-4': size === 'default' && length === 4,
20
+ 'md:columns-3 xl:columns-5': size === 'default' && length === 5,
21
+ 'lg:columns-3': size === 'default' && length === 6,
22
+ 'md:columns-3 lg:columns-4': size === 'default' && length > 6,
23
+ },
24
+ {
25
+ 'md:columns-2': size === 'lg',
26
+ 'md:columns-3': size === 'lg' && length === 3,
27
+ 'xl:columns-4': size === 'lg' && length === 4,
28
+ 'lg:columns-3': size === 'lg' && length > 4,
29
+ },
30
+ className,
31
+ ]}
32
+ {...rest}
33
+ >
34
+ <slot />
35
+ </Box>
package/src/components/Menu.astro CHANGED
@@ -1,53 +1,48 @@
1
1
  ---
2
2
  import type { HTMLAttributes } from 'astro/types'
3
- import Element from 'fulldev-ui/components/Element.astro'
4
- import Heading from 'fulldev-ui/components/Heading.astro'
5
- import Link from 'fulldev-ui/components/Link.astro'
6
- import type { ComponentProps } from 'svelte'
3
+ import Box from 'fulldev-ui/components/Box.astro'
4
+ import Link from './Link.astro'
7
5
 
8
6
  interface Props extends HTMLAttributes<'div'> {
9
- size?: 'sm' | 'md' | 'lg' | undefined
10
- heading?: string | undefined
11
- links?: ComponentProps<typeof Link>[] | undefined
7
+ text?: string | undefined
8
+ links?:
9
+ | {
10
+ text?: string
11
+ href?: string
12
+ }[]
13
+ | undefined
12
14
  }
13
15
 
14
- const { size = 'md', heading, links, ...rest } = Astro.props
16
+ const { text, links, ...rest } = Astro.props
15
17
  ---
16
18
 
17
- <Element
18
- class:list="menu"
19
- as="menu"
19
+ <Box
20
+ class:list="menu inline-flex flex-col items-start gap-4"
21
+ as="div"
20
22
  {...rest}
21
23
  >
22
24
  {
23
25
  links && links.length > 0 && (
24
- <Heading
25
- text={heading}
26
+ <Box
27
+ class="font-medium"
26
28
  as="h6"
27
- {size}
29
+ set:html={text}
28
30
  />
29
31
  )
30
32
  }
31
- {
32
- links?.map((link) => (
33
- <Element as="li">
34
- <Link
35
- {size}
36
- {...link}
37
- />
38
- </Element>
39
- ))
40
- }
41
- </Element>
42
-
43
- <style is:global>
44
- @layer fulldev {
45
- .menu {
46
- @apply flex flex-col gap-2;
47
-
48
- .heading {
49
- @apply mb-1;
50
- }
33
+ <Box
34
+ as="menu"
35
+ class="flex flex-col gap-2"
36
+ >
37
+ {
38
+ links?.map((link) => (
39
+ <Box as="li">
40
+ <Link
41
+ class="font-normal text-muted-foreground transition-colors hover:text-foreground"
42
+ {...link}
43
+ />
44
+ </Box>
45
+ ))
51
46
  }
52
- }
53
- </style>
47
+ </Box>
48
+ </Box>
package/src/components/Menus.astro CHANGED
@@ -1,20 +1,25 @@
1
1
  ---
2
2
  import type { ComponentProps } from 'astro/types'
3
3
  import Menu from 'fulldev-ui/components/Menu.astro'
4
+ import Box from './Box.astro'
4
5
 
5
6
  interface Props extends ComponentProps<typeof Menu> {
6
- menu?: ComponentProps<typeof Menu> | undefined
7
7
  menus?: ComponentProps<typeof Menu>[] | undefined
8
8
  }
9
9
 
10
- const { menu, menus, ...rest } = Astro.props
10
+ const { menus, ...rest } = Astro.props
11
11
  ---
12
12
 
13
- {
14
- [menu, ...(menus || [])].filter(Boolean).map((menu) => (
15
- <Menu
16
- {...rest}
17
- {...menu}
18
- />
19
- ))
20
- }
13
+ <Box
14
+ class:list="grid grid-cols-[repeat(auto-fit,minmax(176px,1fr))] gap-8"
15
+ {...rest}
16
+ >
17
+ {
18
+ menus?.map((menu) => (
19
+ <Menu
20
+ {...rest}
21
+ {...menu}
22
+ />
23
+ ))
24
+ }
25
+ </Box>