tera-system-ui 0.1.76 → 0.2.1

package/dist/components/button/Button.js

@@ -1,135 +0,0 @@
-import { tv } from "tailwind-variants";
-export const styles = tv({
-    base: 'relative overflow-visible rounded-md inline-flex items-center justify-center leading-tight [&>svg]:stroke-icon select-none outline-none font-normal cursor-pointer transition-[background-color,border-color,box-shadow,transform,opacity] ease-ui duration-150',
-    variants: {
-        variant: {
-            primary: 'bg-primary-600 text-white border border-primary-600 hover:bg-primary-500 hover:border-primary-500 active:scale-[0.97] shadow-sm hover:shadow-md hover:-translate-y-px',
-            default: 'bg-surface-control text-text-primary border border-border-default hover:text-interactive-hover hover:border-interactive-hover active:text-interactive-active active:border-interactive-active active:scale-[0.97]',
-            dashed: 'bg-surface-control text-text-primary border border-dashed border-border-default hover:text-interactive-hover hover:border-interactive-hover active:text-interactive-active active:border-interactive-active active:scale-[0.97]',
-            text: 'bg-transparent text-text-primary border border-transparent hover:bg-surface-hover active:bg-surface-hover',
-            link: 'bg-transparent text-interactive border border-transparent hover:text-interactive-hover active:text-interactive-active px-0',
-        },
-        size: {
-            xs: 'h-5 px-1.5 gap-1 text-xs [&>svg]:size-3',
-            sm: 'h-6 px-2 gap-1.5 text-sm [&>svg]:size-3.5',
-            md: 'h-8 px-4 gap-2 text-sm [&>svg]:size-4',
-            lg: 'h-10 px-4 gap-2 text-base [&>svg]:size-5',
-        },
-        shape: {
-            default: '',
-            circle: 'rounded-full px-0',
-            round: 'rounded-full',
-        },
-        disabled: {
-            true: 'bg-surface-sunken text-text-disabled border-border-default pointer-events-none shadow-none cursor-not-allowed',
-        },
-        loading: {
-            true: 'cursor-wait pointer-events-none opacity-65'
-        },
-        icon: {
-            true: 'px-0'
-        },
-        danger: {
-            true: ''
-        },
-        block: {
-            true: 'w-full'
-        }
-    },
-    compoundVariants: [
-        // Primary danger state
-        {
-            variant: 'primary',
-            danger: true,
-            disabled: false,
-            class: 'bg-error-default border-error-default hover:bg-error-hover hover:border-error-hover active:bg-error-active active:border-error-active'
-        },
-        // Default danger state
-        {
-            variant: 'default',
-            danger: true,
-            disabled: false,
-            class: 'text-error-default border-error-default hover:text-error-hover hover:border-error-hover active:text-error-active active:border-error-active'
-        },
-        // Dashed danger state
-        {
-            variant: 'dashed',
-            danger: true,
-            disabled: false,
-            class: 'text-error-default border-error-default hover:text-error-hover hover:border-error-hover active:text-error-active active:border-error-active'
-        },
-        // Text danger state
-        {
-            variant: 'text',
-            danger: true,
-            disabled: false,
-            class: 'text-error-default hover:bg-error-subtle active:bg-error-muted'
-        },
-        // Link danger state
-        {
-            variant: 'link',
-            danger: true,
-            disabled: false,
-            class: 'text-error-default hover:text-error-hover active:text-error-active'
-        },
-        // Text disabled state
-        {
-            variant: 'text',
-            disabled: true,
-            class: 'bg-transparent border-transparent'
-        },
-        // Link disabled state
-        {
-            variant: 'link',
-            disabled: true,
-            class: 'bg-transparent border-transparent'
-        },
-        // Icon size variants - circle and icon-only
-        {
-            size: 'xs',
-            icon: true,
-            class: 'size-5'
-        },
-        {
-            size: 'sm',
-            icon: true,
-            class: 'size-6'
-        },
-        {
-            size: 'md',
-            icon: true,
-            class: 'size-8'
-        },
-        {
-            size: 'lg',
-            icon: true,
-            class: 'size-10'
-        },
-        // Circle shape sizing
-        {
-            size: 'xs',
-            shape: 'circle',
-            class: 'size-5'
-        },
-        {
-            size: 'sm',
-            shape: 'circle',
-            class: 'size-6'
-        },
-        {
-            size: 'md',
-            shape: 'circle',
-            class: 'size-8'
-        },
-        {
-            size: 'lg',
-            shape: 'circle',
-            class: 'size-10'
-        },
-    ],
-    defaultVariants: {
-        variant: 'default',
-        size: 'md',
-        shape: 'default',
-    },
-});

