tera-system-ui 0.1.18 → 0.1.30

package/dist/components/header/Header.svelte

@@ -1,36 +1,36 @@
-<script lang="ts">
-    import {type HeaderProps} from "./Header";
-    import {BrandLogo} from "../../components/brand-logo";
-    import './header.scss'
-    import {Button} from "../button";
-    import {IconHamburger} from "../icons";
-
-    let {children, onHamburgerClick, ...props}: HeaderProps & {} = $props();
-
-</script>
-
-<!--add component here-->
-<nav id="header-container"
-     class="flex z-40 w-full h-auto items-center justify-center sticky top-0 inset-x-0 backdrop-blur-lg data-[menu-open=true]:backdrop-blur-xl backdrop-saturate-150">
-    <header class="flex flex-wrap h-header-height w-full text-sm">
-        <nav class="w-full mx-auto px-4 pl-1 pr-2 md:pl-4 md:pe-4 flex items-center justify-between">
-            <div class="flex gap-1 items-center">
-                <Button class="md:hidden ring-0 focus:ring-0"
-                        icon
-                        variant="ghost"
-                        aria-label="Toggle side navigation"
-                        onclick={onHamburgerClick}>
-                    <IconHamburger/>
-                </Button>
-                <a href="/" class="header-brand-logo" data-no-translate>
-                    <BrandLogo class="hidden md:block !h-icon-md"/>
-                    <BrandLogo class="md:hidden" shape="square"/>
-                </a>
-            </div>
-
-            <div class="flex gap-2 sm:gap-4 items-center">
-                {@render children?.()}
-            </div>
-        </nav>
-    </header>
-</nav>
+<script lang="ts">
+    import {type HeaderProps} from "./Header";
+    import {BrandLogo} from "../../components/brand-logo";
+    import './header.scss'
+    import {Button} from "../button";
+    import {IconHamburger} from "../icons";
+
+    let {children, onHamburgerClick, ...props}: HeaderProps & {} = $props();
+
+</script>
+
+<!--add component here-->
+<nav id="header-container"
+     class="flex z-40 w-full h-auto items-center justify-center sticky top-0 inset-x-0 backdrop-blur-lg data-[menu-open=true]:backdrop-blur-xl backdrop-saturate-150">
+    <header class="flex flex-wrap h-header-height w-full text-sm">
+        <nav class="w-full mx-auto px-4 pl-1 pr-2 md:pl-4 md:pe-4 flex items-center justify-between">
+            <div class="flex gap-1 items-center">
+                <Button class="md:hidden ring-0 focus:ring-0"
+                        icon
+                        variant="ghost"
+                        aria-label="Toggle side navigation"
+                        onclick={onHamburgerClick}>
+                    <IconHamburger/>
+                </Button>
+                <a href="/" class="header-brand-logo" data-no-translate>
+                    <BrandLogo class="hidden md:block !h-icon-md"/>
+                    <BrandLogo class="md:hidden" shape="square"/>
+                </a>
+            </div>
+
+            <div class="flex gap-2 sm:gap-4 items-center">
+                {@render children?.()}
+            </div>
+        </nav>
+    </header>
+</nav>

package/dist/components/header/header.scss

@@ -1,20 +1,20 @@
-#header-container {
-  container-type: inline-size;
-
-  [data-name="brand-logo"] {
-    height: var(--spacing-icon-lg);
-  }
-}
-
-
-@container (min-width: theme(--breakpoint-md)) {
-  #header-container {
-    header {
-
-    }
-
-    [data-name="brand-logo"] {
-      height: var(--spacing-icon-xl);
-    }
-  }
+#header-container {
+  container-type: inline-size;
+
+  [data-name="brand-logo"] {
+    height: var(--spacing-icon-lg);
+  }
+}
+
+
+@container (min-width: theme(--breakpoint-md)) {
+  #header-container {
+    header {
+
+    }
+
+    [data-name="brand-logo"] {
+      height: var(--spacing-icon-xl);
+    }
+  }
 }

