tera-system-ui 0.0.55 → 0.0.60

package/dist/components/command/command.d.ts

@@ -11,23 +11,18 @@ export declare const defaultFilter: (value: string, search: string) => number;
 export declare function getCtx(): Context;
 export declare function getState(): StateStore;
 export declare function createGroup(alwaysRender: boolean | undefined): {
-    id: string;
+    id: any;
 };
 export declare function getGroup(): Group | undefined;
 export declare function createState(initialValues?: Partial<State>): import("svelte/store").Writable<State>;
 export declare function createCommand(props: CommandProps): {
     state: {
-        subscribe: (this: void, run: import("svelte/store").Subscriber<State>, invalidate?: () => void) => import("svelte/store").Unsubscriber;
-        update: (this: void, updater: import("svelte/store").Updater<State>) => void;
-        set: (this: void, value: State) => void;
+        subscribe: any;
+        update: any;
+        set: any;
         updateState: <K extends keyof State>(key: K, value: State[K], preventScroll?: boolean) => void;
     };
     handleRootKeydown: (e: KeyboardEvent) => void;
     commandEl: import("svelte/store").Writable<HTMLDivElement | null>;
-    ids: {
-        input: string;
-        label: string;
-        root: string;
-        list: string;
-    };
+    ids: any;
 };

package/dist/components/command/components/Command.svelte.d.ts

@@ -1,3 +1,2 @@
-import type { CommandProps } from '../types.js';
-declare const Command: import("svelte").Component<CommandProps, {}, "">;
+declare const Command: import("svelte").Component<any, {}, "">;
 export default Command;

package/dist/components/command/components/CommandEmpty.svelte.d.ts

@@ -1,3 +1,2 @@
-import type { EmptyProps } from '../types.js';
-declare const CommandEmpty: import("svelte").Component<EmptyProps, {}, "">;
+declare const CommandEmpty: import("svelte").Component<any, {}, "">;
 export default CommandEmpty;

package/dist/components/command/components/CommandGroup.svelte.d.ts

@@ -1,3 +1,2 @@
-import type { GroupProps } from '../types.js';
-declare const CommandGroup: import("svelte").Component<GroupProps, {}, "">;
+declare const CommandGroup: import("svelte").Component<any, {}, "">;
 export default CommandGroup;

package/dist/components/command/components/CommandItem.svelte.d.ts

@@ -1,3 +1,2 @@
-import type { ItemProps } from '../types.js';
-declare const CommandItem: import("svelte").Component<ItemProps, {}, "">;
+declare const CommandItem: import("svelte").Component<any, {}, "">;
 export default CommandItem;

package/dist/components/command/components/CommandLoading.svelte.d.ts

@@ -1,8 +1,2 @@
-import type { Snippet } from "svelte";
-declare const CommandLoading: import("svelte").Component<{
-    progress?: number;
-    asChild?: boolean;
-} & import("../../../internal/types.js").HTMLDivAttributes & {
-    childrenWithProps: Snippet<[any]>;
-}, {}, "">;
+declare const CommandLoading: import("svelte").Component<any, {}, "">;
 export default CommandLoading;

package/dist/components/command/components/CommandSeparator.svelte.d.ts

@@ -1,3 +1,2 @@
-import type { SeparatorProps } from '../types.js';
-declare const CommandSeparator: import("svelte").Component<SeparatorProps, {}, "">;
+declare const CommandSeparator: import("svelte").Component<any, {}, "">;
 export default CommandSeparator;

package/dist/components/dialog/Dialog.d.ts

@@ -16,6 +16,9 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         full: {
             dialog: string;
         };