package/dist/components/card/Card.js

@@ -1,28 +0,0 @@
-import { tv } from "tailwind-variants";
-export const styles = tv({
-    base: 'relative bg-surface-raised rounded-container transition-[box-shadow,transform] ease-spring duration-200',
-    variants: {
-        variant: {
-            default: 'shadow-sm',
-            elevated: 'shadow-md',
-            bordered: 'border border-border-default shadow-none',
-            ghost: 'bg-transparent shadow-none',
-        },
-        padding: {
-            none: 'p-0',
-            sm: 'p-3',
-            md: 'p-5',
-            lg: 'p-7',
-        },
-        clickable: {
-            true: 'cursor-pointer hover:shadow-md hover:-translate-y-px active:scale-[0.99]',
-        },
-        loading: {
-            true: 'overflow-hidden',
-        },
-    },
-    defaultVariants: {
-        variant: 'default',
-        padding: 'md',
-    },
-});

package/dist/components/checkbox/Checkbox.d.ts

@@ -1,32 +0,0 @@
-/**
- * @component Checkbox - Accessible checkbox input with label and indeterminate support.
- * Built on BitsUI Checkbox primitive.
- */
-import { type VariantProps } from "tailwind-variants";
-import type { Snippet } from "svelte";
-export declare const styles: import("tailwind-variants").TVReturnType<{}, undefined, "", {}, undefined, import("tailwind-variants").TVReturnType<{}, undefined, "", unknown, unknown, undefined>>;
-type CheckboxVariants = VariantProps<typeof styles>;
-export interface CheckboxProps extends CheckboxVariants {
-    /** Additional CSS classes for the root element. */
-    class?: string;
-    /** Whether the checkbox is checked. Bindable. */
-    checked?: boolean;
-    /** Whether the checkbox shows an indeterminate (−) state. Bindable. */
-    indeterminate?: boolean;
-    /** Prevents user interaction and dims the control. */
-    disabled?: boolean;
-    /** Whether the checkbox must be checked before form submission. */
-    required?: boolean;
-    /** Name attribute used when submitting within a form. */
-    name?: string;
-    /** Value sent with the form when checked. */
-    value?: string;
-    /** Called when the checked state changes. */
-    onCheckedChange?: (checked: boolean) => void;
-    /** Additional content rendered next to the checkbox indicator. */
-    children?: Snippet;
-    /** Bindable reference to the root button element. */
-    ref?: HTMLButtonElement | null;
-    [key: string]: unknown;
-}
-export {};

package/dist/components/checkbox/Checkbox.js

@@ -1,11 +0,0 @@
-/**
- * @component Checkbox - Accessible checkbox input with label and indeterminate support.
- * Built on BitsUI Checkbox primitive.
- */
-import { tv } from "tailwind-variants";
-export const styles = tv({
-    base: '',
-    variants: {},
-    compoundVariants: [],
-    defaultVariants: {},
-});

package/dist/components/combobox/Combobox.d.ts

