change paths + added export field for testing

packages/tui-components-svelte/package.json

@@ -1,10 +1,10 @@
 {
     "name": "@timephy/tui-components-svelte",
-    "version": "0.0.3",
+    "version": "0.0.4",
     "description": "",
     "homepage": "https://github.com/timephy/tui/tree/main/tui-components-svelte#readme",
     "scripts": {
-        "clean": "rm -rf dist/ .svelte-kit/ build/",
+        "clean": "rm -rf .svelte-kit/ build/ dist/",
         "build": "vite build && svelte-package",
         "lint": "pnpm run check && prettier --check . && publint",
         "dev": "vite dev",
@@ -38,6 +38,15 @@
     "files": [
         "dist/"
     ],
+    "exports": {
+        ".": "./dist/index.js",
+        "./localStorage": "./dist/localStorage/index.svelte.js",
+        "./call": "./dist/call/index.js",
+        "./Select": "./dist/ui/Select.svelte",
+        "./Slider": "./dist/ui/Slider.svelte",
+        "./Switch": "./dist/ui/Switch.svelte",
+        "./SwitchLabel": "./dist/ui/SwitchLabel.svelte"
+    },
     "author": "",
     "license": "MIT",
     "devDependencies": {

packages/tui-components-svelte/src/lib/call/components/CallControls.svelte

@@ -3,7 +3,7 @@
     import gear_wide_connected from "@timephy/tui-icons-svelte/gear_wide_connected"
     import telephone_fill from "@timephy/tui-icons-svelte/telephone_fill"
     import type { Call } from "../Call.svelte"
-    import MediaControls from "$lib/media/components/MediaControls.svelte"
+    import MediaControls from "$lib/media/ui/MediaControls.svelte"
 
     let {
         layout,

packages/tui-components-svelte/src/lib/call/components/debug/DebugMedia.svelte

@@ -2,7 +2,7 @@
     import { onMount } from "svelte"
     import type { Media } from "../../../media"
     import Video from "../Video.svelte"
-    import MediaControls from "../../../media/components/MediaControls.svelte"
+    import MediaControls from "../../../media/ui/MediaControls.svelte"
 
     /* ========================================================================================== */
 

packages/tui-components-svelte/src/lib/call/components/debug/DebugPeer.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
     import { onMount } from "svelte"
-    import VolumeMeter from "../../../media/components/settings/volume/VolumeMeter.svelte"
+    import VolumeMeter from "../../../media/ui/settings/volume/VolumeMeter.svelte"
     import type { Peer } from "../../peer/Peer.svelte"
-    import MediaState from "../../../media/components/MediaState.svelte"
-    import VolumeSlider from "../../../media/components/settings/volume/VolumeSlider.svelte"
+    import MediaState from "../../../media/ui/MediaState.svelte"
+    import VolumeSlider from "../../../media/ui/settings/volume/VolumeSlider.svelte"
     import Video from "../Video.svelte"
     import Stats from "../Stats.svelte"
 

packages/tui-components-svelte/src/lib/call/peer/Peer.svelte.ts

@@ -43,9 +43,7 @@ export class Peer extends PeerConnection implements Display {
             debug: false,
             noiseSuppression: false,
             volumeGate: null,
-            gain: this.options.storageId
-                ? (LS_PEER_GAINS.value.get(this.options.storageId) ?? 1)
-                : 1,
+            gain: this.options.storageId ? LS_PEER_GAINS.value.get(this.options.storageId) ?? 1 : 1,
             playback: true,
         })
 

packages/tui-components-svelte/src/lib/localStorage/index.svelte.ts

@@ -6,7 +6,7 @@
 /*                                              Field                                             */
 /* ============================================================================================== */
 
-type Key = string
+export type Key = string
 
 export type Options<V> = {
     /** Serialize a value to a string representation. */

packages/tui-components-svelte/src/lib/media/components/settings/MediaSettingsSelect.svelte → packages/tui-components-svelte/src/lib/media/ui/settings/MediaSettingsSelect.svelte

@@ -4,7 +4,7 @@
 -->
 
 <script lang="ts">
-    import Select from "$lib/components/Select.svelte"
+    import Select from "$lib/ui/Select.svelte"
     import display from "@timephy/tui-icons-svelte/display"
     import { type Media } from "../../Media.svelte"
     import { RESOLUTIONS } from "../../shared"

packages/tui-components-svelte/src/lib/media/components/settings/MediaSettingsVolume.svelte → packages/tui-components-svelte/src/lib/media/ui/settings/MediaSettingsVolume.svelte

@@ -4,11 +4,11 @@
 -->
 
 <script lang="ts">
-    import Slider from "$lib/components/Slider.svelte"
-    import SwitchLabel from "$lib/components/SwitchLabel.svelte"
+    import Slider from "$lib/ui/Slider.svelte"
+    import SwitchLabel from "$lib/ui/SwitchLabel.svelte"
     import { DEFAULT_MIC_VOLUME_GATE, Media } from "$lib/media"
-    import VolumeMeter, * as Volume from "$lib/media/components/settings/volume/VolumeMeter.svelte"
-    import VolumeSlider from "$lib/media/components/settings/volume/VolumeSlider.svelte"
+    import VolumeMeter, * as Volume from "$lib/media/ui/settings/volume/VolumeMeter.svelte"
+    import VolumeSlider from "$lib/media/ui/settings/volume/VolumeSlider.svelte"
     import filter_left from "@timephy/tui-icons-svelte/filter_left"
     import soundwave from "@timephy/tui-icons-svelte/soundwave"
     import volume_mute_fill from "@timephy/tui-icons-svelte/volume_mute_fill"

packages/tui-components-svelte/src/lib/media/components/settings/select/SelectCam.svelte → packages/tui-components-svelte/src/lib/media/ui/settings/select/SelectCam.svelte

@@ -4,7 +4,7 @@
 -->
 
 <script lang="ts">
-    import Select from "$lib/components/Select.svelte"
+    import Select from "$lib/ui/Select.svelte"
     import type { Media } from "$lib/media"
     import { getCam } from "$lib/media/getMedia"
     import camera_video_fill from "@timephy/tui-icons-svelte/camera_video_fill"

packages/tui-components-svelte/src/lib/media/components/settings/select/SelectMic.svelte → packages/tui-components-svelte/src/lib/media/ui/settings/select/SelectMic.svelte

@@ -4,7 +4,7 @@
 -->
 
 <script lang="ts">
-    import Select from "$lib/components/Select.svelte"
+    import Select from "$lib/ui/Select.svelte"
     import type { Media } from "$lib/media"
     import { getMic } from "$lib/media/getMedia"
     import mic_fill from "@timephy/tui-icons-svelte/mic_fill"

packages/tui-components-svelte/src/lib/media/components/settings/volume/VolumeSlider.svelte → packages/tui-components-svelte/src/lib/media/ui/settings/volume/VolumeSlider.svelte

@@ -4,7 +4,7 @@
 -->
 
 <script lang="ts">
-    import Slider from "$lib/components/Slider.svelte"
+    import Slider from "$lib/ui/Slider.svelte"
     import arrow_counterclockwise from "@timephy/tui-icons-svelte/arrow_counterclockwise"
     import { Icon } from "@timephy/tui-icons-svelte"
 

packages/tui-components-svelte/src/routes/call/[roomId]/+page.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
     import { page } from "$app/stores"
     import CallControls from "$lib/call/components/CallControls.svelte"
-    import MediaState from "$lib/media/components/MediaState.svelte"
-    import MediaSelect from "$lib/media/components/settings/MediaSettingsSelect.svelte"
-    import MediaVolume from "$lib/media/components/settings/MediaSettingsVolume.svelte"
+    import MediaState from "$lib/media/ui/MediaState.svelte"
+    import MediaSelect from "$lib/media/ui/settings/MediaSettingsSelect.svelte"
+    import MediaVolume from "$lib/media/ui/settings/MediaSettingsVolume.svelte"
     import Video from "$lib/call/components/Video.svelte"
     import DebugPeer from "$lib/call/components/debug/DebugPeer.svelte"
     import { MeshCallClientDemo } from "$lib/examples/call/MeshCallClientDemo.svelte"

packages/tui-components-svelte/src/routes/components/svelte/+page.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-    import Select from "$lib/components/Select.svelte"
-    import Slider from "$lib/components/Slider.svelte"
-    import Switch from "$lib/components/Switch.svelte"
-    import SwitchLabel from "$lib/components/SwitchLabel.svelte"
+    import Select from "$lib/ui/Select.svelte"
+    import Slider from "$lib/ui/Slider.svelte"
+    import Switch from "$lib/ui/Switch.svelte"
+    import SwitchLabel from "$lib/ui/SwitchLabel.svelte"
 </script>
 
 {#snippet title(name: string)}

packages/tui-components-svelte/src/routes/components/tailwind/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import Slider from "$lib/components/Slider.svelte"
+    import Slider from "$lib/ui/Slider.svelte"
     import gear_wide_connected from "@timephy/tui-icons-svelte/gear_wide_connected"
     import { Icon } from "@timephy/tui-icons-svelte"