From b0ceb3e44444a1dd3101bdcb5e54ffb43faacbf3 Mon Sep 17 00:00:00 2001
From: Firman Ramdhani <33869609+firmanramdhani@users.noreply.github.com>
Date: Fri, 27 Feb 2026 15:26:36 +0700
Subject: [PATCH] feat: streamline component imports and update package exports
 for better organization

---
 apps/web/src/apps/index.tsx                  |  5 +---
 apps/web/src/apps/showcase/showcase-view.tsx | 29 +++++++++++---------
 packages/ui/package.json                     |  6 ++--
 packages/ui/src/components/button.ts         |  1 -
 packages/ui/src/components/card.ts           |  1 -
 packages/ui/src/components/checkbox.ts       |  1 -
 packages/ui/src/components/container.ts      |  1 -
 packages/ui/src/components/group.ts          |  1 -
 packages/ui/src/components/index.ts          |  6 ++++
 packages/ui/src/components/input.ts          |  1 -
 packages/ui/src/components/select.ts         |  1 -
 packages/ui/src/components/text.ts           |  1 -
 packages/ui/src/hooks/index.ts               |  1 +
 13 files changed, 26 insertions(+), 29 deletions(-)
 delete mode 100644 packages/ui/src/components/button.ts
 delete mode 100644 packages/ui/src/components/card.ts
 delete mode 100644 packages/ui/src/components/checkbox.ts
 delete mode 100644 packages/ui/src/components/container.ts
 delete mode 100644 packages/ui/src/components/group.ts
 create mode 100644 packages/ui/src/components/index.ts
 delete mode 100644 packages/ui/src/components/input.ts
 delete mode 100644 packages/ui/src/components/select.ts
 delete mode 100644 packages/ui/src/components/text.ts
 create mode 100644 packages/ui/src/hooks/index.ts

diff --git a/apps/web/src/apps/index.tsx b/apps/web/src/apps/index.tsx
index 478f9d5..6c5edc4 100644
--- a/apps/web/src/apps/index.tsx
+++ b/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 { 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';
+import { NotFound, Forbidden, Maintenance, ComingSoon } from '@repo/ui/components';
 
 const AuthModule = lazy(() => import('./auth'));
 const AppModule = lazy(() => import('./modules'));
diff --git a/apps/web/src/apps/showcase/showcase-view.tsx b/apps/web/src/apps/showcase/showcase-view.tsx
index f7e7305..33bcbfa 100644
--- a/apps/web/src/apps/showcase/showcase-view.tsx
+++ b/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 { 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';
+import { Button, Card, Container, Select, Group, Stack, Text, Title, TextInput, Checkbox } from '@repo/ui/components';
 
 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>
-              <Text size="sm" c="dimmed">This is dimmed small text.</Text>
+              <Title order={3} mb="sm">
+                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" />
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 758c527..c171984 100644
--- a/packages/ui/package.json
+++ b/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/*.ts",
-    "./hooks/*": "./src/hooks/*.ts",
-    "./utils/*": "./src/utils/*.ts",
+    "./components": "./src/components/index.ts",
+    "./hooks": "./src/hooks/index.ts",
     "./provider": "./src/provider/index.ts"
   },
   "license": "MIT",
diff --git a/packages/ui/src/components/button.ts b/packages/ui/src/components/button.ts
deleted file mode 100644
index ed36b20..0000000
--- a/packages/ui/src/components/button.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { Button, type ButtonProps } from '@mantine/core';
diff --git a/packages/ui/src/components/card.ts b/packages/ui/src/components/card.ts
deleted file mode 100644
index eb92515..0000000
--- a/packages/ui/src/components/card.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { Card, type CardProps } from '@mantine/core';
diff --git a/packages/ui/src/components/checkbox.ts b/packages/ui/src/components/checkbox.ts
deleted file mode 100644
index 33b461c..0000000
--- a/packages/ui/src/components/checkbox.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { Checkbox, type CheckboxProps } from '@mantine/core';
diff --git a/packages/ui/src/components/container.ts b/packages/ui/src/components/container.ts
deleted file mode 100644
index e1e7813..0000000
--- a/packages/ui/src/components/container.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { Container, type ContainerProps } from '@mantine/core';
diff --git a/packages/ui/src/components/group.ts b/packages/ui/src/components/group.ts
deleted file mode 100644
index 4d64a09..0000000
--- a/packages/ui/src/components/group.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { Group, type GroupProps, Stack, type StackProps } from '@mantine/core';
diff --git a/packages/ui/src/components/index.ts b/packages/ui/src/components/index.ts
new file mode 100644
index 0000000..423278d
--- /dev/null
+++ b/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';
diff --git a/packages/ui/src/components/input.ts b/packages/ui/src/components/input.ts
deleted file mode 100644
index 509a3de..0000000
--- a/packages/ui/src/components/input.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { TextInput, type TextInputProps } from '@mantine/core';
diff --git a/packages/ui/src/components/select.ts b/packages/ui/src/components/select.ts
deleted file mode 100644
index 1d4dc94..0000000
--- a/packages/ui/src/components/select.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { Select, type SelectProps } from '@mantine/core';
diff --git a/packages/ui/src/components/text.ts b/packages/ui/src/components/text.ts
deleted file mode 100644
index 94ff3a3..0000000
--- a/packages/ui/src/components/text.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { Text, type TextProps, Title, type TitleProps } from '@mantine/core';
diff --git a/packages/ui/src/hooks/index.ts b/packages/ui/src/hooks/index.ts
new file mode 100644
index 0000000..57bbcc5
--- /dev/null
+++ b/packages/ui/src/hooks/index.ts
@@ -0,0 +1 @@
+export * from '@mantine/hooks';