@@ -1,47 +0,0 @@
-/**
- * @component Combobox - Searchable dropdown with single and multi-select support.
- * Built on BitsUI Combobox primitive with client-side filtering.
- */
-export interface ComboboxItem {
-    /** Unique value submitted or passed to onchange. */
-    value: string;
-    /** Human-readable label shown in the list and trigger. */
-    label: string;
-    /** Prevents selecting this item. */
-    disabled?: boolean;
-}
-export interface ComboboxProps {
-    /** Whether one or many items can be selected at once. */
-    type: 'single' | 'multiple';
-    /** List of selectable options. */
-    items: ComboboxItem[];
-    /** Currently selected value(s). Bindable. */
-    value?: string | string[];
-    /** Placeholder shown in the search input when nothing is selected. */
-    placeholder?: string;
-    /** Prevents all interaction. */
-    disabled?: boolean;
-    /** Whether keyboard navigation wraps at the list boundaries. */
-    loop?: boolean;
-    /** Allow deselecting the current value by clicking it again (single mode only). */
-    allowDeselect?: boolean;
-    /** Called when the selection changes. */
-    onchange?: (value: string | string[]) => void;
-    /** Additional CSS classes for the root container. */
-    class?: string;
-    /** Bindable reference to the trigger element. */
-    ref?: HTMLElement | null;
-    /** Name for the hidden form input, enabling native form submission. */
-    name?: string;
-    /** Marks the field as required for form validation. */
-    required?: boolean;
-    /** Scroll alignment for the highlighted item. */
-    scrollAlignment?: 'nearest' | 'center';
-    /**
-     * When true (single mode only), whatever the user types becomes the
-     * combobox value directly — like a text input with suggestions.
-     * Selecting an item from the list still sets its item.value as normal.
-     */
-    freeInput?: boolean;
-    [key: string]: unknown;
-}

package/dist/components/combobox/Combobox.js

@@ -1,5 +0,0 @@
-/**
- * @component Combobox - Searchable dropdown with single and multi-select support.
- * Built on BitsUI Combobox primitive with client-side filtering.
- */
-export {};

package/dist/components/date-range-picker/DateRangePicker.types.d.ts

@@ -1,38 +0,0 @@
-/**
- * @component DateRangePicker - Date range picker with quick-select presets, optional time support, and popover/drawer UI.
- * Built on BitsUI RangeCalendar and Popover primitives.
- */
-import type { CalendarDate } from "@internationalized/date";
-export interface DateRangePickerProps {
-    /** The currently selected date range as a two-element array [start, end]. Bindable. */
-    dateRange?: Date[];
-    /** Called when the user applies a new date range. */
-    onchange?: (date: Date[]) => void;
-    /** When true, shows hour and minute pickers alongside the calendar. */
-    enableTime?: boolean;
-    /** Placeholder text shown in the trigger when no range is selected. */
-    placeholder?: string;
-    /** Prevents all interaction. */
-    disabled?: boolean;
-    /** Additional CSS classes for the trigger button. */
-    class?: string;
-    /**
-     * Earliest selectable date.
-     * Use `import { CalendarDate } from '@internationalized/date'` to construct values.
-     */
-    minValue?: CalendarDate;
-    /**
-     * Latest selectable date.
-     * Use `import { CalendarDate } from '@internationalized/date'` to construct values.
-     */
-    maxValue?: CalendarDate;
-    /** Returns true for dates that should be shown as disabled and unselectable. */
-    isDateDisabled?: (date: CalendarDate) => boolean;
-    /** Number of calendar months shown side-by-side (desktop only). Defaults to 2. */
-    numberOfMonths?: 1 | 2;
-    /**
-     * Day of the week the calendar grid starts on.
-     * 0 = Sunday, 1 = Monday, … 6 = Saturday.
-     */
-    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-}

