negodesign 0.0.11 → 0.0.13

package/dist/components/core/card/profile/CardProfile.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { CardProfileProps } from "../types";
+type Props = {
+    variant?: 1 | 2;
+};
+type $$ComponentProps = CardProfileProps & Props;
+declare const CardProfile: import("svelte").Component<$$ComponentProps, {}, "">;
+type CardProfile = ReturnType<typeof CardProfile>;
+export default CardProfile;

package/dist/components/core/card/profile/data.d.ts

@@ -0,0 +1,3 @@
+import type { CardProfileProps } from "../types";
+declare const items: CardProfileProps[];
+export default items;

package/dist/components/core/card/profile/data.js

@@ -0,0 +1,107 @@
+import { GlobalIcon, MapPin, NecklaceIcon } from "@hugeicons/core-free-icons";
+const items = [
+    {
+        id: 1,
+        logo: 'https://api.dicebear.com/9.x/initials/svg?seed=Hotel%20Baía%20Azul&backgroundColor=1a2420&textColor=e3b563',
+        title: 'Hotel Baía Azul',
+        content: 'Hotel à beira-mar com vista panorâmica sobre a baía, piscina infinita e restaurante gastronómico. Resort tropical rodeado de jardins, com acesso direto à praia e atividades para toda a família Resort tropical rodeado de jardins, com acesso direto à praia e atividades para toda a família',
+        startNumber: 5,
+        startMax: 5,
+        isFavorite: true,
+        tags: [
+            {
+                icon: GlobalIcon,
+                text: 'Luanda',
+            },
+            {
+                icon: MapPin,
+                text: 'Kilamba',
+            },
+            {
+                icon: NecklaceIcon,
+                text: 'Rua 19',
+            },
+        ],
+    },
+    {
+        id: 2,
+        logo: 'https://api.dicebear.com/9.x/initials/svg?seed=Miramar%20Suites&backgroundColor=1a2420&textColor=e3b563',
+        title: 'Miramar Suites',
+        content: 'Suítes modernas no coração da cidade, com spa completo e serviço de quarto 24 horas.',
+        startNumber: 4,
+        startMax: 5,
+        tags: [
+            {
+                icon: GlobalIcon,
+                text: 'Benguela',
+            },
+            {
+                icon: MapPin,
+                text: 'Catumbela',
+            },
+            {
+                icon: GlobalIcon,
+                text: 'Luanda',
+            },
+            {
+                icon: MapPin,
+                text: 'Kilamba',
+            },
+        ],
+    },
+    {
+        id: 3,
+        logo: 'https://api.dicebear.com/9.x/initials/svg?seed=Palm%20Resort&backgroundColor=1a2420&textColor=e3b563',
+        title: 'Palm Resort & Spa',
+        content: 'Resort tropical rodeado de jardins, com acesso direto à praia e atividades para toda a família.',
+        startNumber: 5,
+        startMax: 5,
+        isFavorite: true,
+        tags: [
+            {
+                icon: GlobalIcon,
+                text: 'Huíla',
+            },
+            {
+                icon: MapPin,
+                text: 'Huíla',
+            },
+        ],
+    },
+    {
+        id: 4,
+        logo: 'https://api.dicebear.com/9.x/initials/svg?seed=Hotel%20Central%20Park&backgroundColor=1a2420&textColor=e3b563',
+        title: 'Hotel Central Park',
+        content: 'Localização privilegiada no centro urbano, ideal para viagens de negócios, com centro de conferências.',
+        startNumber: 3,
+        startMax: 5,
+        tags: [
+            {
+                icon: NecklaceIcon,
+                text: 'Rua 19',
+            },
+            {
+                icon: GlobalIcon,
+                text: 'Luanda',
+            },
+            {
+                icon: MapPin,
+                text: 'Kilamba',
+            },
+            {
+                icon: NecklaceIcon,
+                text: 'Rua 19',
+            },
+        ]
+    },
+    {
+        id: 5,
+        logo: 'https://api.dicebear.com/9.x/initials/svg?seed=Villa%20Serena&backgroundColor=1a2420&textColor=e3b563',
+        title: 'Villa Serena Boutique',
+        content: 'Boutique hotel intimista com decoração exclusiva, café da manhã artesanal e vista para as montanhas.',
+        startNumber: 4,
+        startMax: 5,
+        isFavorite: true,
+    },
+];
+export default items;

