feat: split components into elements

src/lib/components/index.ts

@@ -1,13 +1,2 @@
-export { default as Button } from './button.svelte';
-export { default as InputEmail } from './inputEmail.svelte';
-export { default as InputPassword } from './inputPassword.svelte';
-export { default as InputText } from './inputText.svelte';
-export { default as InputNumber } from './inputNumber.svelte';
-export { default as InputBoolean } from './inputBoolean.svelte';
-export { default as InputTags } from './inputTags.svelte';
-export { default as InputFile } from './inputFile.svelte';
-export { default as InputCustomId } from './inputCustomId.svelte';
 export { default as Modal } from './modal.svelte';
-export { default as Table } from './table/table.svelte';
 export { default as Pagination } from './pagination.svelte';
-export * from './table';

src/lib/components/pagination.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { createEventDispatcher } from 'svelte';
 
-	import { Button } from '.';
+	import { Button } from '$lib/elements/forms';
 
 	export let limit: number;
 	export let offset: number;

src/lib/elements/forms/index.ts

@@ -0,0 +1,9 @@
+export { default as Button } from './button.svelte';
+export { default as InputEmail } from './inputEmail.svelte';
+export { default as InputPassword } from './inputPassword.svelte';
+export { default as InputText } from './inputText.svelte';
+export { default as InputNumber } from './inputNumber.svelte';
+export { default as InputBoolean } from './inputBoolean.svelte';
+export { default as InputTags } from './inputTags.svelte';
+export { default as InputFile } from './inputFile.svelte';
+export { default as InputCustomId } from './inputCustomId.svelte';

src/routes/console/[project]/database/[collection]/attributes.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-	import { Table, TableCell, TableHeader, TableBody, TableRow, Button } from '$lib/components';
+	import { Button } from '$lib/elements/forms';
+	import { Table, TableCell, TableHeader, TableBody, TableRow } from '$lib/elements/table';
 	import Create from './attributes/_create.svelte';
 	import { collection } from './store';
 

src/routes/console/[project]/database/[collection]/attributes/_boolean.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Button, InputText } from '$lib/components';
-	import InputBoolean from '$lib/components/inputBoolean.svelte';
+	import { Button, InputText, InputBoolean } from '$lib/elements/forms';
+
 	import { sdkForProject } from '$lib/stores/sdk';
 	import { collection } from '../store';
 

src/routes/console/[project]/database/[collection]/attributes/_integer.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
-	import { Button, InputNumber, InputText } from '$lib/components';
-	import InputBoolean from '$lib/components/inputBoolean.svelte';
+	import { Button, InputNumber, InputText, InputBoolean } from '$lib/elements/forms';
 	import { sdkForProject } from '$lib/stores/sdk';
 	import { collection } from '../store';
 

src/routes/console/[project]/database/[collection]/attributes/_string.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
-	import { Button, InputNumber, InputText } from '$lib/components';
-	import InputBoolean from '$lib/components/inputBoolean.svelte';
+	import { Button, InputNumber, InputText, InputBoolean } from '$lib/elements/forms';
 	import { sdkForProject } from '$lib/stores/sdk';
 	import { collection } from '../store';
 

src/routes/console/[project]/database/[collection]/index.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
 	import { page } from '$app/stores';
 	import { sdkForProject } from '$lib/stores/sdk';
-	import { Table, TableHeader, TableRow, TableBody, TableCell, Pagination } from '$lib/components';
+	import { Table, TableRow, TableBody, TableHeader, TableCell } from '$lib/elements/table';
+	import { Pagination } from '$lib/components';
 	import { collection } from './store';
 
 	let offset = 0;

src/routes/console/[project]/database/_create.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import Button from '$lib/components/button.svelte';
-	import InputFile from '$lib/components/inputFile.svelte';
-	import Modal from '$lib/components/modal.svelte';
+	import { Modal } from '$lib/components';
+	import { Button, InputFile } from '$lib/elements/forms';
+
 	import { sdkForProject } from '$lib/stores/sdk';
 	import { createEventDispatcher } from 'svelte';
 

