tera-system-ui 0.1.75 → 0.2.1

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

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

package/dist/components/icons/IconLoader2.svelte

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

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

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

package/dist/components/icons/IconLogout.svelte

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

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

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

package/dist/components/icons/IconMoon.svelte

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

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

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

package/dist/components/icons/IconPointFilled.svelte

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

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

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

package/dist/components/icons/IconSettings.svelte

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

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

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

package/dist/components/icons/IconSun.svelte

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

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

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

package/dist/components/icons/IconSwitchHorizontal.svelte

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

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

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

package/dist/components/icons/IconSwitchVertical.svelte

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

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

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

package/dist/components/icons/IconTransform.svelte

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

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

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

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

@@ -1,23 +0,0 @@
-export { default as IconArrowBigRightFilled } from './IconArrowBigRightFilled.svelte';
-export { default as IconBook } from './IconBook.svelte';
-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';
-export { default as IconLanguage } from './IconLanguage.svelte';
-export { default as IconLoader2 } from './IconLoader2.svelte';
-export { default as IconLogout } from './IconLogout.svelte';
-export { default as IconMoon } from './IconMoon.svelte';
-export { default as IconPointFilled } from './IconPointFilled.svelte';
-export { default as IconSearch } from './IconSearch.svelte';
-export { default as IconSettings } from './IconSettings.svelte';
-export { default as IconSun } from './IconSun.svelte';
-export { default as IconSwitchHorizontal } from './IconSwitchHorizontal.svelte';
-export { default as IconSwitchVertical } from './IconSwitchVertical.svelte';
-export { default as IconTransform } from './IconTransform.svelte';
-export { default as IconX } from './IconX.svelte';

package/dist/components/icons/index.js

@@ -1,23 +0,0 @@
-export { default as IconArrowBigRightFilled } from './IconArrowBigRightFilled.svelte';
-export { default as IconBook } from './IconBook.svelte';
-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';
-export { default as IconLanguage } from './IconLanguage.svelte';
-export { default as IconLoader2 } from './IconLoader2.svelte';
-export { default as IconLogout } from './IconLogout.svelte';
-export { default as IconMoon } from './IconMoon.svelte';
-export { default as IconPointFilled } from './IconPointFilled.svelte';
-export { default as IconSearch } from './IconSearch.svelte';
-export { default as IconSettings } from './IconSettings.svelte';
-export { default as IconSun } from './IconSun.svelte';
-export { default as IconSwitchHorizontal } from './IconSwitchHorizontal.svelte';
-export { default as IconSwitchVertical } from './IconSwitchVertical.svelte';
-export { default as IconTransform } from './IconTransform.svelte';
-export { default as IconX } from './IconX.svelte';

package/dist/components/input/Input.d.ts