package/dist/components/core/card/promotion/CardPromotion.svelte

@@ -0,0 +1,44 @@
+<script lang="ts">
+  import CardFavorite from "../shared/CardFavorite.svelte";
+  /**
+   * Card component with a title and content.
+   * @component
+   */
+  import type { CardPromotionProps } from "../types";
+
+  let {
+    logo,
+    imageUrl,
+    title,
+    isFavorite = false,
+  }: CardPromotionProps = $props();
+</script>
+
+<article class="relative rounded-sm">
+  {#if logo}
+    <div class="absolute top-1 left-1 z-2 flex gap-1 p-2">
+      <img src={logo} width={30} height={30} alt={title} class="rounded-lg" />
+    </div>
+  {/if}
+
+  <div class="absolute top-1 right-1 z-2 flex gap-1 p-2">
+    <CardFavorite {isFavorite} />
+  </div>
+
+  {#if imageUrl}
+    <img
+      src={imageUrl}
+      alt={imageUrl}
+      class="rounded-lg md:h-37.5 md:w-37.5 lg:h-50 lg:w-50 object-cover object-center"
+    />
+  {/if}
+  <div class="absolute inset-0 bg-black/5 rounded-sm h-full w-full"></div>
+
+  <div
+    class="absolute bottom-1 inset-x-0 flex justify-center m-auto bg-black/10 backdrop-blur-sm max-w-11/12 p-2 rounded-md"
+  >
+    {#if title}
+      <div class="text-center font-semibold text-[12px]">{title}</div>
+    {/if}
+  </div>
+</article>

package/dist/components/core/card/promotion/CardPromotion.svelte.d.ts

@@ -0,0 +1,8 @@
+/**
+   * Card component with a title and content.
+   * @component
+   */
+import type { CardPromotionProps } from "../types";
+declare const CardPromotion: import("svelte").Component<CardPromotionProps, {}, "">;
+type CardPromotion = ReturnType<typeof CardPromotion>;
+export default CardPromotion;

package/dist/components/core/card/promotion/data.d.ts

@@ -0,0 +1,3 @@
+import type { CardPromotionProps } from "../types";
+declare const items: CardPromotionProps[];
+export default items;

package/dist/components/core/card/promotion/data.js

@@ -0,0 +1,31 @@
+const items = [
+    {
+        id: 1,
+        imageUrl: 'https://images.unsplash.com/photo-1507525428034-b723cf961d3e?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
+        title: 'Hotel Baía Azul',
+        isFavorite: true,
+    },
+    {
+        id: 2,
+        imageUrl: 'https://images.unsplash.com/photo-1507525428034-b723cf961d3e?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
+        title: 'Miramar Suites',
+    },
+    {
+        id: 3,
+        imageUrl: 'https://images.unsplash.com/photo-1507525428034-b723cf961d3e?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
+        title: 'Palm Resort & Spa',
+        isFavorite: true
+    },
+    {
+        id: 4,
+        imageUrl: 'https://images.unsplash.com/photo-1507525428034-b723cf961d3e?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
+        title: 'Hotel Central Park',
+    },
+    {
+        id: 5,
+        imageUrl: 'https://images.unsplash.com/photo-1507525428034-b723cf961d3e?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
+        title: 'Villa Serena Boutique',
+        isFavorite: true,
+    },
+];
+export default items;

package/dist/components/core/card/shared/CardButton.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+    import { Button } from "../../../ui/button/index.js";
+    import { HugeiconsIcon, type IconSvgElement } from "@hugeicons/svelte";
+
+    type CardButtonProps = {
+        id: string | number;
+        icon: IconSvgElement;
+        isFlex?: boolean;
+        className?: string;
+        text: string;
+        onClick: (id: string | number) => void;
+    };
+
+    let { 
+        id, 
+        icon, 
+        isFlex, 
+        className, 
+        text, 
+        onClick 
+    }: CardButtonProps = $props();
+</script>
+
+<Button
+    class="{isFlex ? 'flex-1' : ''} {className}"
+    onclick={() => onClick(id)}
+>
+    <HugeiconsIcon {icon} />
+    <span>{text}</span>
+</Button>

package/dist/components/core/card/shared/CardButton.svelte.d.ts

@@ -0,0 +1,12 @@
+import { type IconSvgElement } from "@hugeicons/svelte";
+type CardButtonProps = {
+    id: string | number;
+    icon: IconSvgElement;
+    isFlex?: boolean;
+    className?: string;
+    text: string;
+    onClick: (id: string | number) => void;
+};
+declare const CardButton: import("svelte").Component<CardButtonProps, {}, "">;
+type CardButton = ReturnType<typeof CardButton>;
+export default CardButton;

package/dist/components/core/card/shared/CardDescription.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+    import { Message01Icon } from "@hugeicons/core-free-icons";
+    import { HugeiconsIcon } from "@hugeicons/svelte";
+    import TruncatableText from "./TruncatableText.svelte";
+    import { t } from "../../../../i18n";
+    
+    type CardDescriptionProps = {
+        content?: string;
+    };
+
+    let { content }: CardDescriptionProps = $props();
+</script>
+
+{#if content}
+    <div class="mb-1 text-[14px] flex items-center gap-1">
+        <HugeiconsIcon icon={Message01Icon} class="h-4 w-4" />
+        <div>{$t("label.description")}</div>
+    </div>
+    <TruncatableText
+        text={content}
+        class="text-justify text-[13px] text-gray-800  dark:text-gray-50 mt-3 my-4"
+    />
+{/if}

package/dist/components/core/card/shared/CardDescription.svelte.d.ts

@@ -0,0 +1,6 @@
+type CardDescriptionProps = {
+    content?: string;
+};
+declare const CardDescription: import("svelte").Component<CardDescriptionProps, {}, "">;
+type CardDescription = ReturnType<typeof CardDescription>;
+export default CardDescription;

package/dist/components/core/card/shared/CardFavorite.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+  import { Button } from "../../../ui/button/index.js";
+  import { HeartAddIcon, HeartRemoveIcon } from "@hugeicons/core-free-icons";
+  import { HugeiconsIcon } from "@hugeicons/svelte";
+
+  type Props = {
+    isFavorite: boolean;
+    onFavoriteClick?: () => void;
+  };
+
+  let { isFavorite, onFavoriteClick }: Props = $props();
+</script>
+
+{#if isFavorite}
+  <Button
+    class="w-8 h-8 rounded-full bg-[#ce2356]"
+    onclick={() => onFavoriteClick!()}
+  >
+    <HugeiconsIcon icon={HeartRemoveIcon} />
+  </Button>
+{:else}
+  <Button
+    class="w-8 h-8 rounded-full bg-[#808080]"
+    onclick={() => onFavoriteClick!()}
+  >
+    <HugeiconsIcon icon={HeartAddIcon} />
+  </Button>
+{/if}

package/dist/components/core/card/shared/CardFavorite.svelte.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    isFavorite: boolean;
+    onFavoriteClick?: () => void;
+};
+declare const CardFavorite: import("svelte").Component<Props, {}, "">;
+type CardFavorite = ReturnType<typeof CardFavorite>;
+export default CardFavorite;

package/dist/components/core/card/shared/CardStarRating.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+    import * as StarRating from "../../../ui/star-rating";
+
+    type Props = {
+        startNumber: number;
+        startMax: number;
+    };
+
+    let { startNumber, startMax }: Props = $props();
+</script>
+
+{#if startNumber}
+    <StarRating.Root max={startMax} value={startNumber} class="size-15 h-auto">
+        {#snippet children({ items })}
+            {#each items as item (item.index)}
+                <StarRating.Star {...item} class="py-0! my-0!" />
+            {/each}
+        {/snippet}
+    </StarRating.Root>
+{/if}

package/dist/components/core/card/shared/CardStarRating.svelte.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    startNumber: number;
+    startMax: number;
+};
+declare const CardStarRating: import("svelte").Component<Props, {}, "">;
+type CardStarRating = ReturnType<typeof CardStarRating>;
+export default CardStarRating;

package/dist/components/core/card/shared/CardTags.svelte

@@ -0,0 +1,56 @@
+<script lang="ts">
+    import { HugeiconsIcon } from "@hugeicons/svelte";
+    import type { CardTagsProps } from "../types";
+
+    type Props = {
+        className?: string;
+        tags: CardTagsProps[];
+        isTagBorderBottom?: boolean;
+        isWrap?: boolean;
+    };
+
+    const {
+        tags,
+        className,
+        isTagBorderBottom,
+        isWrap = false,
+    }: Props = $props();
+
+    let isJustify = $derived(tags.length == 2 || tags.length == 3);
+</script>
+
+{#snippet createBadge(tag: CardTagsProps)}
+    <div
+        class="flex items-center h-5 shrink-0 {isTagBorderBottom
+            ? 'border border-gray-200 rounded-full px-2 py-1'
+            : ''}"
+    >
+        {#if tag.icon}
+            <HugeiconsIcon
+                icon={tag.icon}
+                class="mr-0.5 h-3.75 w-3.75 shrink-0"
+            />
+        {/if}
+        <div class="whitespace-nowrap">{tag.text}</div>
+    </div>
+{/snippet}
+
+{#if tags && tags.length > 0}
+    {#if isWrap}
+        <div class="flex flex-wrap gap-2 md:gap-5 {className}">
+            {#each tags as tag, i (i)}
+                 {@render createBadge(tag)}
+            {/each}
+        </div>
+    {:else}
+        <div class="flex overflow-x-auto no-scrollbar w-full
+        {isJustify ? 'justify-between' : 'gap-4 md:gap-5 lg:gap-10'}
+        {className}">
+            {#each tags as tag, i (i)}
+                 {@render createBadge(tag)}
+            {/each}
+        </div>
+    {/if}
+{:else}
+    <div class="w-full h-5 {className}"></div>
+{/if}

package/dist/components/core/card/shared/CardTags.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { CardTagsProps } from "../types";
+type Props = {
+    className?: string;
+    tags: CardTagsProps[];
+    isTagBorderBottom?: boolean;
+    isWrap?: boolean;
+};
+declare const CardTags: import("svelte").Component<Props, {}, "">;
+type CardTags = ReturnType<typeof CardTags>;
+export default CardTags;

package/dist/components/core/card/shared/CardThumbnailVideo.svelte

@@ -0,0 +1,170 @@
+<!-- CardMedia.svelte -->
+<script lang="ts">
+    /**
+     * Image thumbnail with hover-to-play video, lazy loading,
+     * duration badge, video indicator, and optional maximize overlay.
+     * @component
+     */
+    import { HugeiconsIcon } from "@hugeicons/svelte";
+    import { Maximize01Icon, Cancel01Icon, VideoReplayIcon } from "@hugeicons/core-free-icons";
+
+    type Props = {
+        imageUrl?: string;
+        videoUrl?: string;
+        class?: string;
+        isImageButtonMaximized?: boolean;
+        isVideoButtonMaximized?: boolean;
+    };
+
+    let {
+        imageUrl,
+        videoUrl,
+        class: className = "w-64 h-64",
+        isImageButtonMaximized = false,
+        isVideoButtonMaximized = false,
+    }: Props = $props();
+
+    let containerEl: HTMLDivElement | undefined = $state();
+    let videoEl: HTMLVideoElement | undefined = $state();
+
+    let isHovering = $state(false);
+    let isVisible = $state(false);
+    let isMaximized = $state(false);
+    let duration = $state("");
+
+    let showVideo = $derived(!imageUrl || isHovering);
+    let showMaximize = $derived((imageUrl && isImageButtonMaximized) || (videoUrl && isVideoButtonMaximized));
+    let showVideoBadge = $derived(!!imageUrl && !!videoUrl && !isHovering);
+
+    function onLoadedMetadata() {
+        if (!videoEl) return;
+        const m = Math.floor(videoEl.duration / 60);
+        const s = Math.floor(videoEl.duration % 60);
+        duration = `${m}:${s.toString().padStart(2, "0")}`;
+    }
+
+    function toggleHover(state: boolean) {
+        if (!videoUrl) return;
+        isHovering = state;
+        if (state) videoEl?.play();
+        else {
+            videoEl?.pause();
+            if (imageUrl && videoEl) videoEl.currentTime = 0;
+        }
+    }
+
+    $effect(() => {
+        if (!containerEl) return;
+        const observer = new IntersectionObserver(
+            ([entry]) => {
+                if (entry.isIntersecting) {
+                    isVisible = true;
+                    observer.disconnect();
+                }
+            },
+            { rootMargin: "100px" }
+        );
+        observer.observe(containerEl);
+        return () => observer.disconnect();
+    });
+</script>
+
+<svelte:window onkeydown={isMaximized ? (e) => e.key === "Escape" && (isMaximized = false) : undefined} />
+
+{#snippet maximizeButton()}
+    <button
+        type="button"
+        class="absolute top-2 right-2 z-10 rounded-full bg-black/50 p-1.5 text-white transition-colors hover:bg-black/70"
+        onclick={(e) => { e.stopPropagation(); isMaximized = true; videoEl?.pause(); }}
+        aria-label="Maximizar"
+    >
+        <HugeiconsIcon icon={Maximize01Icon} size={16} color="currentColor" strokeWidth={1.5} />
+    </button>
+{/snippet}
+
+{#if imageUrl || videoUrl}
+    <div
+        bind:this={containerEl}
+        class="relative w-full {className}"
+        role="button"
+        tabindex="0"
+        onmouseenter={() => toggleHover(true)}
+        onmouseleave={() => toggleHover(false)}
+        onfocus={() => toggleHover(true)}
+        onblur={() => toggleHover(false)}
+        onkeydown={(e) => (e.key === "Enter" || e.key === " ") && (e.preventDefault(), toggleHover(!isHovering))}
+    >
+        {#if imageUrl}
+            <img
+                src={isVisible ? imageUrl : undefined}
+                loading="lazy"
+                decoding="async"
+                alt={imageUrl}
+                class="absolute inset-0 w-full {className} rounded-md object-cover transition-opacity duration-500"
+                class:opacity-0={videoUrl && showVideo}
+            />
+        {/if}
+
+        {#if videoUrl && isVisible}
+            <video
+                bind:this={videoEl}
+                src={videoUrl}
+                preload="metadata"
+                onloadedmetadata={onLoadedMetadata}
+                class="absolute inset-0 w-full {className} rounded-md object-cover transition-opacity duration-500"
+                class:opacity-0={imageUrl && !showVideo}
+                muted
+                loop
+                playsinline
+            ></video>
+        {/if}
+
+        {#if showVideoBadge}
+            <div class="pointer-events-none absolute inset-0 flex items-center justify-center transition-opacity duration-300">
+                <div class="flex h-11 w-11 items-center justify-center rounded-full bg-black/50 backdrop-blur-sm">
+                    <HugeiconsIcon icon={VideoReplayIcon} size={22} color="white" strokeWidth={1.5} />
+                </div>
+            </div>
+            {#if duration}
+                <span class="absolute bottom-2 right-2 z-10 rounded bg-black/60 px-1.5 py-0.5 text-xs font-medium text-white">
+                    {duration}
+                </span>
+            {/if}
+        {/if}
+
+        {#if showMaximize}
+            {@render maximizeButton()}
+        {/if}
+    </div>
+{/if}
+
+{#if isMaximized}
+    <div class="fixed inset-0 z-50">
+        <button
+            type="button"
+            class="absolute inset-0 h-full w-full cursor-default bg-black/80"
+            onclick={() => (isMaximized = false)}
+            aria-label="Fechar modal"
+        ></button>
+
+        <div class="pointer-events-none fixed inset-0 z-50 flex items-center justify-center p-4">
+            <div class="pointer-events-auto relative max-h-[90vh] max-w-4xl">
+                <button
+                    type="button"
+                    class="absolute top-3 right-3 rounded-full bg-red-900/50 p-2 text-white hover:bg-black/70"
+                    onclick={() => (isMaximized = false)}
+                    aria-label="Fechar"
+                >
+                    <HugeiconsIcon icon={Cancel01Icon} size={20} color="currentColor" strokeWidth={1.5} />
+                </button>
+
+                {#if videoUrl && showVideo}
+                    <!-- svelte-ignore a11y_media_has_caption -->
+                    <video src={videoUrl} class="max-h-[90vh] max-w-full rounded-md" controls autoplay playsinline></video>
+                {:else if imageUrl}
+                    <img src={imageUrl} alt={imageUrl} class="max-h-[90vh] max-w-full rounded-md object-contain" />
+                {/if}
+            </div>
+        </div>
+    </div>
+{/if}

package/dist/components/core/card/shared/CardThumbnailVideo.svelte.d.ts

@@ -0,0 +1,10 @@
+type Props = {
+    imageUrl?: string;
+    videoUrl?: string;
+    class?: string;
+    isImageButtonMaximized?: boolean;
+    isVideoButtonMaximized?: boolean;
+};
+declare const CardThumbnailVideo: import("svelte").Component<Props, {}, "">;
+type CardThumbnailVideo = ReturnType<typeof CardThumbnailVideo>;
+export default CardThumbnailVideo;

package/dist/components/core/card/shared/TruncatableText.svelte

@@ -0,0 +1,56 @@
+<!-- shared/TruncatableText.svelte -->
+<script lang="ts">
+    /**
+     * Clamps text to N lines; if it overflows, shows an indicator
+     * ("Ler texto completo") positioned absolutely at the end of the
+     * text, that opens the full text in a Popover.
+     * @component
+     */
+    import * as Popover from "../../../ui/popover";
+    import { t } from "../../../../i18n";
+
+    type Props = { text: string; class?: string; lines?: 2 | 3 | 4 };
+    let { text, class: className = "", lines = 2 }: Props = $props();
+
+    // Tailwind precisa de classes literais no código-fonte para as gerar —
+    // "line-clamp-{lines}" interpolado nunca é detectado pelo scanner.
+    const clampClasses = {
+        2: "line-clamp-2",
+        3: "line-clamp-3",
+        4: "line-clamp-4",
+    } as const;
+
+    let textEl: HTMLParagraphElement | undefined = $state();
+    let isTruncated = $state(false);
+
+    $effect(() => {
+        if (!textEl) return;
+        const check = () =>
+            (isTruncated = textEl!.scrollHeight > textEl!.clientHeight + 1);
+        // requestAnimationFrame garante que o layout com o clamp já foi aplicado
+        // antes de medirmos — medir no mesmo tick pode dar valores desatualizados.
+        requestAnimationFrame(check);
+        const ro = new ResizeObserver(check);
+        ro.observe(textEl);
+        return () => ro.disconnect();
+    });
+</script>
+
+<div class="relative">
+    <p bind:this={textEl} class="{clampClasses[lines]} {className}">
+        {text}
+    </p>
+
+    {#if isTruncated}
+        <Popover.Root>
+            <Popover.Trigger
+                class="absolute bottom-0 right-0 bg-background pl-1 text-[11px] font-medium text-primary underline underline-offset-2 cursor-pointer"
+            >
+                {$t("label.view.full")}
+            </Popover.Trigger>
+            <Popover.Content>
+                <p class="max-w-xs text-justify text-[12px]">{text}</p>
+            </Popover.Content>
+        </Popover.Root>
+    {/if}
+</div>

package/dist/components/core/card/shared/TruncatableText.svelte.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    text: string;
+    class?: string;
+    lines?: 2 | 3 | 4;
+};
+declare const TruncatableText: import("svelte").Component<Props, {}, "">;
+type TruncatableText = ReturnType<typeof TruncatableText>;
+export default TruncatableText;