refactor!: move ui component to atom/molecule folder

apps/web/src/routes/+page.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
-  import * as Accordion from '@repo/ui/accordion'
-  import { Button } from '@repo/ui/button'
-  import { Chip } from '@repo/ui/chip'
-  import { CourseCard } from '@repo/ui/course-card'
-  import { DayChip } from '@repo/ui/day-chip'
-  import { GenedChip } from '@repo/ui/gened-chip'
-  import { Input } from '@repo/ui/input'
-  import { RecommendedTag } from '@repo/ui/recommended-tag'
+  import * as Accordion from '@repo/ui/atom/accordion'
+  import { Button } from '@repo/ui/atom/button'
+  import { Chip } from '@repo/ui/atom/chip'
+  import { DayChip } from '@repo/ui/atom/day-chip'
+  import { GenedChip } from '@repo/ui/atom/gened-chip'
+  import { Input } from '@repo/ui/atom/input'
+  import { RecommendedTag } from '@repo/ui/atom/recommended-tag'
+  import { CourseCard } from '@repo/ui/molecule/course-card'
 
   let counter = $state(0)
 

apps/web/src/routes/dbdemo/+page.svelte

@@ -1,7 +1,11 @@
 <script lang="ts">
   import type { PageData } from './$types'
 
-  export let data: PageData
+  interface Props {
+    data: PageData
+  }
+
+  let { data }: Props = $props()
 </script>
 
 <h1 class="text-h1">DB Demo</h1>

packages/ui/src/components/accordion/accordion-content.svelte → packages/ui/src/components/atom/accordion/accordion-content.svelte

@@ -3,7 +3,7 @@
   import type { Snippet } from 'svelte'
   import { slide } from 'svelte/transition'
 
-  import { cn } from '../../utils'
+  import { cn } from '../../../utils.js'
 
   type $$Props = AccordionPrimitive.ContentProps
 

packages/ui/src/components/accordion/accordion-item.svelte → packages/ui/src/components/atom/accordion/accordion-item.svelte

@@ -2,7 +2,7 @@
   import { Accordion as AccordionPrimitive } from 'bits-ui'
   import type { Snippet } from 'svelte'
 
-  import { cn } from '../../utils'
+  import { cn } from '../../../utils.js'
 
   type $$Props = AccordionPrimitive.ItemProps
 

packages/ui/src/components/accordion/accordion-trigger.svelte → packages/ui/src/components/atom/accordion/accordion-trigger.svelte

@@ -3,7 +3,7 @@
   import { ChevronDown } from 'lucide-svelte'
   import type { Snippet } from 'svelte'
 
-  import { cn } from '../../utils'
+  import { cn } from '../../../utils.js'
 
   type $$Props = AccordionPrimitive.TriggerProps
   type $$Events = AccordionPrimitive.TriggerEvents

packages/ui/src/components/button/button.svelte → packages/ui/src/components/atom/button/button.svelte

@@ -2,7 +2,7 @@
   import { Button as ButtonPrimitive } from 'bits-ui'
   import type { Snippet } from 'svelte'
 
-  import { cn } from '../../utils'
+  import { cn } from '../../../utils.js'
   import { buttonVariants, type Events, type Props } from './index.js'
 
   type $$Props = Props

packages/ui/src/components/checkbox/checkbox.svelte → packages/ui/src/components/atom/checkbox/checkbox.svelte

@@ -2,7 +2,7 @@
   import { Checkbox as CheckboxPrimitive, Label } from 'bits-ui'
   import { Check } from 'lucide-svelte'
 