@@ -1,72 +0,0 @@
-import { type VariantProps } from "tailwind-variants";
-import type { Snippet } from "svelte";
-import type { HTMLInputAttributes } from "svelte/elements";
-export declare const styles: import("tailwind-variants").TVReturnType<{
-    variant: {
-        outlined: string;
-        filled: string;
-        borderless: string;
-    };
-    disabled: {
-        true: string;
-        false: string;
-    };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    status: {
-        error: string;
-        warning: string;
-    };
-}, undefined, "w-full inline-flex items-center justify-center rounded-md outline-none font-normal text-text-primary placeholder:text-text-tertiary transition-[border-color,box-shadow,background-color] ease-ui duration-150", {
-    variant: {
-        outlined: string;
-        filled: string;
-        borderless: string;
-    };
-    disabled: {
-        true: string;
-        false: string;
-    };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    status: {
-        error: string;
-        warning: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    variant: {
-        outlined: string;
-        filled: string;
-        borderless: string;
-    };
-    disabled: {
-        true: string;
-        false: string;
-    };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    status: {
-        error: string;
-        warning: string;
-    };
-}, undefined, "w-full inline-flex items-center justify-center rounded-md outline-none font-normal text-text-primary placeholder:text-text-tertiary transition-[border-color,box-shadow,background-color] ease-ui duration-150", unknown, unknown, undefined>>;
-type InputVariants = VariantProps<typeof styles>;
-export interface InputProps extends Omit<HTMLInputAttributes, 'disabled' | 'size' | 'value' | 'prefix'>, InputVariants {
-    children?: Snippet;
-    class?: string;
-    value?: string;
-    ref?: HTMLInputElement | null;
-    prefix?: Snippet;
-    suffix?: Snippet;
-    allowClear?: boolean;
-}
-export {};

package/dist/components/input/Input.js

@@ -1,45 +0,0 @@
-import { tv } from "tailwind-variants";
-export const styles = tv({
-    base: 'w-full inline-flex items-center justify-center rounded-md outline-none font-normal text-text-primary placeholder:text-text-tertiary transition-[border-color,box-shadow,background-color] ease-ui duration-150',
-    variants: {
-        variant: {
-            outlined: 'border border-border-default bg-surface-control hover:border-interactive focus:border-interactive-hover focus:shadow-focus',
-            filled: 'bg-surface-sunken border border-transparent hover:bg-surface-hover focus:bg-surface focus:border-interactive-hover focus:shadow-focus',
-            borderless: 'bg-transparent border-0 hover:bg-surface-raised focus:bg-surface-raised',
-        },
-        disabled: {
-            true: 'cursor-not-allowed bg-surface-sunken text-text-disabled border-border-default',
-            false: 'cursor-text',
-        },
-        size: {
-            sm: 'h-6 px-3 text-sm',
-            md: 'h-9 px-3 text-sm',
-            lg: 'h-10 px-3 text-base',
-        },
-        status: {
-            error: 'border-error-default hover:border-error-hover focus:border-error-default focus:shadow-focus-error',
-            warning: 'border-warning-default hover:border-warning-hover focus:border-warning-default focus:shadow-focus-warning',
-        },
-    },
-    compoundVariants: [
-        {
-            variant: 'outlined',
-            disabled: true,
-            class: 'hover:border-border-default'
-        },
-        {
-            variant: 'filled',
-            disabled: true,
-            class: 'hover:bg-surface-sunken'
-        },
-        {
-            variant: 'borderless',
-            disabled: true,
-            class: 'hover:bg-transparent'
-        }
-    ],
-    defaultVariants: {
-        variant: 'outlined',
-        size: 'md'
-    },
-});

package/dist/components/label/Label.d.ts

@@ -1,38 +0,0 @@
-import { type VariantProps } from "tailwind-variants";
-import type { Snippet } from "svelte";
-import type { HTMLLabelAttributes } from "svelte/elements";
-export declare const styles: import("tailwind-variants").TVReturnType<{
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    required: {
-        true: string;
-    };
-}, undefined, "text-sm font-medium text-text-primary leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50", {
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    required: {
-        true: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    required: {
-        true: string;
-    };
-}, undefined, "text-sm font-medium text-text-primary leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50", unknown, unknown, undefined>>;
-type LabelVariants = VariantProps<typeof styles>;
-export interface LabelProps extends HTMLLabelAttributes, LabelVariants {
-    children?: Snippet;
-    class?: string;
-    ref?: HTMLLabelElement | null;
-}
-export {};

package/dist/components/label/Label.js

@@ -1,18 +0,0 @@
-import { tv } from "tailwind-variants";
-export const styles = tv({
-    base: 'text-sm font-medium text-text-primary leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
-    variants: {
-        size: {
-            sm: 'text-xs',
-            md: 'text-sm',
-            lg: 'text-base',
-        },
-        required: {
-            true: "after:content-['*'] after:ml-0.5 after:text-error-default",
-        },
-    },
-    compoundVariants: [],
-    defaultVariants: {
-        size: 'md',
-    },
-});

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

@@ -1,15 +0,0 @@
-import { type VariantProps } from "tailwind-variants";
-import type { Snippet } from "svelte";
-import type { HTMLButtonAttributes } from "svelte/elements";
-export declare const styles: import("tailwind-variants").TVReturnType<{}, undefined, "", {}, undefined, import("tailwind-variants").TVReturnType<{}, undefined, "", unknown, unknown, undefined>>;
-type LanguagePickerButtonVariants = VariantProps<typeof styles>;
-export interface LanguagePickerButtonProps extends HTMLButtonAttributes, LanguagePickerButtonVariants {
-    children?: Snippet;
-    class?: string;
-    language?: string;
-    supportLanguages?: string[];
-    basePath?: string;
-    open?: boolean;
-    ref?: HTMLButtonElement | null;
-}
-export {};

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

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

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

@@ -1,78 +0,0 @@
-<script lang="ts">import {} from "./LanguagePickerButton";
-import { IconLanguage } from "../icons";
-import { Dialog } from "../dialog";
-import IconCheck from "../icons/IconCheck.svelte";
-import { getGlobalContext } from "../tera-ui-context/global-context";
-import { m } from '../../paraglide/messages.js';
-import { ALL_LANGUAGE_LIST } from "../../tera-i18n/projects/common/all-language-data";
-import { cn } from "../../utils";
-let { children, onLangSelect, open = $bindable(false), language, supportLanguages, basePath, ...props } = $props();
-let context = getGlobalContext();
-const resolvedSupportLanguages = $derived(supportLanguages ?? context.supportLanguages ?? ['en']);
-const resolvedLanguage = $derived(language ?? context.language ?? 'en');
-const resolvedBasePath = $derived(basePath ?? context.basePath ?? '');
-let currentLangItem = $derived(ALL_LANGUAGE_LIST.find(l => l.code === resolvedLanguage));
-let langList = $derived([currentLangItem, ...ALL_LANGUAGE_LIST.filter(lang => resolvedSupportLanguages.includes(lang.code) && lang.code !== resolvedLanguage)]);
-function getFlagUrl(flag) {
-    if (flag === 'spain') {
-        return `${resolvedBasePath}/world-flags/${flag}.png`;
-    }
-    return `${resolvedBasePath}/world-flags/${flag}.svg`;
-}
-</script>
-
-<!--add component here-->
-<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" loading="lazy" src={getFlagUrl(currentLangItem?.flag)} alt={currentLangItem?.flag}>
-</button>
-
-<Dialog bind:open={open} class="text-neutral-token-13" size="auto">
-    {#snippet header()}
-        {m.text_select_language()}
-    {/snippet}
-    <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 (lang.code)}
-            <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)
-                        open = false
-                    }}
-                    data-selected={lang.code === resolvedLanguage ? '' : undefined}>
-                <div class="flex items-center gap-2">
-                    <img class="size-8 flag-img" src={getFlagUrl(lang.flag)} alt={currentLangItem?.flag} loading="lazy">
-                    {lang.label}
-                </div>
-                <div class="check">
-                    <IconCheck class="check size-icon-sm"/>
-                </div>
-            </button>
-        {/each}
-    </div>
-</Dialog>
-
-
-<style>button .check {
-  opacity: 0;
-}
-button:hover {
-  background: var(--color-neutral-token-4);
-}
-button[data-selected] {
-  background: var(--color-neutral-token-11);
-  color: var(--color-neutral-token-1);
-}
-button[data-selected] .check {
-  opacity: 1;
-}
-
-.flag-img {
-  border-radius: var(--radius-full);
-}</style>

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

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

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

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