package/dist/components/date-range-picker/DateRangePicker.types.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,55 +0,0 @@
-/**
- * @component Dialog - Modal dialog with header/footer snippet slots, size variants, and focus management.
- * Built on BitsUI Dialog primitive.
- */
-import type { Snippet } from "svelte";
-export type DialogProps = {
-    children?: Snippet;
-    /** Snippet rendered in the dialog header area. */
-    header?: Snippet;
-    /** Snippet rendered in the dialog footer area. */
-    footer?: Snippet;
-    /** Whether the dialog is open. Bindable. */
-    open?: boolean;
-    /** Additional CSS classes for the dialog content panel. */
-    class?: string;
-    /** Controls the maximum width of the dialog panel. */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'full' | 'auto';
-    /** Vertical alignment of the dialog on screen. */
-    position?: 'top' | 'center';
-    /** Set to 'none' to remove internal padding. */
-    padding?: 'none' | undefined;
-    /** Whether clicking the backdrop closes the dialog. */
-    closeOnClickOutside?: boolean;
-    /** Whether pressing the browser Back button closes the dialog. Default true. */
-    closeOnNavigateBack?: boolean;
-    /** Whether to render a close (×) button in the header. */
-    closeButton?: boolean;
-    /**
-     * When true the dialog DOM is kept alive after close — children preserve
-     * internal state between open/close cycles.
-     */
-    staticRender?: boolean;
-    /** Prevent the page from scrolling while the dialog is open. */
-    preventScroll?: boolean;
-    /** Called after the open or close animation has fully completed.
-     * Note: This callback only fires when the internal component mutates the open state, not when the state is changed by outside)
-     */
-    onOpenChangeComplete?: (open: boolean) => void;
-    /** Element to return focus to when the dialog closes. */
-    triggerRef?: HTMLElement | null;
-    /** Focus triggerRef after close (default true when triggerRef is provided). */
-    focusTriggerAfterClose?: boolean;
-    /** Additional classes applied to the outer container div. */
-    containerClass?: string;
-    /** Additional classes applied to the header region. */
-    headerClass?: string;
-    /** Additional classes applied to the body/content region. */
-    bodyClass?: string;
-    /** Additional classes applied to the footer region. */
-    footerClass?: string;
-    /** Bindable reference to the dialog content element. */
-    ref?: HTMLElement | null;
-    [key: string]: unknown;
-};
-export type DialogPropsAstro = Omit<DialogProps, 'children' | 'open' | 'ref'>;

package/dist/components/dialog/Dialog.js

@@ -1 +0,0 @@
-export {};

package/dist/components/dropdown-menu/DropdownMenu.js

@@ -1 +0,0 @@
-export {};

package/dist/components/header/Header.d.ts

@@ -1,11 +0,0 @@
-import { type VariantProps } from "tailwind-variants";
-import type { Snippet } from "svelte";
-import type { HTMLAttributes } from "svelte/elements";
-export declare const styles: import("tailwind-variants", { with: { "resolution-mode": "import" } }).TVReturnType<{}, undefined, "", {}, undefined, import("tailwind-variants", { with: { "resolution-mode": "import" } }).TVReturnType<{}, undefined, "", unknown, unknown, undefined>>;
-type HeaderVariants = VariantProps<typeof styles>;
-export interface HeaderProps extends HTMLAttributes<HTMLElement>, HeaderVariants {
-    children?: Snippet;
-    onHamburgerClick?: () => void;
-    ref?: HTMLElement | null;
-}
-export {};

package/dist/components/header/Header.js

@@ -1,7 +0,0 @@
-import { tv } from "tailwind-variants";
-export const styles = tv({
-    base: '',
-    variants: {},
-    compoundVariants: [],
-    defaultVariants: {},
-});

package/dist/components/header/Header.svelte

@@ -1,33 +0,0 @@
-<script lang="ts">import {} from "./Header";
-import { BrandLogo } from "../../components/brand-logo";
-import './header.scss';
-import { Button } from "../button";
-import { IconHamburger } from "../icons";
-let { children, onHamburgerClick, ...props } = $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.svelte.d.ts