src/routes/console/[project]/database/index.svelte

@@ -1,15 +1,9 @@
 <script lang="ts">
 	import { page } from '$app/stores';
 	import { sdkForProject } from '$lib/stores/sdk';
-	import {
-		Table,
-		Button,
-		Pagination,
-		TableRow,
-		TableBody,
-		TableHeader,
-		TableCell
-	} from '$lib/components';
+	import { Table, TableRow, TableBody, TableHeader, TableCell } from '$lib/elements/table';
+	import { Button } from '$lib/elements/forms';
+	import { Pagination } from '$lib/components';
 	import Create from './_create.svelte';
 
 	let search = '';

src/routes/console/[project]/index.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { page } from '$app/stores';
-	import { Button } from '$lib/components';
+	import { Button } from '$lib/elements/forms';
 	import { sdkForConsole } from '$lib/stores/sdk';
 	import type { Models } from 'src/sdk';
 	import { project } from './store';

src/routes/console/[project]/settings.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Button, InputText } from '$lib/components';
+	import { Button, InputText } from '$lib/elements/forms';
 	import { sdkForConsole } from '$lib/stores/sdk';
 	import { project } from './store';
 

src/routes/console/[project]/storage/[file].svelte

@@ -2,7 +2,7 @@
 	import { goto } from '$app/navigation';
 
 	import { page } from '$app/stores';
-	import { Button } from '$lib/components';
+	import { Button } from '$lib/elements/forms';
 	import { sdkForProject } from '$lib/stores/sdk';
 
 	const request = sdkForProject.storage.getFile($page.params.file);

src/routes/console/[project]/storage/_create.svelte

@@ -1,8 +1,6 @@
 <script lang="ts">
-	import Button from '$lib/components/button.svelte';
-	import InputFile from '$lib/components/inputFile.svelte';
-	import InputTags from '$lib/components/inputTags.svelte';
-	import Modal from '$lib/components/modal.svelte';
+	import { InputTags, Button, InputFile } from '$lib/elements/forms';
+	import { Modal } from '$lib/components';
 	import { sdkForProject } from '$lib/stores/sdk';
 	import { createEventDispatcher } from 'svelte';
 

src/routes/console/[project]/storage/index.svelte

@@ -1,15 +1,9 @@
 <script lang="ts">
 	import { page } from '$app/stores';
 	import { sdkForProject } from '$lib/stores/sdk';
-	import {
-		Table,
-		Button,
-		Pagination,
-		TableHeader,
-		TableCell,
-		TableBody,
-		TableRow
-	} from '$lib/components';
+	import { Button } from '$lib/elements/forms';
+	import { Pagination } from '$lib/components';
+	import { Table, TableHeader, TableCell, TableBody, TableRow } from '$lib/elements/table';
 	import Create from './_create.svelte';
 
 	let search = '';

src/routes/console/[project]/users/_create.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-	import { Button, InputPassword, InputEmail, InputText, Modal } from '$lib/components';
+	import { Modal } from '$lib/components';
+	import { Button, InputPassword, InputEmail, InputText } from '$lib/elements/forms';
 	import { sdkForProject } from '$lib/stores/sdk';
 	import { createEventDispatcher } from 'svelte';
 

src/routes/console/[project]/users/index.svelte

@@ -1,15 +1,9 @@
 <script lang="ts">
 	import { page } from '$app/stores';
 	import { sdkForProject } from '$lib/stores/sdk';
-	import {
-		Table,
-		Button,
-		Pagination,
-		TableHeader,
-		TableBody,
-		TableRow,
-		TableCell
-	} from '$lib/components';
+	import { Pagination } from '$lib/components';
+	import { Button } from '$lib/elements/forms';
+	import { Table, TableHeader, TableBody, TableRow, TableCell } from '$lib/elements/table';
 	import Create from './_create.svelte';
 
 	let search = '';

src/routes/console/[project]/users/team/[team]/index.svelte

@@ -2,7 +2,7 @@
 	import { goto } from '$app/navigation';
 
 	import { page } from '$app/stores';
