tera-system-ui 0.1.18 → 0.1.30

package/dist/components/text-area/TextArea.svelte

@@ -1,89 +1,89 @@
-<script lang="ts">
-    import {type AutoSizeConfig, type TextAreaProps} from "./TextArea";
-    import {styles} from "./TextArea";
-    import {IconX} from "../icons";
-
-    let {
-        children,
-        class: className,
-        value = $bindable(),
-        ref = $bindable(),
-        size,
-        disabled,
-        variant = 'outlined',
-        autoSize,
-        onchange,
-        prefix,
-        rows,
-        allowClear,
-        ...props
-    }: TextAreaProps = $props();
-
-
-    function createAutoSizeTextarea(node: HTMLTextAreaElement, autoSize?: AutoSizeConfig) {
-        if (!autoSize) {
-            return
-        }
-        let minRows: number | null = null
-        let maxRows: number | null = null
-        if (autoSize === true) {
-            minRows = 1
-        } else {
-            minRows = Math.max(autoSize.minRows || 0, 1)
-            maxRows = autoSize.maxRows || null
-
-        }
-
-        const updateSize = () => {
-            node.style.height = 'auto';
-            const computedStyle = window.getComputedStyle(node);
-            const borderTopWidth = parseFloat(computedStyle.borderTopWidth);
-            const borderBottomWidth = parseFloat(computedStyle.borderBottomWidth);
-            const offset = borderTopWidth + borderBottomWidth;
-            const scrollHeight = node.scrollHeight + 4
-
-            const lineHeight = parseFloat(computedStyle.lineHeight);
-            const minHeight = minRows * lineHeight + offset;
-            const maxHeight = maxRows ? maxRows * lineHeight : null;
-
-            node.style.height = `${Math.max(minHeight, Math.min(scrollHeight, maxHeight ?? scrollHeight))}px`;
-        };
-
-        $effect(() => {
-            // setup goes here
-            value
-            updateSize();
-
-            return () => {
-                // teardown goes here
-            };
-        });
-    }
-
-    function clearText() {
-        value = ''
-    }
-
-</script>
-
-<div class="relative">
-    <textarea
-            use:createAutoSizeTextarea={autoSize}
-            onchange={onchange}
-            bind:this={ref}
-            style={autoSize ? "resize: none;" : ''}
-            class={styles({ variant, disabled , size, className, allowClear })}
-            {disabled}
-            rows={autoSize ? 1 : rows}
-            {...props}
-            bind:value
-    >
-    </textarea>
-
-    {#if allowClear && value}
-        <button onclick={clearText}
-                class="absolute top-2 right-2 bg-neutral-token-6 text-neutral-token-1 hover:bg-neutral-token-8 size-3 grid place-content-center rounded-full">
-            <IconX class="size-2.5"/>
-        </button>
-    {/if}
+<script lang="ts">
+    import {type AutoSizeConfig, type TextAreaProps} from "./TextArea";
+    import {styles} from "./TextArea";
+    import {IconX} from "../icons";
+
+    let {
+        children,
+        class: className,
+        value = $bindable(),
+        ref = $bindable(),
+        size,
+        disabled,
+        variant = 'outlined',
+        autoSize,
+        onchange,
+        prefix,
+        rows,
+        allowClear,
+        ...props
+    }: TextAreaProps = $props();
+
+
+    function createAutoSizeTextarea(node: HTMLTextAreaElement, autoSize?: AutoSizeConfig) {
+        if (!autoSize) {
+            return
+        }
+        let minRows: number | null = null
+        let maxRows: number | null = null
+        if (autoSize === true) {
+            minRows = 1
+        } else {
+            minRows = Math.max(autoSize.minRows || 0, 1)
+            maxRows = autoSize.maxRows || null
+
+        }
+
+        const updateSize = () => {
+            node.style.height = 'auto';
+            const computedStyle = window.getComputedStyle(node);
+            const borderTopWidth = parseFloat(computedStyle.borderTopWidth);
+            const borderBottomWidth = parseFloat(computedStyle.borderBottomWidth);
+            const offset = borderTopWidth + borderBottomWidth;
+            const scrollHeight = node.scrollHeight + 4
+
+            const lineHeight = parseFloat(computedStyle.lineHeight);
+            const minHeight = minRows * lineHeight + offset;
+            const maxHeight = maxRows ? maxRows * lineHeight : null;
+
+            node.style.height = `${Math.max(minHeight, Math.min(scrollHeight, maxHeight ?? scrollHeight))}px`;
+        };
+
+        $effect(() => {
+            // setup goes here
+            value
+            updateSize();
+
+            return () => {
+                // teardown goes here
+            };
+        });
+    }
+
+    function clearText() {
+        value = ''
+    }
+
+</script>
+
+<div class="relative">
+    <textarea
+            use:createAutoSizeTextarea={autoSize}
+            onchange={onchange}
+            bind:this={ref}
+            style={autoSize ? "resize: none;" : ''}
+            class={styles({ variant, disabled , size, className, allowClear })}
+            {disabled}
+            rows={autoSize ? 1 : rows}
+            {...props}
+            bind:value
+    >
+    </textarea>
+
+    {#if allowClear && value}
+        <button onclick={clearText}
+                class="absolute top-2 right-2 bg-neutral-token-6 text-neutral-token-1 hover:bg-neutral-token-8 size-3 grid place-content-center rounded-full">
+            <IconX class="size-2.5"/>
+        </button>
+    {/if}
 </div>

package/dist/components/user-avatar-with-menu/UserAvatarWithMenu.d.ts

@@ -1,6 +1,6 @@
 import { type VariantProps } from "tailwind-variants";
 import type { UserData } from "../../types/user-data";
-export declare const styles: import("tailwind-variants").TVReturnType<{}, undefined, "", import("tailwind-variants/dist/config").TVConfig<{}, {}>, {}, undefined, import("tailwind-variants").TVReturnType<{}, undefined, "", import("tailwind-variants/dist/config").TVConfig<{}, {}>, unknown, unknown, undefined>>;
+export declare const styles: import("tailwind-variants").TVReturnType<{}, undefined, "", {}, undefined, import("tailwind-variants").TVReturnType<{}, undefined, "", unknown, unknown, undefined>>;
 type UserAvatarWithMenuVariants = VariantProps<typeof styles>;
 export interface UserAvatarWithMenuProps extends UserAvatarWithMenuVariants {
     children?: any;

package/dist/components/user-avatar-with-menu/UserAvatarWithMenu.svelte

@@ -1,68 +1,69 @@
-<script lang="ts">
-    import {type UserAvatarWithMenuProps} from "./UserAvatarWithMenu";
-    import {Avatar} from "../avatar";
-    import {
-        DropdownMenu,
-        DropdownMenuGroup,
-        DropdownMenuHeader,
-        DropdownMenuItem,
-        DropdownMenuSeparator
-    } from "../dropdown-menu";
-    import {IconLogout, IconSettings} from "../icons";
-    import {extractShortUsernameFromEmail} from "../../internal/service/user.service";
-    import * as m from '../../paraglide/messages.js'
-    let {children, user, onLogout,...props}: UserAvatarWithMenuProps = $props();
-
-    let shortUserName = extractShortUsernameFromEmail(user?.email)
-    let triggerRef = $state()
-    let open = $state(false)
-</script>
-
-
-{#if user}
-    <button class="rounded-full focus-visible:ring-0" bind:this={triggerRef}>
-        <Avatar
-            userUid={user.userUid}
-        >
-            {shortUserName}
-        </Avatar>
-    </button>
-
-    <DropdownMenu
-            bind:open
-            triggerRef={triggerRef}
-            class="!min-w-[14rem]"
-    >
-        <DropdownMenuHeader>
-            <div class="grid grid-cols-[auto_1fr] gap-2 overflow-hidden break-all items-center">
-                <Avatar border={false}
-                        size="lg"
-                        userUid={user.userUid}
-                >
-                    {shortUserName}
-                </Avatar>
-                {#if user.email}
-                    {user.email}
-                {/if}
-            </div>
-
-        </DropdownMenuHeader>
-        <DropdownMenuSeparator/>
-
-        <DropdownMenuGroup>
-            <DropdownMenuItem
-                href="/account-settings"
-            >
-                <IconSettings/>
-                {m.text_account_settings()}
-            </DropdownMenuItem>
-        </DropdownMenuGroup>
-        <DropdownMenuSeparator/>
-        <DropdownMenuGroup>
-            <DropdownMenuItem onclick={onLogout}>
-                <IconLogout/>
-                {m.text_logout()}
-            </DropdownMenuItem>
-        </DropdownMenuGroup>
-    </DropdownMenu>
+<script lang="ts">
+    import {type UserAvatarWithMenuProps} from "./UserAvatarWithMenu";
+    import {Avatar} from "../avatar";
+    import {
+        DropdownMenu,
+        DropdownMenuGroup,
+        DropdownMenuHeader,
+        DropdownMenuItem,
+        DropdownMenuSeparator
+    } from "../dropdown-menu";
+    import {IconLogout, IconSettings} from "../icons";
+    import {extractShortUsernameFromEmail} from "../../internal/service/user.service";
+    import {m} from '../../paraglide/messages.js'
+
+    let {children, user, onLogout, ...props}: UserAvatarWithMenuProps = $props();
+
+    let shortUserName = extractShortUsernameFromEmail(user?.email)
+    let triggerRef = $state()
+    let open = $state(false)
+</script>
+
+
+{#if user}
+    <button class="rounded-full focus-visible:ring-0" bind:this={triggerRef}>
+        <Avatar
+                userUid={user.userUid}
+        >
+            {shortUserName}
+        </Avatar>
+    </button>
+
+    <DropdownMenu
+            bind:open
+            triggerRef={triggerRef}
+            class="!min-w-[14rem]"
+    >
+        <DropdownMenuHeader>
+            <div class="grid grid-cols-[auto_1fr] gap-2 overflow-hidden break-all items-center">
+                <Avatar border={false}
+                        size="lg"
+                        userUid={user.userUid}
+                >
+                    {shortUserName}
+                </Avatar>
+                {#if user.email}
+                    {user.email}
+                {/if}
+            </div>
+
+        </DropdownMenuHeader>
+        <DropdownMenuSeparator/>
+
+        <DropdownMenuGroup>
+            <DropdownMenuItem
+                    href="/account-settings"
+            >
+                <IconSettings/>
+                {m.text_account_settings()}
+            </DropdownMenuItem>
+        </DropdownMenuGroup>
+        <DropdownMenuSeparator/>
+        <DropdownMenuGroup>
+            <DropdownMenuItem onclick={onLogout}>
+                <IconLogout/>
+                {m.text_logout()}
+            </DropdownMenuItem>
+        </DropdownMenuGroup>
+    </DropdownMenu>
 {/if}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { AccordionItem, AccordionContent, AccordionTrigger } from './components/accordion';
+export { Accordion, AccordionItem, AccordionContent, AccordionTrigger } from './components/accordion';
 export { Avatar } from './components/avatar';
 export { BrandLogo } from './components/brand-logo';
 export { Button } from './components/button';

package/dist/index.js

@@ -1,4 +1,4 @@
-export { AccordionItem, AccordionContent, AccordionTrigger } from './components/accordion';
+export { Accordion, AccordionItem, AccordionContent, AccordionTrigger } from './components/accordion';
 export { Avatar } from './components/avatar';
 export { BrandLogo } from './components/brand-logo';
 export { Button } from './components/button';

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

@@ -0,0 +1,7 @@
+export * from "./text_select_language.js";
+export * from "./text_unit_converter.js";
+export * from "./text_calces_scientific_calculator.js";
+export * from "./text_calces_documentation.js";
+export * from "./text_account_settings.js";
+export * from "./text_logout.js";
+export * from "./text_currency_converter.js";

package/dist/paraglide/messages/_index.js

@@ -0,0 +1,8 @@
+// eslint-disable
+export * from './text_select_language.js'
+export * from './text_unit_converter.js'
+export * from './text_calces_scientific_calculator.js'
+export * from './text_calces_documentation.js'
+export * from './text_account_settings.js'
+export * from './text_logout.js'
+export * from './text_currency_converter.js'

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

@@ -0,0 +1,3 @@
+export function text_account_settings(inputs?: {}, options?: {
+    locale?: "ar" | "bg" | "bn" | "ca" | "cs" | "da" | "de" | "el" | "en" | "es" | "fi" | "fr" | "he" | "hi" | "hu" | "id" | "it" | "ja" | "ko" | "lt" | "lv" | "ms" | "nl" | "no" | "pl" | "pt" | "ro" | "ru" | "sk" | "sl" | "sq" | "sr" | "sv" | "sw" | "ta" | "te" | "th" | "tl" | "tr" | "uk" | "vi" | "zh-CN" | "zh-TW";
+}): string;

package/dist/paraglide/messages/text_account_settings.js

@@ -0,0 +1,238 @@
+// eslint-disable
+import { getLocale, trackMessageCall, experimentalMiddlewareLocaleSplitting, isServer } from '../runtime.js';
+
+const ar_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `إعدادات الحساب`
+};
+
+const bg_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Настройки на акаунта`
+};
+
+const bn_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `অ্যাকাউন্ট সেটিংস`
+};
+
+const ca_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Configuració del compte`
+};
+
+const cs_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Nastavení účtu`
+};
+
+const da_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Kontoinstillinger`
+};
+
+const de_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Kontoeinstellungen`
+};
+
+const el_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Ρυθμίσεις λογαριασμού`
+};
+
+const en_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Account Settings`
+};
+
+const es_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Configuración de la cuenta`
+};
+
+const fi_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Tilin asetukset`
+};
+
+const fr_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Paramètres du compte`
+};
+
+const he_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `הגדרות חשבון`
+};
+
+const hi_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `खाता सेटिंग्स`
+};
+
+const hu_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Fiókbeállítások`
+};
+
+const id_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Pengaturan Akun`
+};
+
+const it_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Impostazioni dell'account`
+};
+
+const ja_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `アカウント設定`
+};
+
+const ko_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `계정 설정`
+};
+
+const lt_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Paskyros nustatymai`
+};
+
+const lv_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Konta iestatījumi`
+};
+
+const ms_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Tetapan Akaun`
+};
+
+const nl_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Accountinstellingen`
+};
+
+const no_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Kontoinnstillinger`
+};
+
+const pl_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Ustawienia konta`
+};
+
+const pt_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Configurações da conta`
+};
+
+const ro_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Setări cont`
+};
+
+const ru_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Настройки аккаунта`
+};
+
+const sk_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Nastavenia účtu`
+};
+
+const sl_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Nastavitve računa`
+};
+
+const sq_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Cilësimet e Llogarisë`
+};
+
+const sr_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Podešavanja naloga`
+};
+
+const sv_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Kontoinställningar`
+};
+
+const sw_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Mipangilio ya Akaunti`
+};
+
+const ta_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `கணக்கு அமைப்புகள்`
+};
+
+const te_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `ఖాతా అమరికలు`
+};
+
+const th_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `การตั้งค่าบัญชี`
+};
+
+const tl_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Mga Setting ng Account`
+};
+
+const tr_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Hesap Ayarları`
+};
+
+const uk_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Налаштування акаунту`
+};
+
+const vi_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `Cài đặt tài khoản`
+};
+
+const zh_cn2_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `账户设置`
+};
+
+const zh_tw2_text_account_settings = /** @type {(inputs: {}) => string} */ () => {
+	return `帳戶設定`
+};
+
+/**
+* This function has been compiled by [Paraglide JS](https://inlang.com/m/gerre34r).
+*
+* - Changing this function will be over-written by the next build.
+*
+* - If you want to change the translations, you can either edit the source files e.g. `en.json`, or
+* use another inlang app like [Fink](https://inlang.com/m/tdozzpar) or the [VSCode extension Sherlock](https://inlang.com/m/r7kp499g).
+* 
+* @param {{}} inputs
+* @param {{ locale?: "ar" | "bg" | "bn" | "ca" | "cs" | "da" | "de" | "el" | "en" | "es" | "fi" | "fr" | "he" | "hi" | "hu" | "id" | "it" | "ja" | "ko" | "lt" | "lv" | "ms" | "nl" | "no" | "pl" | "pt" | "ro" | "ru" | "sk" | "sl" | "sq" | "sr" | "sv" | "sw" | "ta" | "te" | "th" | "tl" | "tr" | "uk" | "vi" | "zh-CN" | "zh-TW" }} options
+* @returns {string}
+*/
+/* @__NO_SIDE_EFFECTS__ */
+export const text_account_settings = (inputs = {}, options = {}) => {
+	if (experimentalMiddlewareLocaleSplitting && isServer === false) {
+		return /** @type {any} */ (globalThis).__paraglide_ssr.text_account_settings(inputs) 
+	}
+	const locale = options.locale ?? getLocale()
+	trackMessageCall("text_account_settings", locale)
+	if (locale === "ar") return ar_text_account_settings(inputs)
+	if (locale === "bg") return bg_text_account_settings(inputs)
+	if (locale === "bn") return bn_text_account_settings(inputs)
+	if (locale === "ca") return ca_text_account_settings(inputs)
+	if (locale === "cs") return cs_text_account_settings(inputs)
+	if (locale === "da") return da_text_account_settings(inputs)
+	if (locale === "de") return de_text_account_settings(inputs)
+	if (locale === "el") return el_text_account_settings(inputs)
+	if (locale === "en") return en_text_account_settings(inputs)
+	if (locale === "es") return es_text_account_settings(inputs)
+	if (locale === "fi") return fi_text_account_settings(inputs)
+	if (locale === "fr") return fr_text_account_settings(inputs)
+	if (locale === "he") return he_text_account_settings(inputs)
+	if (locale === "hi") return hi_text_account_settings(inputs)
+	if (locale === "hu") return hu_text_account_settings(inputs)
+	if (locale === "id") return id_text_account_settings(inputs)
+	if (locale === "it") return it_text_account_settings(inputs)
+	if (locale === "ja") return ja_text_account_settings(inputs)
+	if (locale === "ko") return ko_text_account_settings(inputs)
+	if (locale === "lt") return lt_text_account_settings(inputs)
+	if (locale === "lv") return lv_text_account_settings(inputs)
+	if (locale === "ms") return ms_text_account_settings(inputs)
+	if (locale === "nl") return nl_text_account_settings(inputs)
+	if (locale === "no") return no_text_account_settings(inputs)
+	if (locale === "pl") return pl_text_account_settings(inputs)
+	if (locale === "pt") return pt_text_account_settings(inputs)
+	if (locale === "ro") return ro_text_account_settings(inputs)
+	if (locale === "ru") return ru_text_account_settings(inputs)
+	if (locale === "sk") return sk_text_account_settings(inputs)
+	if (locale === "sl") return sl_text_account_settings(inputs)
+	if (locale === "sq") return sq_text_account_settings(inputs)
+	if (locale === "sr") return sr_text_account_settings(inputs)
+	if (locale === "sv") return sv_text_account_settings(inputs)
+	if (locale === "sw") return sw_text_account_settings(inputs)
+	if (locale === "ta") return ta_text_account_settings(inputs)
+	if (locale === "te") return te_text_account_settings(inputs)
+	if (locale === "th") return th_text_account_settings(inputs)
+	if (locale === "tl") return tl_text_account_settings(inputs)
+	if (locale === "tr") return tr_text_account_settings(inputs)
+	if (locale === "uk") return uk_text_account_settings(inputs)
+	if (locale === "vi") return vi_text_account_settings(inputs)
+	if (locale === "zh-CN") return zh_cn2_text_account_settings(inputs)
+	return zh_tw2_text_account_settings(inputs)
+};

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

@@ -0,0 +1,3 @@
+export function text_calces_documentation(inputs?: {}, options?: {
+    locale?: "ar" | "bg" | "bn" | "ca" | "cs" | "da" | "de" | "el" | "en" | "es" | "fi" | "fr" | "he" | "hi" | "hu" | "id" | "it" | "ja" | "ko" | "lt" | "lv" | "ms" | "nl" | "no" | "pl" | "pt" | "ro" | "ru" | "sk" | "sl" | "sq" | "sr" | "sv" | "sw" | "ta" | "te" | "th" | "tl" | "tr" | "uk" | "vi" | "zh-CN" | "zh-TW";
+}): string;