negodesign 0.0.28 → 0.0.30

package/dist/components/core/carousel/grid/shared/ui/CarouselGridSlot.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Snippet } from "svelte";
+import type { CarouselSlotProps } from "../../../../panel/type";
+type Props = {
+    slotProps?: CarouselSlotProps;
+    totalItems: number;
+    gridClass?: string;
+    children: Snippet;
+};
+declare const CarouselGridSlot: import("svelte").Component<Props, {}, "">;
+type CarouselGridSlot = ReturnType<typeof CarouselGridSlot>;
+export default CarouselGridSlot;

package/dist/components/core/carousel/hero/CarouselHero.svelte

@@ -12,17 +12,18 @@
     descriptionClass,
     intervalMs = 5000,
     transitionMs = 1200,
+    indicatorShow = false,
   }: CarouselHeroProps & {
     children?: Snippet;
     intervalMs?: number;
     transitionMs?: number;
+    indicatorShow?: boolean;
   } = $props();
 
-  // Buffer duplo: duas camadas fixas, nunca desmontadas — só a opacidade muda.
   let layers = $state<[string, string]>([items?.[0]?.image ?? "", ""]);
   let active = $state<0 | 1>(0);
   let index = $state(0);
-  let switching = false; // evita trocas sobrepostas se o intervalo disparar antes do preload acabar
+  let switching = false;
 
   // eslint-disable-next-line svelte/prefer-svelte-reactivity
   const preloadCache = new Map<string, Promise<void>>();
@@ -35,7 +36,7 @@
     const promise = new Promise<void>((resolve) => {
       const img = new Image();
       img.onload = () => resolve();
-      img.onerror = () => resolve(); // não bloqueia o carousel por uma imagem partida
+      img.onerror = () => resolve();
       img.src = src;
     });
 
@@ -43,7 +44,6 @@
     return promise;
   }
 
-  // Pré-carrega todas as imagens uma vez, assim que os items ficam disponíveis.
   $effect(() => {
     items?.forEach((item) => void preload(item.image));
   });
@@ -53,7 +53,7 @@
     switching = true;
 
     const nextSrc = items[nextIndex].image;
-    await preload(nextSrc); // garante decode/cache antes de trocar a camada -> sem flash
+    await preload(nextSrc);
 
     const nextLayer = active === 0 ? 1 : 0;
     layers[nextLayer] = nextSrc;
@@ -139,20 +139,22 @@
       </section>
     </div>
 