-	import { Button } from '$lib/components';
+	import { Button } from '$lib/elements/forms';
 	import { sdkForProject } from '$lib/stores/sdk';
 
 	const request = Promise.all([

src/routes/console/[project]/users/team/_create.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-	import { Button, InputText, Modal } from '$lib/components';
+	import { Modal } from '$lib/components';
+	import { InputText, Button } from '$lib/elements/forms';
 	import { sdkForProject } from '$lib/stores/sdk';
 	import { createEventDispatcher } from 'svelte';
 

src/routes/console/[project]/users/team/index.svelte

@@ -1,15 +1,9 @@
 <script lang="ts">
 	import { page } from '$app/stores';
 	import { sdkForProject } from '$lib/stores/sdk';
-	import {
-		Table,
-		Button,
-		Pagination,
-		TableHeader,
-		TableCell,
-		TableBody,
-		TableRow
-	} from '$lib/components';
+	import { Table, TableHeader, TableCell, TableBody, TableRow } from '$lib/elements/table';
+	import { Button } from '$lib/elements/forms';
+	import { Pagination } from '$lib/components';
 	import Create from './_create.svelte';
 
 	let search = '';

src/routes/console/[project]/users/user/[user]/activity.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { page } from '$app/stores';
-	import { Pagination, Table, TableBody, TableHeader, TableRow, TableCell } from '$lib/components';
+	import { Pagination } from '$lib/components';
+	import { Table, TableBody, TableHeader, TableRow, TableCell } from '$lib/elements/table';
 	import { sdkForProject } from '$lib/stores/sdk';
 
 	const getLogs = () => sdkForProject.users.getLogs($page.params.user);

src/routes/console/[project]/users/user/[user]/index.svelte

@@ -2,7 +2,7 @@
 	import { goto } from '$app/navigation';
 
 	import { page } from '$app/stores';
-	import { Button } from '$lib/components';
+	import { Button } from '$lib/elements/forms';
 	import { sdkForProject } from '$lib/stores/sdk';
 
 	const request = sdkForProject.users.get($page.params.user);

src/routes/console/[project]/users/user/[user]/sessions.svelte

@@ -1,14 +1,8 @@
 <script lang="ts">
 	import { page } from '$app/stores';
-	import {
-		Pagination,
-		Table,
-		TableCell,
-		TableHeader,
-		TableBody,
-		TableRow,
-		Button
-	} from '$lib/components';
+	import { Pagination } from '$lib/components';
+	import { Button } from '$lib/elements/forms';
+	import { Table, TableCell, TableHeader, TableBody, TableRow } from '$lib/elements/table';
 	import { sdkForProject } from '$lib/stores/sdk';
 
 	const getSessions = () => sdkForProject.users.getSessions($page.params.user);

src/routes/console/_createOrganization.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-	import { Modal, InputText, Button } from '$lib/components';
+	import { Modal } from '$lib/components';
+	import { InputText, Button } from '$lib/elements/forms';
 	import { sdkForConsole } from '$lib/stores/sdk';
 	import { createEventDispatcher } from 'svelte';
 

src/routes/console/_createProject.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-	import { Modal, InputText, Button, InputCustomId } from '$lib/components';
+	import { Modal } from '$lib/components';
+	import { InputText, Button, InputCustomId } from '$lib/elements/forms';
 	import { sdkForConsole } from '$lib/stores/sdk';
 	import { createEventDispatcher } from 'svelte';
 

src/routes/console/index.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Button } from '$lib/components';
+	import { Button } from '$lib/elements/forms';
 	import { sdkForConsole } from '$lib/stores/sdk';
 	import type { Models } from 'src/sdk';
 	import CreateOrganization from './_createOrganization.svelte';

src/routes/login.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
 
-	import { Button, InputEmail, InputPassword } from '$lib/components';
+	import { Button, InputEmail, InputPassword } from '$lib/elements/forms';
 	import { sdkForConsole } from '$lib/stores/sdk';
 
 	let mail: string, pass: string;