feat: streamline component imports and update package exports for better organization

apps/web/src/apps/index.tsx

@@ -1,10 +1,7 @@
 import { lazy, Suspense, useState } from 'react';
 import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom';
 import { ThemeProvider, ColorSchemeType, DensityType } from '@repo/ui/provider';
-import { NotFound } from '@repo/ui/components/system-pages/not-found';
+import { NotFound, Forbidden, Maintenance, ComingSoon } from '@repo/ui/components';
-import { Forbidden } from '@repo/ui/components/system-pages/forbidden';
-import { Maintenance } from '@repo/ui/components/system-pages/maintenance';
-import { ComingSoon } from '@repo/ui/components/system-pages/coming-soon';
 
 const AuthModule = lazy(() => import('./auth'));
 const AppModule = lazy(() => import('./modules'));

apps/web/src/apps/showcase/showcase-view.tsx

@@ -1,12 +1,5 @@
 import { ColorSchemeType, DensityType } from '@repo/ui/provider';
-import { Button } from '@repo/ui/components/button';
+import { Button, Card, Container, Select, Group, Stack, Text, Title, TextInput, Checkbox } from '@repo/ui/components';
-import { Card } from '@repo/ui/components/card';
-import { Container } from '@repo/ui/components/container';
-import { Select } from '@repo/ui/components/select';
-import { Group, Stack } from '@repo/ui/components/group';
-import { Text, Title } from '@repo/ui/components/text';
-import { TextInput } from '@repo/ui/components/input';
-import { Checkbox } from '@repo/ui/components/checkbox';
 
 interface ShowcaseViewProps {
   colorScheme: ColorSchemeType;
@@ -23,7 +16,9 @@ export default function ShowcaseView({ colorScheme, setColorScheme, density, set
 
         {/* Control Panel */}
         <Card withBorder shadow="sm" radius="md" p="md">
-          <Title order={3} mb="md">Control Panel</Title>
+          <Title order={3} mb="md">
+            Control Panel
+          </Title>
           <Group grow align="flex-end">
             <Select
               label="Color Scheme"
@@ -53,13 +48,19 @@ export default function ShowcaseView({ colorScheme, setColorScheme, density, set
         <Card withBorder shadow="sm" radius="md" p="md">
           <Stack gap="lg">
             <div>
-              <Title order={3} mb="sm">Typography</Title>
+              <Title order={3} mb="sm">
-              <Text size="sm" c="dimmed">This is dimmed small text.</Text>
+                Typography
+              </Title>
+              <Text size="sm" c="dimmed">
+                This is dimmed small text.
+              </Text>
               <Text>This is standard text describing the components below.</Text>
             </div>
 
             <div>
-              <Title order={3} mb="sm">Buttons</Title>
+              <Title order={3} mb="sm">
+                Buttons
+              </Title>
               <Group>
                 <Button variant="filled">Filled Button</Button>
                 <Button variant="outline">Outline Button</Button>
@@ -69,7 +70,9 @@ export default function ShowcaseView({ colorScheme, setColorScheme, density, set
             </div>
 
             <div>
-              <Title order={3} mb="md">Form Elements</Title>
+              <Title order={3} mb="md">
+                Form Elements
+              </Title>
               <Group grow>
                 <TextInput label="First Name" placeholder="John" />
                 <TextInput label="Last Name" placeholder="Doe" />

packages/ui/package.json

@@ -3,10 +3,8 @@
   "version": "0.0.0",
   "exports": {
     "./theme.css": "./src/theme.css",
-    "./components/system-pages/*": "./src/components/system-pages/*.tsx",
+    "./components": "./src/components/index.ts",
-    "./components/*": "./src/components/*.ts",
+    "./hooks": "./src/hooks/index.ts",
-    "./hooks/*": "./src/hooks/*.ts",
-    "./utils/*": "./src/utils/*.ts",
     "./provider": "./src/provider/index.ts"
   },
   "license": "MIT",

packages/ui/src/components/button.ts

@@ -1 +0,0 @@
-export { Button, type ButtonProps } from '@mantine/core';

packages/ui/src/components/card.ts

@@ -1 +0,0 @@
-export { Card, type CardProps } from '@mantine/core';

packages/ui/src/components/checkbox.ts

@@ -1 +0,0 @@
-export { Checkbox, type CheckboxProps } from '@mantine/core';

packages/ui/src/components/container.ts

@@ -1 +0,0 @@
-export { Container, type ContainerProps } from '@mantine/core';

packages/ui/src/components/group.ts

@@ -1 +0,0 @@
-export { Group, type GroupProps, Stack, type StackProps } from '@mantine/core';

packages/ui/src/components/index.ts

@@ -0,0 +1,6 @@
+export * from '@mantine/core';
+
+export * from './system-pages/coming-soon';
+export * from './system-pages/forbidden';
+export * from './system-pages/maintenance';
+export * from './system-pages/not-found';

packages/ui/src/components/input.ts

@@ -1 +0,0 @@
-export { TextInput, type TextInputProps } from '@mantine/core';

packages/ui/src/components/select.ts

@@ -1 +0,0 @@
-export { Select, type SelectProps } from '@mantine/core';

packages/ui/src/components/text.ts

@@ -1 +0,0 @@
-export { Text, type TextProps, Title, type TitleProps } from '@mantine/core';

packages/ui/src/hooks/index.ts

@@ -0,0 +1 @@
+export * from '@mantine/hooks';