package/dist/components/header/package.json

@@ -1,14 +1,14 @@
-{
-  "name": "header",
-  "version": "1.0.0",
-  "description": "",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://gitlab.com/tera-research/tera-clients/tera-clients-libs/tera-system-ui.git"
-  },
-  "private": true
-}
+{
+  "name": "header",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.com/tera-research/tera-clients/tera-clients-libs/tera-system-ui.git"
+  },
+  "private": true
+}

package/dist/components/icons/IconArrowBigRightFilled.svelte

@@ -1,11 +1,11 @@
-<script lang="ts">
-    import {type IconsProps, styles} from "./Icons";
-    import IconArrowBigRightFilled from "@tabler/icons-svelte/icons/arrow-big-down-filled";
-
-
-    let {children, ...props}: IconsProps = $props();
-
-</script>
-
-<IconArrowBigRightFilled class={styles({...props})}/>
-
+<script lang="ts">
+    import {type IconsProps, styles} from "./Icons";
+    import IconArrowBigRightFilled from "@tabler/icons-svelte/icons/arrow-big-down-filled";
+
+
+    let {children, ...props}: IconsProps = $props();
+
+</script>
+
+<IconArrowBigRightFilled class={styles({...props})}/>
+

package/dist/components/icons/IconBook.svelte

@@ -1,10 +1,10 @@
-<script lang="ts">
-    import {type IconsProps, styles} from "./Icons";
-    import IconBook from "@tabler/icons-svelte/icons/book";
-
-    let {children, ...props}: IconsProps = $props();
-
-</script>
-
-<IconBook class={styles({...props})}/>
-
+<script lang="ts">
+    import {type IconsProps, styles} from "./Icons";
+    import IconBook from "@tabler/icons-svelte/icons/book";
+
+    let {children, ...props}: IconsProps = $props();
+
+</script>
+
+<IconBook class={styles({...props})}/>
+

package/dist/components/icons/IconBookmarkPlus.svelte

@@ -1,10 +1,10 @@
-<script lang="ts">
-    import {type IconsProps, styles} from "./Icons";
-    import IconBookmarkPlus from "@tabler/icons-svelte/icons/bookmark-plus";
-
-    let {children, ...props}: IconsProps = $props();
-
-</script>
-
-<IconBookmarkPlus class={styles({...props})}/>
-
+<script lang="ts">
+    import {type IconsProps, styles} from "./Icons";
+    import IconBookmarkPlus from "@tabler/icons-svelte/icons/bookmark-plus";
+
+    let {children, ...props}: IconsProps = $props();
+
+</script>
+
+<IconBookmarkPlus class={styles({...props})}/>
+

package/dist/components/icons/IconCalculator.svelte

@@ -1,10 +1,10 @@
-<script lang="ts">
-    import {type IconsProps, styles} from "./Icons";
-    import IconCalculator from "@tabler/icons-svelte/icons/calculator";
-
-    let {children, ...props}: IconsProps = $props();
-
-</script>
-
-<IconCalculator class={styles({...props})}/>
-
+<script lang="ts">
+    import {type IconsProps, styles} from "./Icons";
+    import IconCalculator from "@tabler/icons-svelte/icons/calculator";
+
+    let {children, ...props}: IconsProps = $props();
+
+</script>
+
+<IconCalculator class={styles({...props})}/>
+

package/dist/components/icons/IconCheck.svelte

@@ -1,10 +1,10 @@
-<script lang="ts">
-    import {type IconsProps, styles} from "./Icons";
-    import IconCheck from "@tabler/icons-svelte/icons/check";
-
-    let {children, ...props}: IconsProps = $props();
-
-</script>
-
-<IconCheck class={styles({...props})}/>
-
+<script lang="ts">
+    import {type IconsProps, styles} from "./Icons";
+    import IconCheck from "@tabler/icons-svelte/icons/check";
+
+    let {children, ...props}: IconsProps = $props();
+
+</script>
+
+<IconCheck class={styles({...props})}/>
+

