negodesign 0.0.55 → 0.0.57

package/dist/components/core/card/profile/01/CardProfile01.svelte

@@ -1,134 +1,134 @@
-<script lang="ts">
-  /**
-   * Card component with a title and content.
-   * @component
-   */
-  import { UserIcon } from "@hugeicons/core-free-icons";
-  import { t } from "../../../../../i18n";
-  import type { CardProfileProps } from "../../types";
-  import CardStarRating from "../../shared/CardStarRating.svelte";
-  import CardDescription from "../../shared/CardDescription.svelte";
-  import CardTags from "../../shared/CardTags.svelte";
-  import CardButton from "../../shared/CardButton.svelte";
-  import CardFavorite from "../../shared/CardFavorite.svelte";
-  import Skeleton from "../../../../ui/skeleton/skeleton.svelte";
-  import CardPhoneOrWhatsapp from "../../shared/CardPhoneOrWhatsapp.svelte";
-  import CardThumbnailVideo from "../../shared/CardThumbnailVideo.svelte";
-  import ImgPlaceholder from "../../../../../assets/placeholder-image.png";
-
-  let {
-    id,
-    tags = [],
-    title,
-    content,
-    startNumber,
-    startMax = 5,
-    isTagBorderBottom = true,
-    isFavorite = false,
-    buttonProfileClass,
-    isLoading = false,
-    imageUrl,
-    videoUrl,
-    isImageButtonMaximized = false,
-    isVideoButtonMaximized = false,
-    isDescriptionIcon = false,
-    isDescriptionLabel = false,
-    onEmailClick,
-    onWhatsappClick,
-    onFavoriteClick,
-    onButtonProfile,
-  }: CardProfileProps = $props();
-</script>
-
-<article
-  class="border border-gray-300 dark:border-gray-700 bg-gray-100 dark:bg-transparent rounded-lg relative"
->
-  <div class="p-5">
-    <div class="flex justify-between items-center w-full border-b-2">
-      <div class="w-full flex flex-col justify-center items-center relative">
-        <div>
-          {#if isLoading}
-            <Skeleton
-              class="w-12 h-12 md:w-14 md:h-14 lg:w-20 lg:h-20 rounded-full bg-gray-300"
-            />
-          {:else if imageUrl}
-            <img
-              src={imageUrl}
-              alt={imageUrl}
-              class="w-12 h-12 md:w-14 md:h-14 lg:w-20 lg:h-20 rounded-full"
-              onerror={(e) =>
-                ((e.target as HTMLImageElement).src = ImgPlaceholder)}
-            />
-          {/if}
-        </div>
-        <div>
-          {#if title}
-            <div class="text-center font-bold">{title}</div>
-          {:else if isLoading}
-            <Skeleton class="w-40 h-5 rounded-lg bg-gray-400 mb-0.5" />
-          {/if}
-        </div>
-        <div>
-          {#if startNumber}
-            <CardStarRating {startNumber} {startMax} {isLoading} />
-          {:else if isLoading}
-            <Skeleton class="w-20 h-4 rounded-lg bg-gray-300 mt-0.5" />
-          {/if}
-        </div>
-      </div>
-
-      <div class="flex justify-end items-center absolute top-1 right-1">
-        <CardFavorite
-          {id}
-          {isFavorite}
-          onFavoriteClick={() => onFavoriteClick!(id)}
-          {isLoading}
-        />
-      </div>
-    </div>
-
-    <div class="my-2">
-      <CardDescription
-        {content}
-        {isLoading}
-        {isDescriptionIcon}
-        {isDescriptionLabel}
-      />
-    </div>
-
-    <CardTags
-      className="mb-2"
-      tags={tags ?? []}
-      {isTagBorderBottom}
-      {isLoading}
-    />
-
-    <CardThumbnailVideo
-      {imageUrl}
-      {videoUrl}
-      {isImageButtonMaximized}
-      {isVideoButtonMaximized}
-      {isLoading}
-      class="h-32.5 md:h-36 lg:h-44"
-    />
-
-    {#if onButtonProfile}
-      <div class="flex justify-center items-center gap-2 w-full mt-3 -mb-1">
-        {#if onButtonProfile}
-          <CardButton
-            {id}
-            icon={UserIcon}
-            className={buttonProfileClass}
-            text={$t("label.view.profile")}
-            onClick={onButtonProfile}
-            {isLoading}
-            isFlex
-          />
-        {:else if isLoading}
-          <Skeleton class="w-20 h-4 rounded-lg bg-gray-400 mt-0.5" />
-        {/if}
-      </div>
-    {/if}
-  </div>
-  <CardPhoneOrWhatsapp {id} {onEmailClick} {onWhatsappClick} />
-</article>
+<script lang="ts">
+  /**
+   * Card component with a title and content.
+   * @component
+   */
+  import { UserIcon } from "@hugeicons/core-free-icons";
+  import { t } from "../../../../../i18n";
+  import type { CardProfileProps } from "../../types";
+  import CardStarRating from "../../shared/CardStarRating.svelte";
+  import CardDescription from "../../shared/CardDescription.svelte";
+  import CardTags from "../../shared/CardTags.svelte";
+  import CardButton from "../../shared/CardButton.svelte";
+  import CardFavorite from "../../shared/CardFavorite.svelte";
+  import Skeleton from "../../../../ui/skeleton/skeleton.svelte";
+  import CardPhoneOrWhatsapp from "../../shared/CardPhoneOrWhatsapp.svelte";
+  import CardThumbnailVideo from "../../shared/CardThumbnailVideo.svelte";
+  import ImgPlaceholder from "../../../../../assets/placeholder-image.png";
+
+  let {
+    id,
+    tags = [],
+    title,
+    content,
+    startNumber,
+    startMax = 5,
+    isTagBorderBottom = true,
+    isFavorite = false,
+    buttonProfileClass,
+    isLoading = false,
+    imageUrl,
+    videoUrl,
+    isImageButtonMaximized = false,
+    isVideoButtonMaximized = false,
+    isDescriptionIcon = false,
+    isDescriptionLabel = false,
+    onEmailClick,
+    onWhatsappClick,
+    onFavoriteClick,
+    onButtonProfile,
+  }: CardProfileProps = $props();
+</script>
+
+<article
+  class="border border-gray-300 dark:border-gray-700 bg-gray-100 dark:bg-transparent rounded-lg relative"
+>
+  <div class="p-5">
+    <div class="flex justify-between items-center w-full border-b-2">
+      <div class="w-full flex flex-col justify-center items-center relative">
+        <div>
+          {#if isLoading}
+            <Skeleton
+              class="w-12 h-12 md:w-14 md:h-14 lg:w-20 lg:h-20 rounded-full bg-gray-300"
+            />
+          {:else if imageUrl}
+            <img
+              src={imageUrl}
+              alt={imageUrl}
+              class="w-12 h-12 md:w-14 md:h-14 lg:w-20 lg:h-20 rounded-full"
+              onerror={(e) =>
+                ((e.target as HTMLImageElement).src = ImgPlaceholder)}
+            />
+          {/if}
+        </div>
+        <div>
+          {#if title}
+            <div class="text-center font-bold">{title}</div>
+          {:else if isLoading}
+            <Skeleton class="w-40 h-5 rounded-lg bg-gray-400 mb-0.5" />
+          {/if}
+        </div>
+        <div>
+          {#if startNumber}
+            <CardStarRating {startNumber} {startMax} {isLoading} />
+          {:else if isLoading}
+            <Skeleton class="w-20 h-4 rounded-lg bg-gray-300 mt-0.5" />
+          {/if}
+        </div>
+      </div>
+
+      <div class="flex justify-end items-center absolute top-1 right-1">
+        <CardFavorite
+          {id}
+          {isFavorite}
+          onFavoriteClick={() => onFavoriteClick!(id)}
+          {isLoading}
+        />
+      </div>
+    </div>
+
+    <div class="my-2">
+      <CardDescription
+        {content}
+        {isLoading}
+        {isDescriptionIcon}
+        {isDescriptionLabel}
+      />
+    </div>
+
+    <CardTags
+      className="mb-2"
+      tags={tags ?? []}
+      {isTagBorderBottom}
+      {isLoading}
+    />
+
+    <CardThumbnailVideo
+      {imageUrl}
+      {videoUrl}
+      {isImageButtonMaximized}
+      {isVideoButtonMaximized}
+      {isLoading}
+      class="h-32.5 md:h-36 lg:h-44"
+    />
+
+    {#if onButtonProfile}
+      <div class="flex justify-center items-center gap-2 w-full mt-3 -mb-1">
+        {#if onButtonProfile}
+          <CardButton
+            {id}
+            icon={UserIcon}
+            className={buttonProfileClass}
+            text={$t("label.view.profile")}
+            onClick={onButtonProfile}
+            {isLoading}
+            isFlex
+          />
+        {:else if isLoading}
+          <Skeleton class="w-20 h-4 rounded-lg bg-gray-400 mt-0.5" />
+        {/if}
+      </div>
+    {/if}
+  </div>
+  <CardPhoneOrWhatsapp {id} {onEmailClick} {onWhatsappClick} />
+</article>

package/dist/components/core/card/profile/02/CardProfile02.svelte

@@ -1,132 +1,132 @@
-<script lang="ts">
-  /**
-   * Card component with a title and content.
-   * @component
-   */
-  import { InformationCircleIcon, UserIcon } from "@hugeicons/core-free-icons";
-  import { t } from "../../../../../i18n";
-  import type { CardProfileProps } from "../../types";
-  import CardStarRating from "../../shared/CardStarRating.svelte";
-  import CardTags from "../../shared/CardTags.svelte";
-  import CardDescription from "../../shared/CardDescription.svelte";
-  import CardButton from "../../shared/CardButton.svelte";
-  import CardFavorite from "../../shared/CardFavorite.svelte";
-  import Skeleton from "../../../../ui/skeleton/skeleton.svelte";
-  import CardThumbnailVideo from "../../shared/CardThumbnailVideo.svelte";
-  import CardPhoneOrWhatsapp from "../../shared/CardPhoneOrWhatsapp.svelte";
-  import ImgPlaceholder from "../../../../../assets/placeholder-image.png";
-
-  let {
-    id,
-    tags = [],
-    title,
-    content,
-    className,
-    startNumber,
-    startMax = 5,
-    isTagBorderBottom = true,
-    isFavorite = false,
-    buttonProfileClass,
-    onEmailClick,
-    onWhatsappClick,
-    isLoading = false,
-    onFavoriteClick,
-    onButtonProfile,
-    imageUrl,
-    videoUrl,
-    isImageButtonMaximized = false,
-    isVideoButtonMaximized = false,
-    isDescriptionLabel = false,
-    isDescriptionIcon = false,
-  }: CardProfileProps = $props();
-</script>
-
-<article
-  class="border border-gray-300 dark:border-gray-700 bg-gray-100 dark:bg-transparent rounded-lg space-y-1 md:space-y-3 relative {className}"
->
-  <div class="p-5">
-    <div class="flex justify-start items-center w-full relative">
-      <div class="flex justify-start gap-2">
-        <div class="flex justify-center items-center">
-          {#if isLoading}
-            <Skeleton class="w-12 h-12 rounded-lg bg-gray-400 mt-0.5" />
-          {:else if imageUrl}
-            <img
-              src={imageUrl}
-              alt={imageUrl}
-              class="w-12 h-12 rounded-lg"
-              onerror={(e) =>
-                ((e.target as HTMLImageElement).src = ImgPlaceholder)}
-            />
-          {/if}
-        </div>
-        <div class="flex flex-col justify-start items-start">
-          {#if title}
-            <div class="text-left font-bold">{title}</div>
-          {:else if isLoading}
-            <Skeleton class="w-20 h-4 rounded-lg bg-gray-400 mt-0.5" />
-          {/if}
-
-          {#if startNumber}
-            <CardStarRating {startNumber} {startMax} {isLoading} />
-          {:else if isLoading}
-            <Skeleton class="w-20 h-4 rounded-lg bg-gray-300 mt-0.5" />
-          {/if}
-        </div>
-      </div>
-    </div>
-
-    <div class="flex justify-end items-center absolute top-1 right-1">
-      <CardFavorite
-        {id}
-        {isFavorite}
-        onFavoriteClick={() => onFavoriteClick!(id)}
-        {isLoading}
-      />
-    </div>
-
-    <div class="mb-4">
-      <CardDescription
-        {content}
-        {isLoading}
-        {isDescriptionLabel}
-        {isDescriptionIcon}
-        lines={tags.length == 0 ? 3 : 2}
-      />
-    </div>
-
-    <CardTags
-      className="my-2"
-      tags={tags ?? []}
-      {isTagBorderBottom}
-      {isLoading}
-    />
-
-    <CardThumbnailVideo
-      {imageUrl}
-      {videoUrl}
-      {isImageButtonMaximized}
-      {isVideoButtonMaximized}
-      {isLoading}
-      class="h-32.5 md:h-36 lg:h-44"
-    />
-
-    {#if onButtonProfile}
-      <div class="flex justify-center items-center gap-2 mt-2 -mb-2 w-full">
-        {#if onButtonProfile}
-          <CardButton
-            {id}
-            icon={UserIcon}
-            className={buttonProfileClass}
-            text={$t("label.view.profile")}
-            onClick={onButtonProfile}
-            isFlex
-          />
-        {:else if isLoading}
-          <Skeleton class="w-20 h-4 rounded-lg bg-gray-400 mt-0.5" />
-        {/if}
-      </div>
-    {/if}
-  </div>
-  <CardPhoneOrWhatsapp {id} {onEmailClick} {onWhatsappClick} />
-</article>
+<script lang="ts">
+  /**
+   * Card component with a title and content.
+   * @component
+   */
+  import { InformationCircleIcon, UserIcon } from "@hugeicons/core-free-icons";
+  import { t } from "../../../../../i18n";
+  import type { CardProfileProps } from "../../types";
+  import CardStarRating from "../../shared/CardStarRating.svelte";
+  import CardTags from "../../shared/CardTags.svelte";
+  import CardDescription from "../../shared/CardDescription.svelte";
+  import CardButton from "../../shared/CardButton.svelte";
+  import CardFavorite from "../../shared/CardFavorite.svelte";
+  import Skeleton from "../../../../ui/skeleton/skeleton.svelte";
+  import CardThumbnailVideo from "../../shared/CardThumbnailVideo.svelte";
+  import CardPhoneOrWhatsapp from "../../shared/CardPhoneOrWhatsapp.svelte";
+  import ImgPlaceholder from "../../../../../assets/placeholder-image.png";
+
+  let {
+    id,
+    tags = [],
+    title,
+    content,
+    className,
+    startNumber,
+    startMax = 5,
+    isTagBorderBottom = true,
+    isFavorite = false,
+    buttonProfileClass,
+    onEmailClick,
+    onWhatsappClick,
+    isLoading = false,
+    onFavoriteClick,
+    onButtonProfile,
+    imageUrl,
+    videoUrl,
+    isImageButtonMaximized = false,
+    isVideoButtonMaximized = false,
+    isDescriptionLabel = false,
+    isDescriptionIcon = false,
+  }: CardProfileProps = $props();
+</script>
+
+<article
+  class="border border-gray-300 dark:border-gray-700 bg-gray-100 dark:bg-transparent rounded-lg space-y-1 md:space-y-3 relative {className}"
+>
+  <div class="p-5">
+    <div class="flex justify-start items-center w-full relative">
+      <div class="flex justify-start gap-2">
+        <div class="flex justify-center items-center">
+          {#if isLoading}
+            <Skeleton class="w-12 h-12 rounded-lg bg-gray-400 mt-0.5" />
+          {:else if imageUrl}
+            <img
+              src={imageUrl}
+              alt={imageUrl}
+              class="w-12 h-12 rounded-lg"
+              onerror={(e) =>
+                ((e.target as HTMLImageElement).src = ImgPlaceholder)}
+            />
+          {/if}
+        </div>
+        <div class="flex flex-col justify-start items-start">
+          {#if title}
+            <div class="text-left font-bold">{title}</div>
+          {:else if isLoading}
+            <Skeleton class="w-20 h-4 rounded-lg bg-gray-400 mt-0.5" />
+          {/if}
+
+          {#if startNumber}
+            <CardStarRating {startNumber} {startMax} {isLoading} />
+          {:else if isLoading}
+            <Skeleton class="w-20 h-4 rounded-lg bg-gray-300 mt-0.5" />
+          {/if}
+        </div>
+      </div>
+    </div>
+
+    <div class="flex justify-end items-center absolute top-1 right-1">
+      <CardFavorite
+        {id}
+        {isFavorite}
+        onFavoriteClick={() => onFavoriteClick!(id)}
+        {isLoading}
+      />
+    </div>
+
+    <div class="mb-4">
+      <CardDescription
+        {content}
+        {isLoading}
+        {isDescriptionLabel}
+        {isDescriptionIcon}
+        lines={tags.length == 0 ? 3 : 2}
+      />
+    </div>
+
+    <CardTags
+      className="my-2"
+      tags={tags ?? []}
+      {isTagBorderBottom}
+      {isLoading}
+    />
+
+    <CardThumbnailVideo
+      {imageUrl}
+      {videoUrl}
+      {isImageButtonMaximized}
+      {isVideoButtonMaximized}
+      {isLoading}
+      class="h-32.5 md:h-36 lg:h-44"
+    />
+
+    {#if onButtonProfile}
+      <div class="flex justify-center items-center gap-2 mt-2 -mb-2 w-full">
+        {#if onButtonProfile}
+          <CardButton
+            {id}
+            icon={UserIcon}
+            className={buttonProfileClass}
+            text={$t("label.view.profile")}
+            onClick={onButtonProfile}
+            isFlex
+          />
+        {:else if isLoading}
+          <Skeleton class="w-20 h-4 rounded-lg bg-gray-400 mt-0.5" />
+        {/if}
+      </div>
+    {/if}
+  </div>
+  <CardPhoneOrWhatsapp {id} {onEmailClick} {onWhatsappClick} />
+</article>

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

@@ -1,18 +1,18 @@
-<script lang="ts">
-  import type { CardProfileProps } from "../types";
-  import CardProfile01 from "./01/CardProfile01.svelte";
-  import CardProfile02 from "./02/CardProfile02.svelte";
-
-  type Props = {
-    variant?: 1 | 2;
-    isLoading?: boolean;
-  };
-
-  let { variant, isLoading, ...restProps }: CardProfileProps & Props = $props();
-</script>
-
-{#if variant === 2}
-  <CardProfile02 {...restProps} {isLoading} />
-{:else}
-  <CardProfile01 {...restProps} {isLoading} />
-{/if}
+<script lang="ts">
+  import type { CardProfileProps } from "../types";
+  import CardProfile01 from "./01/CardProfile01.svelte";
+  import CardProfile02 from "./02/CardProfile02.svelte";
+
+  type Props = {
+    variant?: 1 | 2;
+    isLoading?: boolean;
+  };
+
+  let { variant, isLoading, ...restProps }: CardProfileProps & Props = $props();
+</script>
+
+{#if variant === 2}
+  <CardProfile02 {...restProps} {isLoading} />
+{:else}
+  <CardProfile01 {...restProps} {isLoading} />
+{/if}