tera-system-ui 0.1.20 → 0.1.32

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,27 +1,27 @@
-export { AccordionItem, AccordionContent, AccordionTrigger } from './components/accordion';
-export { Avatar } from './components/avatar';
-export { BrandLogo } from './components/brand-logo';
-export { Button } from './components/button';
-export { Checkbox } from './components/checkbox';
-export { Combobox } from './components/combobox';
-export { Command } from './components/command';
-export { Dialog } from './components/dialog';
-export { DropdownMenu, DropdownMenuItem, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuSeparator } from './components/dropdown-menu';
-export { TeraFontSansSerif, TeraFontMono } from './components/fonts';
-export { Header } from './components/header';
-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 { Label } from './components/label';
-export { LanguagePickerButton } from './components/language-picker-button';
-export { LightDarkToggle } from './components/light-dark-toggle';
-export { Popover } from './components/popover';
-export { PopoverResponsive } from './components/popover-responsive';
-export { Select } from './components/select';
-export { SideNavigation, SideNavigationLayout, toggleSideNavigation } from './components/side-navigation';
-export { Slider } from './components/slider';
-export { StarRating } from './components/star-rating';
-export { Switch } from './components/switch';
-export { Tabs, TabsList, TabsItem, TabsContent } from './components/tabs';
-export { TeraUiContext } from './components/tera-ui-context';
-export { TextArea } from './components/text-area';
-export { UserAvatarWithMenu } from './components/user-avatar-with-menu';
+export { Accordion, AccordionItem, AccordionContent, AccordionTrigger } from './components/accordion/index.js';
+export { Avatar } from './components/avatar/index.js';
+export { BrandLogo } from './components/brand-logo/index.js';
+export { Button } from './components/button/index.js';
+export { Checkbox } from './components/checkbox/index.js';
+export { Combobox } from './components/combobox/index.js';
+export { Command } from './components/command/index.js';
+export { Dialog } from './components/dialog/index.js';
+export { DropdownMenu, DropdownMenuItem, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuSeparator } from './components/dropdown-menu/index.js';
+export { TeraFontSansSerif, TeraFontMono } from './components/fonts/index.js';
+export { Header } from './components/header/index.js';
+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/index.js';
+export { Input } from './components/input/index.js';
+export { Label } from './components/label/index.js';
+export { LanguagePickerButton } from './components/language-picker-button/index.js';
+export { LightDarkToggle } from './components/light-dark-toggle/index.js';
+export { Popover } from './components/popover/index.js';
+export { PopoverResponsive } from './components/popover-responsive/index.js';
+export { Select } from './components/select/index.js';
+export { SideNavigation, SideNavigationLayout, toggleSideNavigation } from './components/side-navigation/index.js';
+export { Slider } from './components/slider/index.js';
+export { StarRating } from './components/star-rating/index.js';
+export { Switch } from './components/switch/index.js';
+export { Tabs, TabsList, TabsItem, TabsContent } from './components/tabs/index.js';
+export { TeraUiContext } from './components/tera-ui-context/index.js';
+export { TextArea } from './components/text-area/index.js';
+export { UserAvatarWithMenu } from './components/user-avatar-with-menu/index.js';

package/dist/index.js

@@ -1,27 +1,27 @@
-export { AccordionItem, AccordionContent, AccordionTrigger } from './components/accordion';
-export { Avatar } from './components/avatar';
-export { BrandLogo } from './components/brand-logo';
-export { Button } from './components/button';
-export { Checkbox } from './components/checkbox';
-export { Combobox } from './components/combobox';
-export { Command } from './components/command';
-export { Dialog } from './components/dialog';
-export { DropdownMenu, DropdownMenuItem, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuSeparator } from './components/dropdown-menu';
-export { TeraFontSansSerif, TeraFontMono } from './components/fonts';
-export { Header } from './components/header';
-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 { Label } from './components/label';
-export { LanguagePickerButton } from './components/language-picker-button';
-export { LightDarkToggle } from './components/light-dark-toggle';
-export { Popover } from './components/popover';
-export { PopoverResponsive } from './components/popover-responsive';
-export { Select } from './components/select';
-export { SideNavigation, SideNavigationLayout, toggleSideNavigation } from './components/side-navigation';
-export { Slider } from './components/slider';
-export { StarRating } from './components/star-rating';
-export { Switch } from './components/switch';
-export { Tabs, TabsList, TabsItem, TabsContent } from './components/tabs';
-export { TeraUiContext } from './components/tera-ui-context';
-export { TextArea } from './components/text-area';
-export { UserAvatarWithMenu } from './components/user-avatar-with-menu';
+export { Accordion, AccordionItem, AccordionContent, AccordionTrigger } from './components/accordion/index.js';
+export { Avatar } from './components/avatar/index.js';
+export { BrandLogo } from './components/brand-logo/index.js';
+export { Button } from './components/button/index.js';
+export { Checkbox } from './components/checkbox/index.js';
+export { Combobox } from './components/combobox/index.js';
+export { Command } from './components/command/index.js';
+export { Dialog } from './components/dialog/index.js';
+export { DropdownMenu, DropdownMenuItem, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuSeparator } from './components/dropdown-menu/index.js';
+export { TeraFontSansSerif, TeraFontMono } from './components/fonts/index.js';
+export { Header } from './components/header/index.js';
+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/index.js';
+export { Input } from './components/input/index.js';
+export { Label } from './components/label/index.js';
+export { LanguagePickerButton } from './components/language-picker-button/index.js';
+export { LightDarkToggle } from './components/light-dark-toggle/index.js';
+export { Popover } from './components/popover/index.js';
+export { PopoverResponsive } from './components/popover-responsive/index.js';
+export { Select } from './components/select/index.js';
+export { SideNavigation, SideNavigationLayout, toggleSideNavigation } from './components/side-navigation/index.js';
+export { Slider } from './components/slider/index.js';
+export { StarRating } from './components/star-rating/index.js';
+export { Switch } from './components/switch/index.js';
+export { Tabs, TabsList, TabsItem, TabsContent } from './components/tabs/index.js';
+export { TeraUiContext } from './components/tera-ui-context/index.js';
+export { TextArea } from './components/text-area/index.js';
+export { UserAvatarWithMenu } from './components/user-avatar-with-menu/index.js';

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;