package/dist/components/language-picker-button/index.js

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

package/dist/components/light-dark-toggle/LightDarkToggle.d.ts

@@ -1,11 +0,0 @@
-import { type VariantProps } from "tailwind-variants";
-import type { Snippet } from "svelte";
-import type { HTMLButtonAttributes } from "svelte/elements";
-export declare const styles: import("tailwind-variants").TVReturnType<{}, undefined, "", {}, undefined, import("tailwind-variants").TVReturnType<{}, undefined, "", unknown, unknown, undefined>>;
-type LightDarkToggleVariants = VariantProps<typeof styles>;
-export interface LightDarkToggleProps extends HTMLButtonAttributes, LightDarkToggleVariants {
-    children?: Snippet;
-    class?: string;
-    ref?: HTMLButtonElement | null;
-}
-export {};

package/dist/components/light-dark-toggle/LightDarkToggle.js

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

package/dist/components/light-dark-toggle/LightDarkToggle.svelte

@@ -1,33 +0,0 @@
-<script lang="ts">import {} from "./LightDarkToggle";
-import { Button } from "../button";
-import IconSun from "../icons/IconSun.svelte";
-import IconMoon from "../icons/IconMoon.svelte";
-let { children, ...props } = $props();
-// $effect(() => {
-//     const htmlElement = document.documentElement;
-//     // Check for saved theme preference
-//     const currentTheme = localStorage.getItem('theme');
-//     if (currentTheme === 'dark') {
-//         htmlElement.classList.add('dark');
-//     } else {
-//         htmlElement.classList.remove('dark');
-//     }
-// })
-function toggleLightDarkTheme() {
-    const htmlElement = document.documentElement;
-    htmlElement.classList.toggle('dark');
-    const theme = htmlElement.classList.contains('dark') ? 'dark' : 'light';
-    localStorage.setItem('theme', theme);
-}
-</script>
-
-<!--add component here-->
-<Button variant="ghost" icon
-        aria-label="Toggle light/dark mode"
-        {...props}
-        onclick={toggleLightDarkTheme}>
-    <!-- Sun icon, animates out when in dark mode -->
-    <IconSun class="icon-sun dark:hidden"/>
-    <!-- Moon icon, animates in when in dark mode -->
-    <IconMoon class="icon-moon hidden dark:block"/>
-</Button>