-    {#if items && items.length > 1}
-      <div
-        style="position: absolute; bottom: 0.75rem; z-index: 10; display: flex; gap: 0.5rem;"
-      >
-        {#each items as item, i (`hero-dot-${i}`)}
-          <button
-            aria-label={`Ir para o slide ${i + 1}: ${item.title}`}
-            class="w-2 h-2 rounded-full transition-colors {i === index
-              ? 'bg-white'
-              : 'bg-white/40'}"
-            onclick={() => goTo(i)}
-          ></button>
-        {/each}
-      </div>
+    {#if indicatorShow}
+      {#if items && items.length > 1}
+        <div
+          style="position: absolute; bottom: 0.75rem; z-index: 10; display: flex; gap: 0.5rem;"
+        >
+          {#each items as item, i (`hero-dot-${i}`)}
+            <button
+              aria-label={`Ir para o slide ${i + 1}: ${item.title}`}
+              class="w-2 h-2 rounded-full transition-colors {i === index
+                ? 'bg-white'
+                : 'bg-white/40'}"
+              onclick={() => goTo(i)}
+            ></button>
+          {/each}
+        </div>
+      {/if}
     {/if}
   </header>
 {/if}

package/dist/components/core/carousel/hero/CarouselHero.svelte.d.ts

@@ -4,6 +4,7 @@ type $$ComponentProps = CarouselHeroProps & {
     children?: Snippet;
     intervalMs?: number;
     transitionMs?: number;
+    indicatorShow?: boolean;
 };
 declare const CarouselHero: import("svelte").Component<$$ComponentProps, {}, "">;
 type CarouselHero = ReturnType<typeof CarouselHero>;

package/dist/components/core/carousel/highlights/types.d.ts

@@ -1,12 +1,12 @@
 import type { CardHighlightProps } from "../../card/types";
+import type { CarouselSlotProps } from "../../panel/type";
 import type { CarouselHeaderProps } from "../types";
-export interface CarouselHighlightsProps extends CarouselHeaderProps {
+export interface CarouselHighlightsProps {
+    headerProps?: CarouselHeaderProps;
+    slotProps?: CarouselSlotProps;
     items: CardHighlightProps[];
     varient?: 1 | 2;
-    isBorderBottom?: boolean;
     isLoading?: boolean;
     isDescriptionIcon?: boolean;
     isDescriptionLabel?: boolean;
-    isButtonPreviousAndNext?: boolean;
-    buttonPreviousAndNextClass?: string;
 }

package/dist/components/core/carousel/highlights/ui/CarouselHighlights.svelte

@@ -8,39 +8,21 @@
   import Autoplay from "embla-carousel-autoplay";
 
   const {
-    title,
+    headerProps,
+    slotProps,
     items,
-    description,
-    titleClass,
-    descriptionClass,
-    isButtonPreviousAndNext = true,
-    buttonPreviousAndNextClass = "",
-    containerClass = "",
     isLoading = false,
     varient = 1,
     isDescriptionIcon,
     isDescriptionLabel,
-    onButtonViewAll,
-    positionButtonPreviousAndNext,
   }: CarouselHighlightsProps = $props();
 
   const responsive = useDevice();
 </script>
 
-<CarouselHeader
-  {title}
-  {description}
-  {titleClass}
-  {descriptionClass}
-  {containerClass}
-  {onButtonViewAll}
->
+<CarouselHeader {...headerProps}>
   <CarouselSlot
-    isBorderBottom={false}
-    {isButtonPreviousAndNext}
-    {buttonPreviousAndNextClass}
-    {positionButtonPreviousAndNext}
-    containerClass="w-full"
+    {...slotProps}
     plugins={[Autoplay({ delay: 4000, stopOnInteraction: true })]}
   >
     {#if isLoading}

package/dist/components/core/carousel/promotion/types.d.ts

@@ -1,11 +1,11 @@
 import type { CardPromotionProps } from "../../card/types";
+import type { CarouselSlotProps } from "../../panel/type";
 import type { CarouselHeaderProps } from "../types";
-export interface CarouselPromotionProps extends CarouselHeaderProps {
+export interface CarouselPromotionProps {
+    headerProps?: CarouselHeaderProps;
+    slotProps?: CarouselSlotProps;
     items: CardPromotionProps[];
-    isBorderBottom?: boolean;
-    isLoading?: boolean;
-    isButtonPreviousAndNext?: boolean;
-    buttonPreviousAndNextClass?: string;
     isDescriptionIcon?: boolean;
     isDescriptionLabel?: boolean;
+    isLoading?: boolean;
 }

package/dist/components/core/carousel/promotion/ui/CarouselPromotion.svelte

@@ -8,37 +8,20 @@
   import Autoplay from "embla-carousel-autoplay";
 
   const {
-    title,
+    headerProps,
+    slotProps,
     items,
-    description,
-    titleClass,
-    descriptionClass,
-    isButtonPreviousAndNext = true,
     isLoading = false,
-    buttonPreviousAndNextClass = "",
-    containerClass = "",
-    positionButtonPreviousAndNext,
     isDescriptionIcon,
     isDescriptionLabel,
-    onButtonViewAll,
   }: CarouselPromotionProps = $props();
 
   const responsive = useDevice();
 </script>
 
-<CarouselHeader
-  {title}
-  {description}
-  {titleClass}
-  {descriptionClass}
-  {containerClass}
-  {onButtonViewAll}
->
+<CarouselHeader {...headerProps}>
   <CarouselSlot
-    isBorderBottom={false}
-    {isButtonPreviousAndNext}
-    {buttonPreviousAndNextClass}
-    {positionButtonPreviousAndNext}
+    {...slotProps}
     containerClass="w-full"
     plugins={[Autoplay({ delay: 4000, stopOnInteraction: true })]}
   >

package/dist/components/core/carousel/shared/ui/CarouselHeader.svelte

@@ -18,11 +18,16 @@
     containerClass = "",
     onButtonViewAll,
     children,
+    isBorder,
   }: CarouselHeaderProps & Props = $props();
 </script>
 
 <div class="w-full flex justify-center">
-  <div class="w-[95%] p-2 rounded-xl border {containerClass}">
+  <div
+    class="w-[95%] p-2 rounded-xl
+    {isBorder ? 'border border-gray-50 dark:border-gray-800' : ''} 
+    {containerClass}"
+  >
     <div class="flex flex-col gap-1">
       <div class="flex justify-between">
         <div>

package/dist/components/core/carousel/types.d.ts

@@ -17,6 +17,7 @@ export interface CarouselHeaderProps {
     containerClass?: string;
     onButtonViewAll?: () => void;
     positionButtonPreviousAndNext?: "center" | "top_right";
+    isBorder?: boolean;
 }
 export interface CarouselBadgeProps {
     items: ItemCarousel[];

package/dist/components/core/footer/types.d.ts

@@ -0,0 +1,23 @@
+export interface FooterLinkItem {
+    text: string;
+    href?: string;
+}
+export interface FooterSocialItem {
+    icon: "facebook" | "instagram" | "x" | "github" | "youtube" | "linkedin";
+    text: string;
+    href?: string;
+}
+export interface FooterColumnProps {
+    title: string;
+    items: FooterLinkItem[];
+}
+export interface FooterProps {
+    items: FooterColumnProps[];
+    logo?: string;
+    isNewsletter?: boolean;
+    socialsMedia: FooterSocialItem[];
+    companyName?: string;
+    newsletterTitle?: string;
+    newsletterDescription?: string;
+    onSubscribe?: (email: string) => void;
+}

package/dist/components/core/footer/types.js

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

package/dist/components/core/footer/ui/01/Footer01.svelte

@@ -0,0 +1,76 @@
+<script lang="ts">
+  import { t } from "../../../../../i18n";
+  import type { FooterProps } from "../../types";
+  import FooterColumn from "../shared/FooterColumn.svelte";
+  import FooterNewsLetter from "../shared/FooterNewsLetter.svelte";
+  import SocialIcon from "../shared/FooterSocialIcon.svelte";
+
+  let {
+    items,
+    logo,
+    isNewsletter = false,
+    socialsMedia,
+    companyName,
+    newsletterTitle,
+    newsletterDescription,
+    onSubscribe,
+  }: FooterProps = $props();
+
+  let email = $state("");
+  const year = new Date().getFullYear();
+
+  function handleSubscribe(e: SubmitEvent) {
+    e.preventDefault();
+    const value = email.trim();
+    if (!value) return;
+    onSubscribe?.(value);
+    email = "";
+  }
+</script>
+
+<footer class="p-10">
+  <div
+    class="flex flex-col gap-10 md:flex-row md:items-start md:justify-between"
+  >
+    <div class="shrink-0">
+      {#if logo}
+        <img src={logo} alt="" class="h-10 w-auto" />
+      {/if}
+    </div>
+
+    <div class="flex flex-1 flex-wrap justify-between gap-10">
+      {#each items as column, i (i)}
+        <FooterColumn title={column.title} items={column.items} />
+      {/each}
+    </div>
+  </div>
+
+  {#if isNewsletter}
+    <div
+      class="mt-10 flex flex-col gap-4 border-t border-gray/10 pt-8 md:flex-row md:items-center md:justify-between"
+    >
+      <FooterNewsLetter
+        {isNewsletter}
+        {newsletterTitle}
+        {newsletterDescription}
+        {onSubscribe}
+      />
+    </div>
+  {/if}
+
+  <div
+    class="mt-10 flex flex-col gap-4 border-t border-gray/10 pt-6 md:flex-row md:items-center md:justify-between"
+  >
+    <p class="text-sm">
+      ©
+      {year}
+      {companyName}
+      {$t("footer.copyr")}
+    </p>
+    <div class="flex items-center gap-4">
+      {#each socialsMedia as social, i (i)}
+        <SocialIcon {...social} />
+      {/each}
+    </div>
+  </div>
+</footer>

package/dist/components/core/footer/ui/01/Footer01.svelte.d.ts

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

package/dist/components/core/footer/ui/02/Footer02.svelte

@@ -0,0 +1,53 @@
+<script lang="ts">
+  import { t } from "../../../../../i18n";
+  import type { FooterProps } from "../../types";
+  import FooterColumn from "../shared/FooterColumn.svelte";
+  import FooterNewsLetter from "../shared/FooterNewsLetter.svelte";
+  import SocialIcon from "../shared/FooterSocialIcon.svelte";
+
+  let {
+    items,
+    isNewsletter = false,
+    socialsMedia,
+    companyName,
+    newsletterTitle,
+    newsletterDescription,
+    onSubscribe,
+  }: FooterProps = $props();
+
+  const year = new Date().getFullYear();
+</script>
+
+<footer class="p-10">
+  <div class="flex flex-wrap justify-between gap-10">
+    {#each items as column, i (i)}
+      <FooterColumn title={column.title} items={column.items} />
+    {/each}
+
+    {#if isNewsletter}
+      <div class="min-w-60">
+        <FooterNewsLetter
+          {isNewsletter}
+          {newsletterTitle}
+          {newsletterDescription}
+          {onSubscribe}
+        />
+      </div>
+    {/if}
+  </div>
+
+  <div
+    class="mt-10 flex flex-col gap-4 border-t border-gray/10 pt-6 md:flex-row md:items-center md:justify-between"
+  >
+    <p class="text-sm">
+      © {year}
+      {companyName}
+      {$t("footer.copyr")}
+    </p>
+    <div class="flex items-center gap-4">
+      {#each socialsMedia as social, i (i)}
+        <SocialIcon icon={social.icon} text={social.text} />
+      {/each}
+    </div>
+  </div>
+</footer>

package/dist/components/core/footer/ui/02/Footer02.svelte.d.ts

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

package/dist/components/core/footer/ui/Footer.svelte

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

package/dist/components/core/footer/ui/Footer.svelte.d.ts

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

package/dist/components/core/footer/ui/shared/FooterColumn.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+  import type { FooterColumnProps } from "../../types";
+
+  let { title, items }: FooterColumnProps = $props();
+</script>
+
+<div class="min-w-27.5">
+  <h3 class="mb-4 text-sm font-semibold">{title}</h3>
+  <ul class="space-y-3">
+    {#each items as item, i (i)}
+      <li>
+        <a href={item.href ?? "#"} class="text-sm transition-colors">
+          {item.text}
+        </a>
+      </li>
+    {/each}
+  </ul>
+</div>

package/dist/components/core/footer/ui/shared/FooterColumn.svelte.d.ts

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

package/dist/components/core/footer/ui/shared/FooterNewsLetter.svelte

@@ -0,0 +1,57 @@
+<script lang="ts">
+  import { t } from "../../../../../i18n";
+  import type { FooterProps } from "../../types";
+
+  type Props = {
+    isNewsletter?: boolean;
+    newsletterTitle?: string;
+    newsletterDescription?: string;
+    onSubscribe?: (email: string) => void;
+  };
+
+  let {
+    isNewsletter = false,
+    newsletterTitle,
+    newsletterDescription,
+    onSubscribe,
+  }: Props = $props();
+
+  let email = $state("");
+
+  function handleSubscribe(e: SubmitEvent) {
+    e.preventDefault();
+    const value = email.trim();
+    if (!value) return;
+    onSubscribe?.(value);
+    email = "";
+  }
+</script>
+
+{#if isNewsletter}
+  <div>
+    <h3 class="mb-1 text-sm font-semibold">
+      {newsletterTitle ?? $t("footer.subscribe.title")}
+    </h3>
+    <p class="text-sm leading-relaxed">
+      {newsletterDescription ?? $t("footer.subscribe.text")}
+    </p>
+    <form
+      onsubmit={handleSubscribe}
+      class="flex flex-col items-stretch gap-2 sm:flex-row"
+    >
+      <input
+        type="email"
+        bind:value={email}
+        placeholder="Enter your email"
+        required
+        class="w-56 rounded-lg border border-gray px-3.5 py-2 text-sm placeholder:text-slate-500 outline-none"
+      />
+      <button
+        type="submit"
+        class="shrink-0 rounded-lg px-4 py-2 text-sm font-medium text-white transition-colors bg-gradient"
+      >
+        {$t("footer.subscribe")}
+      </button>
+    </form>
+  </div>
+{/if}

package/dist/components/core/footer/ui/shared/FooterNewsLetter.svelte.d.ts

@@ -0,0 +1,9 @@
+type Props = {
+    isNewsletter?: boolean;
+    newsletterTitle?: string;
+    newsletterDescription?: string;
+    onSubscribe?: (email: string) => void;
+};
+declare const FooterNewsLetter: import("svelte").Component<Props, {}, "">;
+type FooterNewsLetter = ReturnType<typeof FooterNewsLetter>;
+export default FooterNewsLetter;

package/dist/components/core/footer/ui/shared/FooterSocialIcon.svelte

@@ -0,0 +1,62 @@
+<script lang="ts">
+  import type { FooterSocialItem } from "../../types";
+
+  let { icon, text, href }: FooterSocialItem = $props();
+</script>
+
+<a
+  {href}
+  aria-label={text}
+  title={text}
+  target="_blank"
+  class="transition-color"
+>
+  {#if icon === "facebook"}
+    <svg viewBox="0 0 24 24" fill="currentColor" class="h-4.5 w-4.5">
+      <path
+        d="M22 12.06C22 6.5 17.52 2 12 2S2 6.5 2 12.06c0 5 3.66 9.15 8.44 9.94v-7.03H7.9v-2.91h2.54V9.85c0-2.5 1.49-3.89 3.77-3.89 1.09 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56v1.88h2.78l-.44 2.91h-2.34V22c4.78-.79 8.44-4.94 8.44-9.94Z"
+      />
+    </svg>
+  {:else if icon === "instagram"}
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.8"
+      class="h-4.5 w-4.5"
+    >
+      <rect x="3" y="3" width="18" height="18" rx="5" />
+      <circle cx="12" cy="12" r="4" />
+      <circle cx="17.2" cy="6.8" r="1" fill="currentColor" stroke="none" />
+    </svg>
+  {:else if icon === "x"}
+    <svg viewBox="0 0 24 24" fill="currentColor" class="h-4 w-4">
+      <path
+        d="M18.9 2H22l-7.6 8.7L23.3 22h-7.3l-5.7-7.1L3.7 22H.6l8.1-9.3L.9 2h7.5l5.2 6.5L18.9 2Zm-1.3 18h1.8L6.5 3.9H4.6L17.6 20Z"
+      />
+    </svg>
+  {:else if icon === "github"}
+    <svg viewBox="0 0 24 24" fill="currentColor" class="h-4.5 w-4.5">
+      <path
+        d="M12 2a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48v-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.15-1.11-1.46-1.11-1.46-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.09-.66.35-1.08.63-1.33-2.22-.25-4.56-1.11-4.56-4.93 0-1.09.39-1.98 1.03-2.68-.1-.25-.45-1.27.1-2.65 0 0 .84-.27 2.75 1.02a9.6 9.6 0 0 1 5 0c1.9-1.3 2.74-1.02 2.74-1.02.56 1.38.2 2.4.1 2.65.65.7 1.03 1.59 1.03 2.68 0 3.83-2.34 4.68-4.57 4.92.36.31.68.92.68 1.85v2.74c0 .27.18.58.69.48A10 10 0 0 0 12 2Z"
+      />
+    </svg>
+  {:else if icon === "youtube"}
+    <svg viewBox="0 0 24 24" fill="currentColor" class="h-4.5 w-4.5">
+      <path
+        d="M22.5 7.2a2.9 2.9 0 0 0-2-2.05C18.7 4.7 12 4.7 12 4.7s-6.7 0-8.5.45a2.9 2.9 0 0 0-2 2.05A30 30 0 0 0 1 12a30 30 0 0 0 .5 4.8 2.9 2.9 0 0 0 2 2.05c1.8.45 8.5.45 8.5.45s6.7 0 8.5-.45a2.9 2.9 0 0 0 2-2.05A30 30 0 0 0 23 12a30 30 0 0 0-.5-4.8ZM9.8 15.2V8.8L15.5 12l-5.7 3.2Z"
+      />
+    </svg>
+  {:else if icon == "linkedin"}
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 384 512"
+      fill="currentColor"
+      class="h-4.5 w-4.5"
+    >
+      <path
+        d="M204.1 0H180.1C161.9 0 147 14.1 147 32.3V177c0 4.7 0 9.3 1.6 13.7l3.8 11.1-12.2 12.6c-9.3 9.6-16.8 19.7-22.5 30.2-5.7 10.6-8.5 21.5-8.5 32.6V480c0 17.7 14.3 32 32 32h43.3c17.7 0 32-14.3 32-32V256c0-10.7-2.5-21.2-7.5-30.7-5-9.5-12.7-17.2-22.6-22.6l-12.6-6.5 4-11.5c2.5-7.5 4-15.4 4-23.5V32.3c0-17.7-14.1-32.3-32-32.3zM432 0H408c-17.7 0-32 14.3-32 32V256c0 17.7 14.3 32 32 32h44c17.7 0 32-14.3 32-32V32c0-17.7-14.3-32-32-32zm0 192H408v320h44c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM147 323c0-8.4 2.2-16.6 6.4-23.8l13.3-21.7 12.7-6.6c5.5-2.8 11-6.3 16.3-10.4 5.2-4.1 9.6-9 13-14.6 3.4-5.7 5-11.7 5.4-17.9V32.3c0-8.4-2.2-16.6-6.4-23.8l-13.3-21.7-12.7-6.6c-5.5-2.8-11-6.3-16.3-10.4-5.2-4.1-9.6-9-13-14.6-3.4-5.7-5-11.7-5.4-17.9V0c17.7 0 32 14.3 32 32v90.3c0 8.4 2.2 16.6 6.4 23.8l13.3 21.7 12.7 6.6c5.5 2.8 11 6.3 16.3 10.4 5.2 4.1 9.6 9 13 14.6 3.4 5.7 5 11.7 5.4 17.9v90.3c0 17.7-14.3 32-32 32h-44c-17.7 0-32-14.3-32-32v-90.4z"
+      />
+    </svg>
+  {/if}
+</a>

package/dist/components/core/footer/ui/shared/FooterSocialIcon.svelte.d.ts

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

package/dist/components/core/panel/CarouselSlot.svelte

@@ -1,27 +1,16 @@
 <script lang="ts">
   import * as Carousel from "../../ui/carousel/index.js";
-  import type { Snippet } from "svelte";
-  import type { CarouselPlugins } from "../../ui/carousel/context.js";
-
-  type Props = {
-    positionButtonPreviousAndNext?: "center" | "top_right";
-    buttonPreviousAndNextClass?: string;
-    isButtonPreviousAndNext?: boolean;
-    isBorderBottom?: boolean;
-    containerClass?: string;
-    plugins?: CarouselPlugins;
-    children: Snippet;
-  };
+  import type { CarouselSlotProps } from "./type";
 
   const {
     positionButtonPreviousAndNext = "center",
     isButtonPreviousAndNext = true,
     buttonPreviousAndNextClass = "",
-    isBorderBottom = true,
-    containerClass = "",
+    isBorderBottom = false,
+    containerClass = "w-full",
     plugins = [],
     children,
-  }: Props = $props();
+  }: CarouselSlotProps = $props();
 
   const styleTopCenter = "bg-blue-700! text-white! cursor-pointer!";
   const styleCenter =

package/dist/components/core/panel/CarouselSlot.svelte.d.ts

@@ -1,14 +1,4 @@
-import type { Snippet } from "svelte";
-import type { CarouselPlugins } from "../../ui/carousel/context.js";
-type Props = {
-    positionButtonPreviousAndNext?: "center" | "top_right";
-    buttonPreviousAndNextClass?: string;
-    isButtonPreviousAndNext?: boolean;
-    isBorderBottom?: boolean;
-    containerClass?: string;
-    plugins?: CarouselPlugins;
-    children: Snippet;
-};
-declare const CarouselSlot: import("svelte").Component<Props, {}, "">;
+import type { CarouselSlotProps } from "./type";
+declare const CarouselSlot: import("svelte").Component<CarouselSlotProps, {}, "">;
 type CarouselSlot = ReturnType<typeof CarouselSlot>;
 export default CarouselSlot;