tera-system-ui 0.0.44 → 0.0.46

package/dist/components/icons/IconCoin.svelte

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

package/dist/components/icons/IconCoin.svelte.d.ts

@@ -0,0 +1,4 @@
+import { type IconsProps } from "./Icons";
+import { IconCoin } from "@tabler/icons-svelte";
+declare const IconCoin: import("svelte").Component<IconsProps, {}, "">;
+export default IconCoin;

package/dist/components/icons/IconCoinConvert.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+    import {type IconsProps, styles} from "./Icons";
+    import {IconCoin} from "@tabler/icons-svelte";
+
+    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/IconCoinConvert.svelte.d.ts

@@ -0,0 +1,3 @@
+import { type IconsProps } from "./Icons";
+declare const IconCoinConvert: import("svelte").Component<IconsProps, {}, "">;
+export default IconCoinConvert;

package/dist/components/icons/index.d.ts

@@ -4,6 +4,8 @@ export { default as IconBookmarkPlus } from './IconBookmarkPlus.svelte';
 export { default as IconCalculator } from './IconCalculator.svelte';
 export { default as IconCheck } from './IconCheck.svelte';
 export { default as IconChevronDown } from './IconChevronDown.svelte';
+export { default as IconCoin } from './IconCoin.svelte';
+export { default as IconCoinConvert } from './IconCoinConvert.svelte';
 export { default as IconCopy } from './IconCopy.svelte';
 export { default as IconCopyCheckFilled } from './IconCopyCheckFilled.svelte';
 export { default as IconHamburger } from './IconHamburger.svelte';

package/dist/components/icons/index.js

@@ -4,6 +4,8 @@ export { default as IconBookmarkPlus } from './IconBookmarkPlus.svelte';
 export { default as IconCalculator } from './IconCalculator.svelte';
 export { default as IconCheck } from './IconCheck.svelte';
 export { default as IconChevronDown } from './IconChevronDown.svelte';
+export { default as IconCoin } from './IconCoin.svelte';
+export { default as IconCoinConvert } from './IconCoinConvert.svelte';
 export { default as IconCopy } from './IconCopy.svelte';
 export { default as IconCopyCheckFilled } from './IconCopyCheckFilled.svelte';
 export { default as IconHamburger } from './IconHamburger.svelte';

package/dist/components/side-navigation/SideNavigation.svelte

@@ -8,7 +8,7 @@
     } from "./SideNavigation";
     import {clickOutside} from "../../actions/clickOutside"
     import {Button} from "../button";
-    import {IconHamburger} from "../icons";
+    import {IconCoin, IconCoinConvert, IconHamburger} from "../icons";
     import {BrandLogo} from "../brand-logo";
     import SideNavItem from "./SideNavigationItem.svelte";
     import IconBook from "../icons/IconBook.svelte";
@@ -52,28 +52,39 @@
 
     let langPath = (language === 'en' || !language) ? '' : `/${language}`
 
-    function isSelected(href: string) {
-        return href?.startsWith(sideNavHref || '')
-    }
-
 
     const NAV_ITEM = [
         {
             href: `/calculator${langPath}`,
+            exactHref: '/calculator',
             icon: IconCalculator,
             title: m.text_calces_scientific_calculator(),
         },
         {
             href: `/convert${langPath}`,
+            exactHref: '/convert',
             icon: IconTransform,
             title: m.text_unit_converter(),
         },
+        {
+            href: `/convert${langPath}/currency`,
+            exactHref: '/convert/currency',
+            icon: IconCoinConvert,
+            title: m.text_currency_converter(),
+        },
         {
             href: '/docs/calculator-usages/calces',
             icon: IconBook,
             title: m.text_calces_documentation(),
         },
     ]
+
+    let selectedIndex = (() => {
+        return NAV_ITEM.findIndex((item, index) => {
+            return (item.exactHref ?? item.href) === sideNavHref;
+        })
+    })();
+
 </script>
 
 <nav class="side-nav_main-side-bar grid grid-rows-[auto_1fr_auto]"
@@ -98,8 +109,8 @@
                 handleHover(false)
              }}
     >