package/dist/components/icons/IconChevronDown.svelte

@@ -1,10 +1,10 @@
-<script lang="ts">
-    import {type IconsProps, styles} from "./Icons";
-    import IconChevronDown from "@tabler/icons-svelte/icons/chevron-down";
-
-    let {children, ...props}: IconsProps = $props();
-
-</script>
-
-<IconChevronDown class={styles({...props})}/>
-
+<script lang="ts">
+    import {type IconsProps, styles} from "./Icons";
+    import IconChevronDown from "@tabler/icons-svelte/icons/chevron-down";
+
+    let {children, ...props}: IconsProps = $props();
+
+</script>
+
+<IconChevronDown class={styles({...props})}/>
+

package/dist/components/icons/IconCoin.svelte

@@ -1,10 +1,10 @@
-<script lang="ts">
-    import {type IconsProps, styles} from "./Icons";
-    import IconCoin from "@tabler/icons-svelte/icons/coin";
-
-    let {children, ...props}: IconsProps = $props();
-
-</script>
-
-<IconCoin class={styles({...props})}/>
-
+<script lang="ts">
+    import {type IconsProps, styles} from "./Icons";
+    import IconCoin from "@tabler/icons-svelte/icons/coin";
+
+    let {children, ...props}: IconsProps = $props();
+
+</script>
+
+<IconCoin class={styles({...props})}/>
+

package/dist/components/icons/IconCoinConvert.svelte

