importing from goodui looks good so far

app/components/index.ts

@@ -1,3 +1,5 @@
+export * from '@pppaaattt/goodui'
+
 export * from './ui/index.ts'
 export * from './layout/index.ts'
 export * from './templates/index.ts'

app/components/layout/nav-user-controls.tsx

@@ -1,8 +1,7 @@
 import { Link } from '@remix-run/react'
-import { Button } from '#app/components/index.ts'
+import { Button, DropdownNavigation } from '#app/components/index.ts'
 import { getUserImgSrc } from '#app/utils/misc.tsx'
 import { useOptionalUser, useUser } from '#app/utils/user.ts'
-import DropdownNavigation from '../templates/dropdown-navigation.tsx'
 
 function NavUserControls() {
 	const user = useOptionalUser()

app/components/templates/dropdown-navigation.tsx

@@ -28,7 +28,7 @@ interface DropdownNavigationProps {
 	logout: boolean
 }
 
-export default function DropdownNavigation({
+export function DropdownNavigation({
 	menuItems,
 	button,
 	logout,

app/components/templates/index.ts

@@ -1 +1,3 @@
 export * from './layout/index.ts'
+export * from './theme-switch.tsx'
+export * from './dropdown-navigation.tsx'

app/components/templates/layout/page-content-index.tsx

@@ -1,4 +1,4 @@
-import { Content } from '#app/components/layout/index.ts'
+import { Content } from '#app/components/index.ts'
 
 interface PageContentIndexProps {
 	message: string

app/components/templates/layout/page-content-show.tsx

@@ -4,7 +4,7 @@ import {
 	ContentBody,
 	ContentHeader,
 	ContentImages,
-} from '#app/components/layout/index.ts'
+} from '#app/components/index.ts'
 
 interface PageContentShowProps {
 	itemId: string

app/components/templates/layout/page-footer.tsx

@@ -1,5 +1,9 @@
-import { Footer, NavLogo } from '#app/components/layout/index.ts'
-import { ThemeSwitch, type ThemeSwitchProps } from '../theme-switch.tsx'
+import {
+	Footer,
+	NavLogo,
+	ThemeSwitch,
+	type ThemeSwitchProps,
+} from '#app/components/index.ts'
 
 function PageFooter({ userPreference }: ThemeSwitchProps) {
 	return (

app/components/templates/layout/page-header.tsx

@@ -4,7 +4,7 @@ import {
 	NavLogo,
 	NavSearch,
 	NavUserControls,
-} from '#app/components/layout/index.ts'
+} from '#app/components/index.ts'
 
 interface PageHeaderProps {
 	userId?: string | undefined

app/components/templates/layout/page-sidebar.tsx

@@ -1,10 +1,10 @@
 import {
+	Sidebar,
 	SidebarAvatar,
 	SidebarHeader,
 	SidebarList,
 	type SidebarListItem,
-} from '#app/components/layout/index.ts'
-import { Sidebar } from '#app/components/layout/sidebar.tsx'
+} from '#app/components/index.ts'
 import { type OwnerData, useOptionalUser } from '#app/utils/user.ts'
 
 interface PageSidebarProps {

app/components/ui/custom/index.ts

@@ -1,5 +1,6 @@
-export * from './checkbox-field.tsx'
-export * from './errors.tsx'
-export * from './field.tsx'
+// export * from './checkbox-field.tsx'
+// export * from './errors.tsx'
+// export * from './field.tsx'
 export * from './status-button.tsx'
-export * from './textarea-field.tsx'
+// export * from './textarea-field.tsx'
+export * from './icon.tsx'

app/components/ui/index.ts

@@ -1,2 +1 @@
 export * from './custom/index.ts'
-export * from './primitives/index.ts'