+        auto: {
+            dialog: string;
+        };
     };
     padding: {
         none: {
@@ -47,6 +50,9 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         full: {
             dialog: string;
         };
+        auto: {
+            dialog: string;
+        };
     };
     padding: {
         none: {
@@ -71,6 +77,9 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         full: {
             dialog: string;
         };
+        auto: {
+            dialog: string;
+        };
     };
     padding: {
         none: {
@@ -95,6 +104,9 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         full: {
             dialog: string;
         };
+        auto: {
+            dialog: string;
+        };
     };
     padding: {
         none: {
@@ -126,6 +138,9 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         full: {
             dialog: string;
         };
+        auto: {
+            dialog: string;
+        };
     };
     padding: {
         none: {
@@ -157,6 +172,9 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         full: {
             dialog: string;
         };
+        auto: {
+            dialog: string;
+        };
     };
     padding: {
         none: {
@@ -181,6 +199,9 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         full: {
             dialog: string;
         };
+        auto: {
+            dialog: string;
+        };
     };
     padding: {
         none: {

package/dist/components/dialog/Dialog.js

@@ -25,6 +25,9 @@ export const styles = tv({
             full: {
                 dialog: ''
             },
+            auto: {
+                dialog: ''
+            }
         },
         padding: {
             none: {

package/dist/components/dialog/dialog.scss

@@ -44,6 +44,10 @@ dialog {
         max-width: 100vw;
         @apply rounded-none;
     }
+    &[size="auto"] {
+        width: fit-content;
+        max-width: 100vw;
+    }
 
 }
 

package/dist/components/dropdown-menu/components/DropdownMenuItem.svelte.d.ts

@@ -1,3 +1,2 @@
-import { type DropdownMenuItemProps } from "../DropdownMenu";
 declare const DropdownMenuItem: import("svelte").Component<DropdownMenuItemProps, {}, "">;
 export default DropdownMenuItem;

package/dist/components/language-picker-button/LanguagePickerButton.d.ts

@@ -7,5 +7,6 @@ export interface LanguagePickerButtonProps extends LanguagePickerButtonVariants
     language?: string;
     supportLanguages?: string[];
     basePath?: string;
+    open?: boolean;
 }
 export {};

package/dist/components/language-picker-button/LanguagePickerButton.svelte

@@ -5,11 +5,14 @@
     import IconCheck from "../icons/IconCheck.svelte";
     import {getGlobalContext} from "../tera-ui-context/global-context";
     import * as m from '../../paraglide/messages.js'
+    import {ALL_LANGUAGE_LIST} from "../../../../tera-i18n/projects/common/all-language-data";
+    import {Input} from "../.."
+    import {cn} from "../../utils";
 
     let {
         children,
         onLangSelect,
-
+        open = $bindable(false),
         language,
         supportLanguages,
         basePath,
@@ -25,52 +28,8 @@
     basePath = basePath ?? context.basePath
 
 
-    const LANGUAGE_LIST = [
-        {
-            code: "en",
-            label: "English (US)",
-            flag: 'united states'
-        },
-        {
-            code: "de",
-            label: "Deutsch",
-            flag: 'germany'
-        },
-        {
-            code: "es",
-            label: "Español",
-            flag: 'spain'
-        },
-        {
-            code: "fr",
-            label: "Français",
-            flag: 'france'
-        },
-        {
-            code: "it",
-            label: "Italiano",
-            flag: 'italy'
-        },
-        {
-            code: "pt",
-            label: "Português",
-            flag: 'portugal'
-        },
-        {
-            code: "ru",
-            label: "Русский",
-            flag: 'russia'
-        },
-        {
-            code: "vi",
-            label: "Tiếng Việt",
-            flag: 'vietnam'
-        }
-        // @ts-ignore
-    ].filter(lang => supportLanguages.includes(lang.code))
-
-
-    let currentLangItem = $derived(LANGUAGE_LIST.find(l => l.code === language)!)
+    let currentLangItem = $derived(ALL_LANGUAGE_LIST.find(l => l.code === language)!)
+    let langList = $derived([currentLangItem, ...ALL_LANGUAGE_LIST.filter(lang => supportLanguages!.includes(lang.code) && lang.code !== language)])
 
 
     function getFlagUrl(flag: string) {
@@ -80,27 +39,31 @@
         return `${basePath ?? ''}/world-flags/${flag}.svg`
     }
 
-    let openDialog = $state(false)
-
 </script>
 
 <!--add component here-->
-<button onclick={() => {openDialog = true}}
+<button onclick={() => {open = true}}
         class="h-8 flex items-center bg-neutral-token-4 text-neutral-token-9 rounded-full ps-2 pe-1 hover:bg-neutral-token-5 transition-all duration-element-react">
     <IconLanguage class="size-icon-xs"/>
     <img class="size-6 flag-img" src={getFlagUrl(currentLangItem?.flag)} alt={currentLangItem?.flag}>
 </button>
 
-<Dialog bind:open={openDialog} class="text-neutral-token-13" size="xs" staticRender>
+<Dialog bind:open={open} class="text-neutral-token-13" size="auto" staticRender>
     {#snippet header()}
         {m.text_select_language()}
     {/snippet}
-    <div class="grid grid-cols-1 mx-auto gap-2">
-        {#each LANGUAGE_LIST as lang}
-            <button class="w-full flex gap-1 items-center justify-between text-start px-1 py-1 pe-2 rounded-full bg-neutral-token-3"
+    <div class={cn("grid grid-cols-1 gap-2 sm:grid-cols-2 mx-auto",
+                {
+                    "sm:grid-cols-3 sm:gap-3": langList.length > 10 && langList.length <= 20,
+                    "sm:grid-cols-3 md:grid-cols-4 sm:gap-3": langList.length > 20 ,
+                })
+        }
+    >
+        {#each langList as lang}
+            <button class="w-[80vw] sm:w-full flex gap-1 items-center justify-between text-start px-1 py-1 pe-2 rounded-full bg-neutral-token-3 sm:max-w-[40rem]"
                     onclick={() => {
                         onLangSelect?.(lang.code)
-                        openDialog = false
+                        open = false
                     }}
                     data-selected={lang.code === language ? '' : undefined}>
                 <div class="flex items-center gap-2">

package/dist/components/language-picker-button/LanguagePickerButton.svelte.d.ts

@@ -1,5 +1,5 @@
 import { type LanguagePickerButtonProps } from "./LanguagePickerButton";
 declare const LanguagePickerButton: import("svelte").Component<LanguagePickerButtonProps & {
     onLangSelect: (langCode: string) => void;
-}, {}, "">;
+}, {}, "open">;
 export default LanguagePickerButton;

package/dist/i18n/language.d.ts

@@ -1,2 +1,2 @@
-export type AvailableLanguageTag = "de" | "en" | "es" | "fr" | "pt" | "vi" | "ru" | "it";
+export type AvailableLanguageTag = "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";
 export declare const availableLanguageTags: AvailableLanguageTag[];

package/dist/i18n/language.js

@@ -1,10 +1,45 @@
 export const availableLanguageTags = [
+    "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",
-    "vi",
+    "ro",
     "ru",
-    "it",
+    "sk",
+    "sl",
+    "sq",
+    "sr",
+    "sv",
+    "sw",
+    "ta",
+    "te",
+    "th",
+    "tl",
+    "tr",
+    "uk",
+    "vi",
+    "zh-CN",
+    "zh-TW",
 ];

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

@@ -0,0 +1,7 @@
+export function text_select_language(): string;
+export function text_unit_converter(): string;
+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/ar.js

@@ -0,0 +1,66 @@
+/* eslint-disable */
+/** 
+ * This file contains language specific message functions for tree-shaking. 
+ * 
+ *! WARNING: Only import messages from this file if you want to manually
+ *! optimize your bundle. Else, import from the `messages.js` file. 
+ * 
+ * Your bundler will (in the future) automatically replace the index function 
+ * with a language specific message function in the build step. 
+ */
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_select_language = () => `اختر اللغة`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_unit_converter = () => `محول الوحدات`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_calces_scientific_calculator = () => `الآلة الحاسبة العلمية CalcES`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_calces_documentation = () => `وثائق CalcES`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_account_settings = () => `إعدادات الحساب`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_logout = () => `تسجيل الخروج`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_currency_converter = () => `محول العملات`

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

@@ -0,0 +1,7 @@
+export function text_select_language(): string;
+export function text_unit_converter(): string;
+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/bg.js

@@ -0,0 +1,66 @@
+/* eslint-disable */
+/** 
+ * This file contains language specific message functions for tree-shaking. 
+ * 
+ *! WARNING: Only import messages from this file if you want to manually
+ *! optimize your bundle. Else, import from the `messages.js` file. 
+ * 
+ * Your bundler will (in the future) automatically replace the index function 
+ * with a language specific message function in the build step. 
+ */
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_select_language = () => `Изберете език`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_unit_converter = () => `Конвертор на единици`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_calces_scientific_calculator = () => `Научен калкулатор CalcES`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_calces_documentation = () => `Документация на CalcES`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_account_settings = () => `Настройки на акаунта`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_logout = () => `Изход`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_currency_converter = () => `Конвертор на валута`

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

@@ -0,0 +1,7 @@
+export function text_select_language(): string;
+export function text_unit_converter(): string;
+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/bn.js

@@ -0,0 +1,66 @@
+/* eslint-disable */
+/** 
+ * This file contains language specific message functions for tree-shaking. 
+ * 
+ *! WARNING: Only import messages from this file if you want to manually
+ *! optimize your bundle. Else, import from the `messages.js` file. 
+ * 
+ * Your bundler will (in the future) automatically replace the index function 
+ * with a language specific message function in the build step. 
+ */
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_select_language = () => `ভাষা নির্বাচন করুন`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_unit_converter = () => `একক রূপান্তরকারী`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_calces_scientific_calculator = () => `CalcES বৈজ্ঞানিক ক্যালকুলেটর`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_calces_documentation = () => `CalcES ডকুমেন্টেশন`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_account_settings = () => `অ্যাকাউন্ট সেটিংস`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_logout = () => `লগ আউট`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_currency_converter = () => `মুদ্রা রূপান্তরকারী`

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

@@ -0,0 +1,7 @@
+export function text_select_language(): string;
+export function text_unit_converter(): string;
+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/ca.js

@@ -0,0 +1,66 @@
+/* eslint-disable */
+/** 
+ * This file contains language specific message functions for tree-shaking. 
+ * 
+ *! WARNING: Only import messages from this file if you want to manually
+ *! optimize your bundle. Else, import from the `messages.js` file. 
+ * 
+ * Your bundler will (in the future) automatically replace the index function 
+ * with a language specific message function in the build step. 
+ */
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_select_language = () => `Selecciona l'idioma`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_unit_converter = () => `Convertidor d'unitats`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_calces_scientific_calculator = () => `CalcES Calculadora Científica`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_calces_documentation = () => `Documentació de CalcES`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_account_settings = () => `Configuració del compte`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_logout = () => `Tancar sessió`
+
+
+/**
+ * 
+ * @returns {string}
+ */
+/* @__NO_SIDE_EFFECTS__ */
+export const text_currency_converter = () => `Convertidor de moneda`

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

@@ -0,0 +1,7 @@
+export function text_select_language(): string;
+export function text_unit_converter(): string;
+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;