@@ -1,20 +1,20 @@
-<script lang="ts">
-    import {type IconsProps, styles} from "./Icons";
-
-    let {children, ...props}: IconsProps = $props();
-
-</script>
-
-<svg width="24" height="24" viewBox="0 0 24 24" class={styles({...props})} fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g clip-path="url(#clip0_1_25)">
-        <path d="M2 15.9437C2 16.8238 2.17336 17.6953 2.51018 18.5085C2.847 19.3217 3.34068 20.0605 3.96304 20.6829C4.5854 21.3052 5.32425 21.7989 6.1374 22.1357C6.95055 22.4725 7.82208 22.6459 8.70223 22.6459C9.58238 22.6459 10.4539 22.4725 11.2671 22.1357C12.0802 21.7989 12.8191 21.3052 13.4414 20.6829C14.0638 20.0605 14.5575 19.3217 14.8943 18.5085C15.2311 17.6953 15.4045 16.8238 15.4045 15.9437C15.4045 15.0635 15.2311 14.192 14.8943 13.3788C14.5575 12.5657 14.0638 11.8268 13.4414 11.2045C12.8191 10.5821 12.0802 10.0884 11.2671 9.75161C10.4539 9.41479 9.58238 9.24143 8.70223 9.24143C7.82208 9.24143 6.95055 9.41479 6.1374 9.75161C5.32425 10.0884 4.5854 10.5821 3.96304 11.2045C3.34068 11.8268 2.847 12.5657 2.51018 13.3788C2.17336 14.192 2 15.0635 2 15.9437Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
-        <path d="M10.7874 13.7096C10.6525 13.4756 10.4565 13.2827 10.2204 13.1515C9.98423 13.0203 9.71689 12.9558 9.44693 12.9649H7.95754C7.56253 12.9649 7.1837 13.1218 6.90439 13.4011C6.62508 13.6804 6.46816 14.0593 6.46816 14.4543C6.46816 14.8493 6.62508 15.2281 6.90439 15.5074C7.1837 15.7867 7.56253 15.9437 7.95754 15.9437H9.44693C9.84194 15.9437 10.2208 16.1006 10.5001 16.3799C10.7794 16.6592 10.9363 17.038 10.9363 17.4331C10.9363 17.8281 10.7794 18.2069 10.5001 18.4862C10.2208 18.7655 9.84194 18.9224 9.44693 18.9224H7.95754C7.68759 18.9315 7.42024 18.867 7.18412 18.7359C6.948 18.6047 6.752 18.4118 6.6171 18.1777" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
-        <path d="M8.70224 12.2202V19.6671" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
-        <path d="M16 23L18.625 23C19.0891 23 19.5342 22.8156 19.8624 22.4874C20.1906 22.1592 20.375 21.7141 20.375 21.25L20.375 16M20.375 16L17.75 18.625M20.375 16L23 18.625" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
-        <path d="M7 1.25L4.75 1.25C4.35218 1.25 3.97064 1.43437 3.68934 1.76256C3.40804 2.09075 3.25 2.53587 3.25 3L3.25 8.25M3.25 8.25L5.5 5.625M3.25 8.25L1 5.625" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
-        <path d="M8.89679 8.48405C8.84468 7.60544 8.96614 6.72518 9.25422 5.89351C9.54231 5.06185 9.99139 4.29507 10.5758 3.63695C11.1602 2.97884 11.8686 2.44228 12.6603 2.05791C13.4521 1.67354 14.3119 1.44889 15.1905 1.39679C16.0691 1.34468 16.9494 1.46614 17.781 1.75423C18.6127 2.04231 19.3795 2.49139 20.0376 3.07581C20.6957 3.66024 21.2323 4.36856 21.6166 5.16035C22.001 5.95213 22.2256 6.81187 22.2777 7.69048C22.3299 8.56909 22.2084 9.44935 21.9203 10.281C21.6322 11.1127 21.1831 11.8795 20.5987 12.5376C20.0143 13.1957 19.306 13.7323 18.5142 14.1166C17.7224 14.501 16.8627 14.7256 15.984 14.7777" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
-        <path d="M17.7033 5.6355C17.2782 5.23641 16.7501 5 16.1775 5C14.773 5 13.6355 6.42288 13.6355 8.17749C13.6355 9.93211 14.773 11.355 16.1775 11.355C16.7494 11.355 17.2775 11.1186 17.7027 10.7195" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
-        <path d="M13 7.22424H15.542" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
-        <path d="M13 9.13074H15.542" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
-    </g>
+<script lang="ts">
+    import {type IconsProps, styles} from "./Icons";
+
+    let {children, ...props}: IconsProps = $props();
+
+</script>
+
+<svg width="24" height="24" viewBox="0 0 24 24" class={styles({...props})} fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_1_25)">
+        <path d="M2 15.9437C2 16.8238 2.17336 17.6953 2.51018 18.5085C2.847 19.3217 3.34068 20.0605 3.96304 20.6829C4.5854 21.3052 5.32425 21.7989 6.1374 22.1357C6.95055 22.4725 7.82208 22.6459 8.70223 22.6459C9.58238 22.6459 10.4539 22.4725 11.2671 22.1357C12.0802 21.7989 12.8191 21.3052 13.4414 20.6829C14.0638 20.0605 14.5575 19.3217 14.8943 18.5085C15.2311 17.6953 15.4045 16.8238 15.4045 15.9437C15.4045 15.0635 15.2311 14.192 14.8943 13.3788C14.5575 12.5657 14.0638 11.8268 13.4414 11.2045C12.8191 10.5821 12.0802 10.0884 11.2671 9.75161C10.4539 9.41479 9.58238 9.24143 8.70223 9.24143C7.82208 9.24143 6.95055 9.41479 6.1374 9.75161C5.32425 10.0884 4.5854 10.5821 3.96304 11.2045C3.34068 11.8268 2.847 12.5657 2.51018 13.3788C2.17336 14.192 2 15.0635 2 15.9437Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+        <path d="M10.7874 13.7096C10.6525 13.4756 10.4565 13.2827 10.2204 13.1515C9.98423 13.0203 9.71689 12.9558 9.44693 12.9649H7.95754C7.56253 12.9649 7.1837 13.1218 6.90439 13.4011C6.62508 13.6804 6.46816 14.0593 6.46816 14.4543C6.46816 14.8493 6.62508 15.2281 6.90439 15.5074C7.1837 15.7867 7.56253 15.9437 7.95754 15.9437H9.44693C9.84194 15.9437 10.2208 16.1006 10.5001 16.3799C10.7794 16.6592 10.9363 17.038 10.9363 17.4331C10.9363 17.8281 10.7794 18.2069 10.5001 18.4862C10.2208 18.7655 9.84194 18.9224 9.44693 18.9224H7.95754C7.68759 18.9315 7.42024 18.867 7.18412 18.7359C6.948 18.6047 6.752 18.4118 6.6171 18.1777" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+        <path d="M8.70224 12.2202V19.6671" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+        <path d="M16 23L18.625 23C19.0891 23 19.5342 22.8156 19.8624 22.4874C20.1906 22.1592 20.375 21.7141 20.375 21.25L20.375 16M20.375 16L17.75 18.625M20.375 16L23 18.625" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+        <path d="M7 1.25L4.75 1.25C4.35218 1.25 3.97064 1.43437 3.68934 1.76256C3.40804 2.09075 3.25 2.53587 3.25 3L3.25 8.25M3.25 8.25L5.5 5.625M3.25 8.25L1 5.625" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+        <path d="M8.89679 8.48405C8.84468 7.60544 8.96614 6.72518 9.25422 5.89351C9.54231 5.06185 9.99139 4.29507 10.5758 3.63695C11.1602 2.97884 11.8686 2.44228 12.6603 2.05791C13.4521 1.67354 14.3119 1.44889 15.1905 1.39679C16.0691 1.34468 16.9494 1.46614 17.781 1.75423C18.6127 2.04231 19.3795 2.49139 20.0376 3.07581C20.6957 3.66024 21.2323 4.36856 21.6166 5.16035C22.001 5.95213 22.2256 6.81187 22.2777 7.69048C22.3299 8.56909 22.2084 9.44935 21.9203 10.281C21.6322 11.1127 21.1831 11.8795 20.5987 12.5376C20.0143 13.1957 19.306 13.7323 18.5142 14.1166C17.7224 14.501 16.8627 14.7256 15.984 14.7777" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+        <path d="M17.7033 5.6355C17.2782 5.23641 16.7501 5 16.1775 5C14.773 5 13.6355 6.42288 13.6355 8.17749C13.6355 9.93211 14.773 11.355 16.1775 11.355C16.7494 11.355 17.2775 11.1186 17.7027 10.7195" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+        <path d="M13 7.22424H15.542" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+        <path d="M13 9.13074H15.542" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+    </g>
 </svg>