@@ -1,5 +0,0 @@
-import { type HeaderProps } from "./Header";
-import './header.scss';
-declare const Header: import("svelte", { with: { "resolution-mode": "import" } }).Component<HeaderProps, {}, "">;
-type Header = ReturnType<typeof Header>;
-export default Header;

package/dist/components/header/header.scss

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

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

@@ -1,2 +0,0 @@
-export { default as Header } from './Header.svelte';
-export type { HeaderProps } from './Header';

package/dist/components/header/index.js

@@ -1 +0,0 @@
-export { default as Header } from './Header.svelte';

package/dist/components/header/package.json

@@ -1,14 +0,0 @@
-{
-  "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,7 +0,0 @@
-<script lang="ts">import { styles } from "./Icons";
-import IconArrowBigRightFilled from "@tabler/icons-svelte/icons/arrow-big-down-filled";
-let { children, ...props } = $props();
-</script>
-
-<IconArrowBigRightFilled class={styles({...props})}/>
-

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

@@ -1,5 +0,0 @@
-import { type IconsProps } from "./Icons";
-import IconArrowBigRightFilled from "@tabler/icons-svelte/icons/arrow-big-down-filled";
-declare const IconArrowBigRightFilled: import("svelte").Component<IconsProps, {}, "">;
-type IconArrowBigRightFilled = ReturnType<typeof IconArrowBigRightFilled>;
-export default IconArrowBigRightFilled;

package/dist/components/icons/IconBook.svelte

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

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

@@ -1,5 +0,0 @@
-import { type IconsProps } from "./Icons";
-import IconBook from "@tabler/icons-svelte/icons/book";
-declare const IconBook: import("svelte").Component<IconsProps, {}, "">;
-type IconBook = ReturnType<typeof IconBook>;
-export default IconBook;

package/dist/components/icons/IconBookmarkPlus.svelte

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

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

@@ -1,5 +0,0 @@
-import { type IconsProps } from "./Icons";
-import IconBookmarkPlus from "@tabler/icons-svelte/icons/bookmark-plus";
-declare const IconBookmarkPlus: import("svelte").Component<IconsProps, {}, "">;
-type IconBookmarkPlus = ReturnType<typeof IconBookmarkPlus>;
-export default IconBookmarkPlus;

package/dist/components/icons/IconCalculator.svelte

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

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

@@ -1,5 +0,0 @@
-import { type IconsProps } from "./Icons";
-import IconCalculator from "@tabler/icons-svelte/icons/calculator";
-declare const IconCalculator: import("svelte").Component<IconsProps, {}, "">;
-type IconCalculator = ReturnType<typeof IconCalculator>;
-export default IconCalculator;

package/dist/components/icons/IconCoin.svelte

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

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

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

package/dist/components/icons/IconCoinConvert.svelte

@@ -1,17 +0,0 @@
-<script lang="ts">import { styles } from "./Icons";
-let { children, ...props } = $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

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

package/dist/components/icons/IconCopy.svelte

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

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

@@ -1,5 +0,0 @@
-import { type IconsProps } from "./Icons";
-import IconCopy from "@tabler/icons-svelte/icons/copy";
-declare const IconCopy: import("svelte").Component<IconsProps, {}, "">;
-type IconCopy = ReturnType<typeof IconCopy>;
-export default IconCopy;

package/dist/components/icons/IconCopyCheckFilled.svelte

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

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

@@ -1,5 +0,0 @@
-import { type IconsProps } from "./Icons";
-import IconCopyCheckFilled from "@tabler/icons-svelte/icons/copy-check-filled";
-declare const IconCopyCheckFilled: import("svelte").Component<IconsProps, {}, "">;
-type IconCopyCheckFilled = ReturnType<typeof IconCopyCheckFilled>;
-export default IconCopyCheckFilled;

package/dist/components/icons/IconHamburger.svelte

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

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

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

package/dist/components/icons/IconLanguage.svelte

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