-  import { cn } from '../../utils'
+  import { cn } from '../../../utils.js'
 
   type $$Props = CheckboxPrimitive.Props & {
     label?: string | undefined | null

packages/ui/src/components/chip/chip.svelte → packages/ui/src/components/atom/chip/chip.svelte

@@ -2,7 +2,7 @@
   import { X } from 'lucide-svelte'
   import type { Snippet } from 'svelte'
 
-  import { cn } from '../../utils.js'
+  import { cn } from '../../../utils.js'
   import { chipVariants } from './index.js'
 
   interface Props {

packages/ui/src/components/day-chip/day-chip.svelte → packages/ui/src/components/atom/day-chip/day-chip.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { cn } from '../../utils'
-  import { Chip } from '../chip'
+  import { cn } from '../../../utils.js'
+  import { Chip } from '../chip/index.js'
   import { chipVariants, type Day } from './index.js'
 
   interface Props {

packages/ui/src/components/gened-chip/gened-chip.svelte → packages/ui/src/components/atom/gened-chip/gened-chip.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { cn } from '../../utils'
-  import { Chip } from '../chip'
+  import { cn } from '../../../utils.js'
+  import { Chip } from '../chip/index.js'
   import { chipVariants, type Type } from './index.js'
 
   interface Props {

packages/ui/src/components/icon-button/icon-button.svelte → packages/ui/src/components/atom/icon-button/icon-button.svelte

@@ -2,7 +2,7 @@
   import { Button as ButtonPrimitive } from 'bits-ui'
   import type { Snippet } from 'svelte'
 
-  import { cn } from '../../utils'
+  import { cn } from '../../../utils.js'
   import { buttonVariants, type Events, type Props } from './index.js'
   type $$Props = Props
   type $$Events = Events

packages/ui/src/components/input/input.svelte → packages/ui/src/components/atom/input/input.svelte

@@ -4,8 +4,8 @@
   const bubble = createBubbler()
   import type { HTMLInputAttributes } from 'svelte/elements'
 
-  import { cn } from '../../utils'
-  import type { InputEvents } from '.'
+  import { cn } from '../../../utils.js'
+  import type { InputEvents } from './index.js'
 
   type $$Props = HTMLInputAttributes
   type $$Events = InputEvents

packages/ui/src/components/radio-group/radio-group-item.svelte → packages/ui/src/components/atom/radio-group/radio-group-item.svelte

@@ -2,7 +2,7 @@
   import { Label, RadioGroup as RadioGroupPrimitive } from 'bits-ui'
   import { Circle } from 'lucide-svelte'
 
-  import { cn } from '../../utils'
+  import { cn } from '../../../utils.js'
 
   type $$Props = RadioGroupPrimitive.ItemProps & {
     id: string

packages/ui/src/components/radio-group/radio-group.svelte → packages/ui/src/components/atom/radio-group/radio-group.svelte

@@ -2,7 +2,7 @@
   import { RadioGroup as RadioGroupPrimitive } from 'bits-ui'
   import type { Snippet } from 'svelte'
 
-  import { cn } from '../../utils'
+  import { cn } from '../../../utils.js'
 
   type $$Props = RadioGroupPrimitive.Props
 

packages/ui/src/components/recommended-tag/recommended-tag.svelte → packages/ui/src/components/atom/recommended-tag/recommended-tag.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { Sparkles } from 'lucide-svelte'
 
-  import { cn } from '../../utils'
+  import { cn } from '../../../utils.js'
 
   interface Props {
     class?: string | undefined | null

packages/ui/src/components/switch/switch.svelte → packages/ui/src/components/atom/switch/switch.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { Label, Switch as SwitchPrimitive } from 'bits-ui'
 
-  import { cn } from '../../utils'
+  import { cn } from '../../../utils.js'
 
   type $$Props = SwitchPrimitive.Props & {
     label?: string | undefined | null

packages/ui/src/components/table/table-body.svelte → packages/ui/src/components/atom/table/table-body.svelte

@@ -2,7 +2,7 @@
   import type { Snippet } from 'svelte'
   import type { HTMLAttributes } from 'svelte/elements'
 
-  import { cn } from '../../utils'
+  import { cn } from '../../../utils.js'
 
   type $$Props = HTMLAttributes<HTMLTableSectionElement>
 

packages/ui/src/components/table/table-caption.svelte → packages/ui/src/components/atom/table/table-caption.svelte

@@ -2,7 +2,7 @@
   import type { Snippet } from 'svelte'
   import type { HTMLAttributes } from 'svelte/elements'
 
-  import { cn } from '../../utils'
+  import { cn } from '../../../utils.js'
 
   type $$Props = HTMLAttributes<HTMLTableCaptionElement>
 

packages/ui/src/components/table/table-cell.svelte → packages/ui/src/components/atom/table/table-cell.svelte

@@ -5,7 +5,7 @@
   const bubble = createBubbler()
   import type { HTMLTdAttributes } from 'svelte/elements'
 
-  import { cn } from '../../utils'
+  import { cn } from '../../../utils.js'
 
   type $$Props = HTMLTdAttributes
 

packages/ui/src/components/table/table-footer.svelte → packages/ui/src/components/atom/table/table-footer.svelte

@@ -2,7 +2,7 @@
   import type { Snippet } from 'svelte'
   import type { HTMLAttributes } from 'svelte/elements'
 
-  import { cn } from '../../utils'
+  import { cn } from '../../../utils.js'
 
   type $$Props = HTMLAttributes<HTMLTableSectionElement>
 

packages/ui/src/components/table/table-head.svelte → packages/ui/src/components/atom/table/table-head.svelte

@@ -2,7 +2,7 @@
   import type { Snippet } from 'svelte'
   import type { HTMLThAttributes } from 'svelte/elements'
 
-  import { cn } from '../../utils'
+  import { cn } from '../../../utils.js'
 
   type $$Props = HTMLThAttributes
 

packages/ui/src/components/table/table-header.svelte → packages/ui/src/components/atom/table/table-header.svelte

@@ -5,7 +5,7 @@
   const bubble = createBubbler()
   import type { HTMLAttributes } from 'svelte/elements'
 
-  import { cn } from '../../utils'
+  import { cn } from '../../../utils.js'
 
   type $$Props = HTMLAttributes<HTMLTableSectionElement>
 

packages/ui/src/components/table/table-row.svelte → packages/ui/src/components/atom/table/table-row.svelte

@@ -5,7 +5,7 @@
   const bubble = createBubbler()
   import type { HTMLAttributes } from 'svelte/elements'
 
-  import { cn } from '../../utils'
+  import { cn } from '../../../utils.js'
 
   type $$Props = HTMLAttributes<HTMLTableRowElement> & {
     'data-state'?: unknown

packages/ui/src/components/table/table.svelte → packages/ui/src/components/atom/table/table.svelte

@@ -2,7 +2,7 @@
   import type { Snippet } from 'svelte'
   import type { HTMLTableAttributes } from 'svelte/elements'
 
-  import { cn } from '../../utils'
+  import { cn } from '../../../utils.js'
 
   type $$Props = HTMLTableAttributes
 

packages/ui/src/components/course-card/course-card.svelte → packages/ui/src/components/molecule/course-card/course-card.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
   import { Check, Dot, Plus } from 'lucide-svelte'
 
-  import { cn } from '../../utils'
-  import { Button } from '../button'
-  import { DayChip } from '../day-chip'
-  import { GenedChip } from '../gened-chip'
-  import { RecommendedTag } from '../recommended-tag'
+  import { cn } from '../../../utils.js'
+  import { Button } from '../../atom/button/index.js'
+  import { DayChip } from '../../atom/day-chip/index.js'
+  import { GenedChip } from '../../atom/gened-chip/index.js'
+  import { RecommendedTag } from '../../atom/recommended-tag/index.js'
 
   interface Props {
     class?: string | undefined | null