package/dist/components/icons/IconCopy.svelte

@@ -1,10 +1,10 @@
-<script lang="ts">
-    import {type IconsProps, styles} from "./Icons";
-    import IconCopy from "@tabler/icons-svelte/icons/copy";
-
-    let {children, ...props}: IconsProps = $props();
-
-</script>
-
-<IconCopy class={styles({...props})}/>
-
+<script lang="ts">
+    import {type IconsProps, styles} from "./Icons";
+    import IconCopy from "@tabler/icons-svelte/icons/copy";
+
+    let {children, ...props}: IconsProps = $props();
+
+</script>
+
+<IconCopy class={styles({...props})}/>
+

package/dist/components/icons/IconCopyCheckFilled.svelte

@@ -1,10 +1,10 @@
-<script lang="ts">
-    import {type IconsProps, styles} from "./Icons";
-    import IconCopyCheckFilled from "@tabler/icons-svelte/icons/copy-check-filled";
-
-    let {children, ...props}: IconsProps = $props();
-
-</script>
-
-<IconCopyCheckFilled class={styles({...props})}/>
-
+<script lang="ts">
+    import {type IconsProps, styles} from "./Icons";
+    import IconCopyCheckFilled from "@tabler/icons-svelte/icons/copy-check-filled";
+
+    let {children, ...props}: IconsProps = $props();
+
+</script>
+
+<IconCopyCheckFilled class={styles({...props})}/>
+