package/dist/components/light-dark-toggle/LightDarkToggle.svelte.d.ts

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

package/dist/components/light-dark-toggle/index.d.ts

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

package/dist/components/light-dark-toggle/index.js

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

package/dist/components/marketing/FeatureCard.svelte

@@ -1,37 +0,0 @@
-<script lang="ts">let { icon, title, description, variant = 'default', href, class: className = '', } = $props();
-const variantClass = {
-    default: 'bg-surface-raised shadow-sm border border-transparent',
-    elevated: 'bg-surface-raised shadow-md border border-transparent',
-    bordered: 'bg-surface-raised border border-border-default',
-    'gradient-border': 'bg-surface-raised border-2 border-transparent gradient-border-card',
-};
-const tag = $derived(href ? 'a' : 'div');
-export {};
-</script>
-
-<svelte:element
-    this={tag}
-    href={href}
-    class="block p-6 rounded-container transition-[box-shadow,transform] ease-spring duration-300 hover:shadow-md hover:-translate-y-0.5 {variantClass[variant]} {className}"
->
-    {#if icon}
-        <div class="mb-4 size-12 flex items-center justify-center rounded-xl bg-interactive-subtle text-interactive">
-            {@render icon()}
-        </div>
-    {/if}
-
-    <h3 class="font-semibold text-base text-text-primary mb-1.5">{title}</h3>
-
-    {#if description}
-        <p class="text-sm text-text-secondary leading-relaxed">{description}</p>
-    {/if}
-</svelte:element>
-
-<style>
-    .gradient-border-card {
-        background-image: linear-gradient(var(--color-surface-raised), var(--color-surface-raised)),
-                          conic-gradient(from 0deg, var(--color-primary-500), #7C3AED, var(--color-primary-500));
-        background-origin: border-box;
-        background-clip: padding-box, border-box;
-    }
-</style>

package/dist/components/marketing/FeatureCard.svelte.d.ts

@@ -1,13 +0,0 @@
-import type { Snippet } from 'svelte';
-type FeatureVariant = 'default' | 'elevated' | 'bordered' | 'gradient-border';
-type $$ComponentProps = {
-    icon?: Snippet;
-    title: string;
-    description?: string;
-    variant?: FeatureVariant;
-    href?: string;
-    class?: string;
-};
-declare const FeatureCard: import("svelte").Component<$$ComponentProps, {}, "">;
-type FeatureCard = ReturnType<typeof FeatureCard>;
-export default FeatureCard;