-        {#each NAV_ITEM as item}
-            <SideNavItem href={item.href} class={isSelected(item.href) ? 'selected' : ''}>
+        {#each NAV_ITEM as item, index}
+            <SideNavItem href={item.href} class={selectedIndex === index ? 'selected' : ''}>
                 {#snippet icon()}
                     <item.icon/>
                 {/snippet}

package/dist/index.d.ts

@@ -6,7 +6,7 @@ export { Command } from './components/command';
 export { Dialog } from './components/dialog';
 export { DropdownMenu, DropdownMenuItem, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuSeparator } from './components/dropdown-menu';
 export { Header } from './components/header';
-export { IconArrowBigRightFilled, IconBook, IconBookmarkPlus, IconCalculator, IconCheck, IconChevronDown, IconCopy, IconCopyCheckFilled, IconHamburger, IconLanguage, IconLoader2, IconLogout, IconMoon, IconPointFilled, IconSearch, IconSettings, IconSun, IconSwitchHorizontal, IconSwitchVertical, IconTransform, IconX } from './components/icons';
+export { IconArrowBigRightFilled, IconBook, IconBookmarkPlus, IconCalculator, IconCheck, IconChevronDown, IconCoin, IconCoinConvert, IconCopy, IconCopyCheckFilled, IconHamburger, IconLanguage, IconLoader2, IconLogout, IconMoon, IconPointFilled, IconSearch, IconSettings, IconSun, IconSwitchHorizontal, IconSwitchVertical, IconTransform, IconX } from './components/icons';
 export { Input } from './components/input';
 export { LanguagePickerButton } from './components/language-picker-button';
 export { LightDarkToggle } from './components/light-dark-toggle';

package/dist/index.js

@@ -6,7 +6,7 @@ export { Command } from './components/command';
 export { Dialog } from './components/dialog';
 export { DropdownMenu, DropdownMenuItem, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuSeparator } from './components/dropdown-menu';
 export { Header } from './components/header';
-export { IconArrowBigRightFilled, IconBook, IconBookmarkPlus, IconCalculator, IconCheck, IconChevronDown, IconCopy, IconCopyCheckFilled, IconHamburger, IconLanguage, IconLoader2, IconLogout, IconMoon, IconPointFilled, IconSearch, IconSettings, IconSun, IconSwitchHorizontal, IconSwitchVertical, IconTransform, IconX } from './components/icons';
+export { IconArrowBigRightFilled, IconBook, IconBookmarkPlus, IconCalculator, IconCheck, IconChevronDown, IconCoin, IconCoinConvert, IconCopy, IconCopyCheckFilled, IconHamburger, IconLanguage, IconLoader2, IconLogout, IconMoon, IconPointFilled, IconSearch, IconSettings, IconSun, IconSwitchHorizontal, IconSwitchVertical, IconTransform, IconX } from './components/icons';
 export { Input } from './components/input';
 export { LanguagePickerButton } from './components/language-picker-button';
 export { LightDarkToggle } from './components/light-dark-toggle';

package/dist/paraglide/messages/de.d.ts

@@ -4,3 +4,4 @@ export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
 export function text_account_settings(): string;
 export function text_logout(): string;
+export function text_currency_converter(): string;

package/dist/paraglide/messages/de.js

@@ -56,3 +56,11 @@ export const text_account_settings = () => `Kontoeinstellungen`
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_logout = () => `Abmelden`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_currency_converter = () => `Währungsrechner`

package/dist/paraglide/messages/en.d.ts

@@ -4,3 +4,4 @@ export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
 export function text_account_settings(): string;
 export function text_logout(): string;
+export function text_currency_converter(): string;

package/dist/paraglide/messages/en.js

@@ -56,3 +56,11 @@ export const text_account_settings = () => `Account Settings`
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_logout = () => `Logout`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_currency_converter = () => `Currency Converter`

package/dist/paraglide/messages/es.d.ts

@@ -4,3 +4,4 @@ export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
 export function text_account_settings(): string;
 export function text_logout(): string;
+export function text_currency_converter(): string;

package/dist/paraglide/messages/es.js

@@ -56,3 +56,11 @@ export const text_account_settings = () => `Configuración de la cuenta`
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_logout = () => `Cerrar sesión`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_currency_converter = () => `Convertidor de Divisas`

package/dist/paraglide/messages/fr.d.ts

@@ -4,3 +4,4 @@ export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
 export function text_account_settings(): string;
 export function text_logout(): string;
+export function text_currency_converter(): string;

package/dist/paraglide/messages/fr.js

@@ -56,3 +56,11 @@ export const text_account_settings = () => `Paramètres du compte`
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_logout = () => `Déconnexion`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_currency_converter = () => `Convertisseur de Devises`

package/dist/paraglide/messages/it.d.ts

@@ -4,3 +4,4 @@ export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
 export function text_account_settings(): string;
 export function text_logout(): string;
+export function text_currency_converter(): string;

package/dist/paraglide/messages/it.js

@@ -56,3 +56,11 @@ export const text_account_settings = () => `Impostazioni dell'account`
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_logout = () => `Disconnettersi`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_currency_converter = () => `Convertitore di Valuta`

package/dist/paraglide/messages/pt.d.ts

@@ -4,3 +4,4 @@ export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
 export function text_account_settings(): string;
 export function text_logout(): string;
+export function text_currency_converter(): string;

package/dist/paraglide/messages/pt.js

@@ -56,3 +56,11 @@ export const text_account_settings = () => `Configurações da conta`
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_logout = () => `Sair`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_currency_converter = () => `Conversor de Moedas`

package/dist/paraglide/messages/ru.d.ts

@@ -4,3 +4,4 @@ export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
 export function text_account_settings(): string;
 export function text_logout(): string;
+export function text_currency_converter(): string;

package/dist/paraglide/messages/ru.js

@@ -56,3 +56,11 @@ export const text_account_settings = () => `Настройки аккаунта`
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_logout = () => `Выйти`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_currency_converter = () => `Конвертер валют`

package/dist/paraglide/messages/vi.d.ts

@@ -4,3 +4,4 @@ export function text_calces_scientific_calculator(): string;
 export function text_calces_documentation(): string;
 export function text_account_settings(): string;
 export function text_logout(): string;
+export function text_currency_converter(): string;

package/dist/paraglide/messages/vi.js

@@ -56,3 +56,11 @@ export const text_account_settings = () => `Cài đặt tài khoản`
  */
 /* @__NO_SIDE_EFFECTS__ */
 export const text_logout = () => `Đăng xuất`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_currency_converter = () => `Bộ Chuyển Đổi Tiền Tệ`

package/dist/paraglide/messages.d.ts

@@ -16,3 +16,6 @@ export function text_account_settings(params?: {}, options?: {
 export function text_logout(params?: {}, options?: {
     languageTag?: "de" | "en" | "es" | "fr" | "pt" | "vi" | "ru" | "it";
 }): string;
+export function text_currency_converter(params?: {}, options?: {
+    languageTag?: "de" | "en" | "es" | "fr" | "pt" | "vi" | "ru" | "it";
+}): string;

package/dist/paraglide/messages.js

@@ -176,3 +176,31 @@ export const text_logout = (params = {}, options = {}) => {
 	}[options.languageTag ?? languageTag()]()
 }
 
+
+
+/**
+ * This message has been compiled by [inlang paraglide](https://inlang.com/m/gerre34r/library-inlang-paraglideJs).
+ *
+ * - Don't edit the message's code. Use [Sherlock (VS Code extension)](https://inlang.com/m/r7kp499g/app-inlang-ideExtension),
+ *   the [web editor](https://inlang.com/m/tdozzpar/app-inlang-finkLocalizationEditor) instead, or edit the translation files manually.
+ * 
+ * - The params are NonNullable<unknown> because the inlang SDK does not provide information on the type of a param (yet).
+ * 
+ * @param {{}} params
+ * @param {{ languageTag?: "de" | "en" | "es" | "fr" | "pt" | "vi" | "ru" | "it" }} options
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_currency_converter = (params = {}, options = {}) => {
+	return {
+		de: de.text_currency_converter,
+		en: en.text_currency_converter,
+		es: es.text_currency_converter,
+		fr: fr.text_currency_converter,
+		it: it.text_currency_converter,
+		pt: pt.text_currency_converter,
+		ru: ru.text_currency_converter,
+		vi: vi.text_currency_converter
+	}[options.languageTag ?? languageTag()]()
+}
+

package/dist/utils/utils.d.ts

@@ -1,4 +1,4 @@
 import { type ClassValue } from "clsx";
 export declare function cn(...inputs: ClassValue[]): string;
 export declare function consoleLog(...params: any[]): void;
-export declare function observeVisibility(element: HTMLElement, callback: any): () => void;
+export declare function observeVisibility(element: HTMLElement, callback: (isVisible: boolean, entry?: any) => void): () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "tera-system-ui",
-	"version": "0.0.44",
+	"version": "0.0.46",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "npm run customPrepublish && npm run generate-index && vite build && npm run package && npm run postpublish",