package/dist/components/icons/IconHamburger.svelte

@@ -1,10 +1,10 @@
-<script lang="ts">
-    import {type IconsProps, styles} from "./Icons";
-    import IconMenu2 from "@tabler/icons-svelte/icons/menu-2";
-
-    let {children, ...props}: IconsProps = $props();
-
-</script>
-
-<IconMenu2 class={styles({...props})}/>
-
+<script lang="ts">
+    import {type IconsProps, styles} from "./Icons";
+    import IconMenu2 from "@tabler/icons-svelte/icons/menu-2";
+
+    let {children, ...props}: IconsProps = $props();
+
+</script>
+
+<IconMenu2 class={styles({...props})}/>
+

package/dist/components/icons/IconLanguage.svelte

@@ -1,10 +1,10 @@
-<script lang="ts">
-    import {type IconsProps, styles} from "./Icons";
-    import IconLanguage from "@tabler/icons-svelte/icons/language";
-
-    let {children, ...props}: IconsProps = $props();
-
-</script>
-
-<IconLanguage class={styles({...props})}/>
-
+<script lang="ts">
+    import {type IconsProps, styles} from "./Icons";
+    import IconLanguage from "@tabler/icons-svelte/icons/language";
+
+    let {children, ...props}: IconsProps = $props();
+
+</script>
+
+<IconLanguage class={styles({...props})}/>
+

package/dist/components/icons/IconLoader2.svelte

@@ -1,10 +1,10 @@
-<script lang="ts">
-    import {type IconsProps, styles} from "./Icons";
-    import IconLoader2 from "@tabler/icons-svelte/icons/loader-2";
-
-    let {children, ...props}: IconsProps = $props();
-
-</script>
-
-<IconLoader2 class={styles({...props})}/>
-
+<script lang="ts">
+    import {type IconsProps, styles} from "./Icons";
+    import IconLoader2 from "@tabler/icons-svelte/icons/loader-2";
+
+    let {children, ...props}: IconsProps = $props();
+
+</script>
+
+<IconLoader2 class={styles({...props})}/>
+

package/dist/components/icons/IconLogout.svelte

@@ -1,10 +1,10 @@
-<script lang="ts">
-    import {type IconsProps, styles} from "./Icons";
-    import IconLogout from "@tabler/icons-svelte/icons/logout";
-
-    let {children, ...props}: IconsProps = $props();
-
-</script>
-
-<IconLogout class={styles({...props})}/>
-
+<script lang="ts">
+    import {type IconsProps, styles} from "./Icons";
+    import IconLogout from "@tabler/icons-svelte/icons/logout";
+
+    let {children, ...props}: IconsProps = $props();
+
+</script>
+
+<IconLogout class={styles({...props})}/>
+

package/dist/components/icons/IconMoon.svelte

@@ -1,10 +1,10 @@
-<script lang="ts">
-    import {type IconsProps, styles} from "./Icons";
-    import IconMoonStars from "@tabler/icons-svelte/icons/moon-stars";
-
-    let {children, ...props}: IconsProps = $props();
-
-</script>
-
-<IconMoonStars class={styles({...props})}/>
-
+<script lang="ts">
+    import {type IconsProps, styles} from "./Icons";
+    import IconMoonStars from "@tabler/icons-svelte/icons/moon-stars";
+
+    let {children, ...props}: IconsProps = $props();
+
+</script>
+
+<IconMoonStars class={styles({...props})}/>
+

package/dist/components/icons/IconPointFilled.svelte

