refactor: move form fields to separate folder

2026-09-02 21:11:43 +05:00
parent a24a182d18
commit 6ec3e75df4
15 changed files with 21 additions and 21 deletions
@@ -1,11 +1,11 @@
 <script lang="ts">
+	import ColorField from "$lib/components/kit/fields/ColorField.svelte";
+	import NumberField from "$lib/components/kit/fields/NumberField.svelte";
+	import SelectField from "$lib/components/kit/fields/SelectField.svelte";
+	import SliderField from "$lib/components/kit/fields/SliderField.svelte";
+	import TextField from "$lib/components/kit/fields/TextField.svelte";
+	import ToggleRow from "$lib/components/kit/fields/ToggleRow.svelte";
 	import type { ParamDef } from "$lib/registry";
-	import ColorField from "$lib/components/kit/ColorField.svelte";
-	import SliderField from "$lib/components/kit/SliderField.svelte";
-	import SelectField from "$lib/components/kit/SelectField.svelte";
-	import ToggleRow from "$lib/components/kit/ToggleRow.svelte";
-	import TextField from "$lib/components/kit/TextField.svelte";
-	import NumberField from "$lib/components/kit/NumberField.svelte";

 	type ParamValue = string | number | boolean;

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import EmptyState from "$lib/components/kit/EmptyState.svelte";
+	import SelectField from "$lib/components/kit/fields/SelectField.svelte";
 	import Panel from "$lib/components/kit/layout/Panel.svelte";
-	import SelectField from "$lib/components/kit/SelectField.svelte";
 	import SettingsFooter from "$lib/components/kit/SettingsFooter.svelte";
 	import StepCard from "$lib/components/kit/StepCard.svelte";
 	import Button from "$lib/components/kit/ui/Button.svelte";
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Field from "./layout/Field.svelte";
+	import Field from "./Field.svelte";

 	interface Props {
 		label: string;
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Field from "./layout/Field.svelte";
+	import Field from "./Field.svelte";

 	interface Option {
 		value: string;
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Toggle from "./Toggle.svelte";
+	import Toggle from "../ui/Toggle.svelte";

 	interface Props {
 		label: string;
@@ -1,7 +1,7 @@
 <script lang="ts">
+	import TextField from "$lib/components/kit/fields/TextField.svelte";
 	import Panel from "$lib/components/kit/layout/Panel.svelte";
 	import SettingsFooter from "$lib/components/kit/SettingsFooter.svelte";
-	import TextField from "$lib/components/kit/TextField.svelte";
 	import ToolCard from "$lib/components/kit/ToolCard.svelte";
 	import Button from "$lib/components/kit/ui/Button.svelte";
 	import { TOOLS } from "$lib/registry";
@@ -1,15 +1,15 @@
 <script lang="ts">
-	import ColorField from "$lib/components/kit/ColorField.svelte";
-	import FieldGrid from "$lib/components/kit/FieldGrid.svelte";
+	import ColorField from "$lib/components/kit/fields/ColorField.svelte";
+	import FieldGrid from "$lib/components/kit/fields/FieldGrid.svelte";
+	import SliderField from "$lib/components/kit/fields/SliderField.svelte";
+	import ToggleRow from "$lib/components/kit/fields/ToggleRow.svelte";
 	import PageGrid from "$lib/components/kit/layout/PageGrid.svelte";
 	import MetaList from "$lib/components/kit/MetaList.svelte";
 	import PipelineFooter from "$lib/components/kit/PipelineFooter.svelte";
 	import PreviewStack from "$lib/components/kit/PreviewStack.svelte";
 	import PreviewTile from "$lib/components/kit/PreviewTile.svelte";
 	import SectionLabel from "$lib/components/kit/SectionLabel.svelte";
-	import SliderField from "$lib/components/kit/SliderField.svelte";
 	import StepCard from "$lib/components/kit/StepCard.svelte";
-	import ToggleRow from "$lib/components/kit/ToggleRow.svelte";
 	import Badge from "$lib/components/kit/ui/Badge.svelte";
 	import DownloadButton from "$lib/components/kit/ui/DownloadButton.svelte";
 	import IconButton from "$lib/components/kit/ui/IconButton.svelte";
@@ -1,27 +1,27 @@
 <script lang="ts">
-	import CheckboxField from "$lib/components/kit/CheckboxField.svelte";
 	import CheckerCanvas from "$lib/components/kit/CheckerCanvas.svelte";
 	import CodeBlock from "$lib/components/kit/CodeBlock.svelte";
-	import ColorField from "$lib/components/kit/ColorField.svelte";
 	import EmptyState from "$lib/components/kit/EmptyState.svelte";
+	import CheckboxField from "$lib/components/kit/fields/CheckboxField.svelte";
+	import ColorField from "$lib/components/kit/fields/ColorField.svelte";
+	import SelectField from "$lib/components/kit/fields/SelectField.svelte";
+	import SliderField from "$lib/components/kit/fields/SliderField.svelte";
+	import TextField from "$lib/components/kit/fields/TextField.svelte";
 	import ImageCard from "$lib/components/kit/ImageCard.svelte";
 	import Panel from "$lib/components/kit/layout/Panel.svelte";
 	import MetaList from "$lib/components/kit/MetaList.svelte";
 	import PreviewTile from "$lib/components/kit/PreviewTile.svelte";
-	import SelectField from "$lib/components/kit/SelectField.svelte";
 	import SettingGroup from "$lib/components/kit/SettingGroup.svelte";
 	import SettingsFooter from "$lib/components/kit/SettingsFooter.svelte";
-	import SliderField from "$lib/components/kit/SliderField.svelte";
 	import StatusLine from "$lib/components/kit/StatusLine.svelte";
 	import StepCard from "$lib/components/kit/StepCard.svelte";
-	import TextField from "$lib/components/kit/TextField.svelte";
-	import Toggle from "$lib/components/kit/Toggle.svelte";
 	import ToolCard from "$lib/components/kit/ToolCard.svelte";
 	import Badge from "$lib/components/kit/ui/Badge.svelte";
 	import Button from "$lib/components/kit/ui/Button.svelte";
 	import DownloadButton from "$lib/components/kit/ui/DownloadButton.svelte";
 	import IconButton from "$lib/components/kit/ui/IconButton.svelte";
 	import Segmented from "$lib/components/kit/ui/Segmented.svelte";
+	import Toggle from "$lib/components/kit/ui/Toggle.svelte";
 	import { Download, ImageOff, Palette, Plus, Trash2 } from "@lucide/svelte";

 	let mode = $state("preview");