@@ -1,10 +1,10 @@
-<script lang="ts">
-    import {type IconsProps, styles} from "./Icons";
-    import IconPointFilled from "@tabler/icons-svelte/icons/point-filled";
-
-    let {children, ...props}: IconsProps = $props();
-
-</script>
-
-<IconPointFilled class={styles({...props})}/>
-
+<script lang="ts">
+    import {type IconsProps, styles} from "./Icons";
+    import IconPointFilled from "@tabler/icons-svelte/icons/point-filled";
+
+    let {children, ...props}: IconsProps = $props();
+
+</script>
+
+<IconPointFilled class={styles({...props})}/>
+

package/dist/components/icons/IconSearch.svelte

@@ -1,10 +1,10 @@
-<script lang="ts">
-    import {type IconsProps, styles} from "./Icons";
-    import IconSearch from "@tabler/icons-svelte/icons/search";
-
-    let {children, ...props}: IconsProps = $props();
-
-</script>
-
-<IconSearch class={styles({...props})}/>
-
+<script lang="ts">
+    import {type IconsProps, styles} from "./Icons";
+    import IconSearch from "@tabler/icons-svelte/icons/search";
+
+    let {children, ...props}: IconsProps = $props();
+
+</script>
+
+<IconSearch class={styles({...props})}/>
+

package/dist/components/icons/IconSettings.svelte

@@ -1,10 +1,10 @@
-<script lang="ts">
-    import {type IconsProps, styles} from "./Icons";
-    import IconSettings from "@tabler/icons-svelte/icons/settings";
-
-    let {children, ...props}: IconsProps = $props();
-
-</script>
-
-<IconSettings class={styles({...props})}/>
-
+<script lang="ts">
+    import {type IconsProps, styles} from "./Icons";
+    import IconSettings from "@tabler/icons-svelte/icons/settings";
+
+    let {children, ...props}: IconsProps = $props();
+
+</script>
+
+<IconSettings class={styles({...props})}/>
+

package/dist/components/icons/IconSun.svelte

@@ -1,10 +1,10 @@
-<script lang="ts">
-    import {type IconsProps, styles} from "./Icons";
-    import IconSunHigh from "@tabler/icons-svelte/icons/sun-high";
-
-    let {children, ...props}: IconsProps = $props();
-
-</script>
-
-<IconSunHigh class={styles({...props})}/>
-
+<script lang="ts">
+    import {type IconsProps, styles} from "./Icons";
+    import IconSunHigh from "@tabler/icons-svelte/icons/sun-high";
+
+    let {children, ...props}: IconsProps = $props();
+
+</script>
+
+<IconSunHigh class={styles({...props})}/>
+

package/dist/components/icons/IconSwitchHorizontal.svelte

@@ -1,10 +1,10 @@
-<script lang="ts">
-    import {type IconsProps, styles} from "./Icons";
-    import IconSwitchHorizontal from "@tabler/icons-svelte/icons/switch-horizontal";
-
-    let {children, ...props}: IconsProps = $props();
-
-</script>
-
-<IconSwitchHorizontal class={styles({...props})}/>
-
+<script lang="ts">
+    import {type IconsProps, styles} from "./Icons";
+    import IconSwitchHorizontal from "@tabler/icons-svelte/icons/switch-horizontal";
+
+    let {children, ...props}: IconsProps = $props();
+
+</script>
+
+<IconSwitchHorizontal class={styles({...props})}/>
+

package/dist/components/icons/IconSwitchVertical.svelte

@@ -1,10 +1,10 @@
-<script lang="ts">
-    import {type IconsProps, styles} from "./Icons";
-    import IconSwitchVertical from "@tabler/icons-svelte/icons/switch-vertical";
-
-    let {children, ...props}: IconsProps = $props();
-
-</script>
-
-<IconSwitchVertical class={styles({...props})}/>
-
+<script lang="ts">
+    import {type IconsProps, styles} from "./Icons";
+    import IconSwitchVertical from "@tabler/icons-svelte/icons/switch-vertical";
+
+    let {children, ...props}: IconsProps = $props();
+
+</script>
+
+<IconSwitchVertical class={styles({...props})}/>
+