negodesign 0.0.72 → 0.0.74

package/dist/components/{core/carousel → ui/carousel/core}/grid/media/types.d.ts

@@ -1,6 +1,6 @@
-import type { CardMediaProps } from "../../../card/types";
-import type { GridProps } from "../../../grid/data/types";
-import type { CarouselSlotProps } from "../../../panel/type";
+import type { CardMediaProps } from "../../../../card/core/types";
+import type { GridProps } from "../../../../grid/core/data/types";
+import type { CarouselSlotProps } from "../../../../panel/type";
 import type { CarouselHeaderProps } from "../../types";
 /**
  * Props do CarouselGridMedia — layout em grid de cards de mídia

package/dist/components/{core/carousel → ui/carousel/core}/grid/media/ui/CarouselGridMedia.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
   import CarouselGridSlot from "../../shared/ui/CarouselGridSlot.svelte";
   import CarouselHeader from "../../../shared/ui/CarouselHeader.svelte";
-  import NotFoundEmpty from "../../../../panel/NotFoundEmpty.svelte";
-  import * as Carousel from "../../../../../ui/carousel/index.js";
-  import { useDevice } from "../../../../../../hooks/responsive.svelte";
-  import { t } from "../../../../../../i18n";
-  import CardMedia from "../../../../card/media/CardMedia.svelte";
-  import type { CarouselGridMediaProps } from "../../../../../../types";
+  import NotFoundEmpty from "../../../../../panel/NotFoundEmpty.svelte";
+  import * as Carousel from "../../../../index.js";
+  import { useDevice } from "../../../../../../../hooks/responsive.svelte";
+  import { t } from "../../../../../../../i18n";
+  import CardMedia from "../../../../../card/core/media/CardMedia.svelte";
+  import type { CarouselGridMediaProps } from "../../../../../../../types";
 
   const {
     headerProps,

package/dist/components/{core/carousel → ui/carousel/core}/grid/media/ui/CarouselGridMedia.svelte.d.ts

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

package/dist/components/{core/carousel → ui/carousel/core}/grid/product/types.d.ts

@@ -1,6 +1,6 @@
-import type { CardProductProps } from "../../../card/types";
-import type { GridProps } from "../../../grid/data/types";
-import type { CarouselSlotProps } from "../../../panel/type";
+import type { CardProductProps } from "../../../../card/core/types";
+import type { GridProps } from "../../../../grid/core/data/types";
+import type { CarouselSlotProps } from "../../../../panel/type";
 import type { CarouselHeaderProps } from "../../types";
 /**
  * Props do CarouselGridProduct — layout em grid de cards de product

package/dist/components/{core/carousel → ui/carousel/core}/grid/product/ui/CarouselGridProduct.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
-  import NotFoundEmpty from "../../../../panel/NotFoundEmpty.svelte";
+  import NotFoundEmpty from "../../../../../panel/NotFoundEmpty.svelte";
   import CarouselGridSlot from "../../shared/ui/CarouselGridSlot.svelte";
   import CarouselHeader from "../../../shared/ui/CarouselHeader.svelte";
-  import * as Carousel from "../../../../../ui/carousel/index.js";
-  import CardProduct from "../../../../card/product/CardProduct.svelte";
+  import * as Carousel from "../../../../index.js";
+  import CardProduct from "../../../../../card/core/product/CardProduct.svelte";
   import type { CarouselGridProductProps } from "../types";
-  import { useDevice } from "../../../../../../hooks/responsive.svelte";
-  import { t } from "../../../../../../i18n";
+  import { useDevice } from "../../../../../../../hooks/responsive.svelte";
+  import { t } from "../../../../../../../i18n";
 
   const {
     headerProps,

package/dist/components/{core/carousel → ui/carousel/core}/grid/profile/types.d.ts

@@ -1,5 +1,5 @@
-import type { CardProfileProps } from "../../../card/types";
-import type { CarouselSlotProps } from "../../../panel/type";
+import type { CardProfileProps } from "../../../../card/core/types";
+import type { CarouselSlotProps } from "../../../../panel/type";
 import type { CarouselHeaderProps } from "../../types";
 /**
  * Props do CarouselGridProfile — layout em grid de cards de perfil

package/dist/components/{core/carousel → ui/carousel/core}/grid/profile/ui/CarouselGridProfile.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
   import CarouselGridSlot from "../../shared/ui/CarouselGridSlot.svelte";
   import CarouselHeader from "../../../shared/ui/CarouselHeader.svelte";
-  import NotFoundEmpty from "../../../../panel/NotFoundEmpty.svelte";
-  import * as Carousel from "../../../../../ui/carousel/index.js";
-  import { useDevice } from "../../../../../../hooks/responsive.svelte";
-  import { t } from "../../../../../../i18n";
-  import CardProfile from "../../../../card/profile/CardProfile.svelte";
-  import type { CarouselGridProfileProps } from "../../../../../../types";
+  import NotFoundEmpty from "../../../../../panel/NotFoundEmpty.svelte";
+  import * as Carousel from "../../../../index.js";
+  import { useDevice } from "../../../../../../../hooks/responsive.svelte";
+  import { t } from "../../../../../../../i18n";
+  import CardProfile from "../../../../../card/core/profile/CardProfile.svelte";
+  import type { CarouselGridProfileProps } from "../../../../../../../types";
 
   const {
     headerProps,

package/dist/components/{core/carousel → ui/carousel/core}/grid/profile/ui/CarouselGridProfile.svelte.d.ts

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

package/dist/components/{core/carousel → ui/carousel/core}/grid/promotion/types.d.ts

@@ -1,5 +1,5 @@
-import type { CardPromotionProps } from "../../../card/types";
-import type { CarouselSlotProps } from "../../../panel/type";
+import type { CardPromotionProps } from "../../../../card/core/types";
+import type { CarouselSlotProps } from "../../../../panel/type";
 import type { CarouselHeaderProps } from "../../types";
 /**
  * Props do CarouselGridProfile — layout em grid de cards de perfil

package/dist/components/{core/carousel → ui/carousel/core}/grid/promotion/ui/CarouselGridPromotion.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
   import CarouselGridSlot from "../../shared/ui/CarouselGridSlot.svelte";
   import CarouselHeader from "../../../shared/ui/CarouselHeader.svelte";
-  import NotFoundEmpty from "../../../../panel/NotFoundEmpty.svelte";
-  import * as Carousel from "../../../../../ui/carousel/index.js";
-  import { useDevice } from "../../../../../../hooks/responsive.svelte";
-  import { t } from "../../../../../../i18n";
-  import CardPromotion from "../../../../card/promotion/CardPromotion.svelte";
+  import NotFoundEmpty from "../../../../../panel/NotFoundEmpty.svelte";
+  import * as Carousel from "../../../../index.js";
+  import { useDevice } from "../../../../../../../hooks/responsive.svelte";
+  import { t } from "../../../../../../../i18n";
+  import CardPromotion from "../../../../../card/core/promotion/CardPromotion.svelte";
   import type { CarouselGridPromotionProps } from "../types";
 
   const {

package/dist/components/{core/carousel → ui/carousel/core}/grid/shared/ui/CarouselGridSlot.svelte

@@ -1,38 +1,38 @@
-<script lang="ts">
-  import type { Snippet } from "svelte";
-  import CarouselSlot from "../../../../panel/CarouselSlot.svelte";
-  import type { CarouselSlotProps } from "../../../../panel/type";
-  import { useDevice } from "../../../../../../hooks/responsive.svelte";
-  import { autoplay } from "../../../../../ui/carousel/autoplay.js";
-  import type { GridProps } from "../../../../grid/data/types";
-  import SimpleGrid from "../../../../grid/ui/ItemsSimpleGrid.svelte";
-
-  type Props = {
-    slotProps?: CarouselSlotProps;
-    gridProps?: GridProps;
-    gridClass?: string;
-    children: Snippet;
-  };
-
-  const { slotProps, gridProps, gridClass, children }: Props = $props();
-
-  const responsive = useDevice();
-</script>
-
-{#if gridProps}
-  <SimpleGrid {...gridProps} />
-{/if}
-{#if responsive.isMobile}
-  <CarouselSlot
-    {...slotProps}
-    plugins={[autoplay({ delay: 4000, stopOnInteraction: true })]}
-  >
-    {@render children()}
-  </CarouselSlot>
-{:else}
-  <div
-    class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 p-2 {gridClass}"
-  >
-    {@render children()}
-  </div>
-{/if}
+<script lang="ts">
+  import type { Snippet } from "svelte";
+  import CarouselSlot from "../../../../../panel/CarouselSlot.svelte";
+  import type { CarouselSlotProps } from "../../../../../panel/type";
+  import { useDevice } from "../../../../../../../hooks/responsive.svelte";
+  import { autoplay } from "../../../../autoplay.js";
+  import type { GridProps } from "../../../../../grid/core/data/types";
+  import SimpleGrid from "../../../../../grid/core/ui/ItemsSimpleGrid.svelte";
+
+  type Props = {
+    slotProps?: CarouselSlotProps;
+    gridProps?: GridProps;
+    gridClass?: string;
+    children: Snippet;
+  };
+
+  const { slotProps, gridProps, gridClass, children }: Props = $props();
+
+  const responsive = useDevice();
+</script>
+
+{#if gridProps}
+  <SimpleGrid {...gridProps} />
+{/if}
+{#if responsive.isMobile}
+  <CarouselSlot
+    {...slotProps}
+    plugins={[autoplay({ delay: 4000, stopOnInteraction: true })]}
+  >
+    {@render children()}
+  </CarouselSlot>
+{:else}
+  <div
+    class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 p-2 {gridClass}"
+  >
+    {@render children()}
+  </div>
+{/if}

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

@@ -1,6 +1,6 @@
 import type { Snippet } from "svelte";
-import type { CarouselSlotProps } from "../../../../panel/type";
-import type { GridProps } from "../../../../grid/data/types";
+import type { CarouselSlotProps } from "../../../../../panel/type";
+import type { GridProps } from "../../../../../grid/core/data/types";
 type Props = {
     slotProps?: CarouselSlotProps;
     gridProps?: GridProps;

package/dist/components/{core/carousel → ui/carousel/core}/hero/types.d.ts

@@ -1,5 +1,5 @@
-import type { SimpleMenuProps } from "../../../../types";
-import type { ComplexMenuProps, MenuProps } from "../../nav/data/types";
+import type { SimpleMenuProps } from "../../../../../types";
+import type { ComplexMenuProps, MenuProps } from "../../../nav/data/types";
 /**
  * Item individual do CarouselHero — slide com imagem,
  * título e descrição.

package/dist/components/{core/carousel → ui/carousel/core}/hero/ui/CarouselHero.svelte

@@ -1,181 +1,181 @@
-<script lang="ts">
-  import type { Snippet } from "svelte";
-  import Menu from "../../../nav/ui/Menu.svelte";
-  import type { CarouselHeroItem, CarouselHeroProps } from "../types";
-  import SimpleMenu from "../../../nav/ui/SimpleMenu.svelte";
-  import ComplexMenu from "../../../nav/ui/ComplexMenu.svelte";
-
-  let {
-    items,
-    menusProps,
-    simpleMenu,
-    complexMenu,
-    children,
-    className,
-    titleClass,
-    descriptionClass,
-    intervalMs = 5000,
-    transitionMs = 1200,
-    indicatorShow = false,
-    sectionClass,
-  }: CarouselHeroProps & {
-    children?: Snippet;
-    intervalMs?: number;
-    transitionMs?: number;
-    indicatorShow?: boolean;
-  } = $props();
-
-  const initialImage = $derived(items?.[0]?.image ?? "");
-  let layers = $state<[string, string]>(["", ""]);
-  let active = $state<0 | 1>(0);
-  let index = $state(0);
-  let switching = false;
-
-  // eslint-disable-next-line svelte/prefer-svelte-reactivity
-  const preloadCache = new Map<string, Promise<void>>();
-
-  function preload(src: string): Promise<void> {
-    if (!src) return Promise.resolve();
-    const cached = preloadCache.get(src);
-    if (cached) return cached;
-
-    const promise = new Promise<void>((resolve) => {
-      const img = new Image();
-      img.onload = () => resolve();
-      img.onerror = () => resolve();
-      img.src = src;
-    });
-
-    preloadCache.set(src, promise);
-    return promise;
-  }
-
-  $effect(() => {
-    items?.forEach((item) => void preload(item.image));
-  });
-
-  async function goTo(nextIndex: number) {
-    if (!items || nextIndex === index || switching) return;
-    switching = true;
-
-    const nextSrc = items[nextIndex].image;
-    await preload(nextSrc);
-
-    const nextLayer = active === 0 ? 1 : 0;
-    layers[nextLayer] = nextSrc;
-    active = nextLayer;
-    index = nextIndex;
-    switching = false;
-  }
-
-  $effect(() => {
-    if (!items || items.length <= 1) return;
-
-    const timer = setInterval(() => {
-      goTo((index + 1) % items.length);
-    }, intervalMs);
-
-    return () => clearInterval(timer);
-  });
-
-  function fadeIn(node: HTMLElement) {
-    requestAnimationFrame(() => {
-      node.style.opacity = "1";
-    });
-    return {};
-  }
-
-  let selected = $derived<CarouselHeroItem | undefined>(items?.[index]);
-</script>
-
-{#if selected}
-  <header
-    class="w-full relative flex flex-col justify-center items-center h-75 md:h-100 overflow-hidden {className}"
-  >
-    {#each layers as bg, i (`layer-${i}`)}
-      {@const src = bg || (i === 0 ? initialImage : "")}
-      <div
-        style="
-    position: absolute;
-    inset: 0;
-    will-change: opacity;
-    background-image: {src ? `url(${src})` : 'none'};
-    background-size: cover;
-    background-position: center;
-    background-repeat: no-repeat;
-    opacity: {i === active ? 1 : 0};
-    transition: opacity {transitionMs}ms ease-in-out;
-  "
-      ></div>
-    {/each}
-
-    <div
-      style="position: absolute; inset: 0; height: 100%; background-color: rgba(0,0,0,0.4);"
-    ></div>
-
-    <div class="relative z-10 w-full flex flex-col items-center flex-1">
-      {#if menusProps}
-        {#if simpleMenu}
-          <Menu navMenu={simpleMenu} {...menusProps} />
-        {/if}
-        {#if complexMenu}
-          <Menu navMenu={complexMenu} {...menusProps} />
-        {/if}
-      {:else}
-        {#if simpleMenu}
-          <SimpleMenu {...simpleMenu} />
-        {/if}
-        {#if complexMenu}
-          <ComplexMenu {...complexMenu} />
-        {/if}
-      {/if}
-
-      <section
-        class="flex flex-col justify-center items-center flex-1 w-full h-auto text-center px-4 {sectionClass}"
-      >
-        {#key selected.title}
-          <div
-            style="transition: opacity {transitionMs * 0.6}ms ease-in-out;"
-            class="opacity-0 flex flex-col justify-center items-center text-center"
-            use:fadeIn
-          >
-            <div>
-              <h1
-                class="text-white text-2xl md:text-4xl font-bold {titleClass}"
-              >
-                {selected.title}
-              </h1>
-            </div>
-            <div class="flex flex-col justify-center items-center">
-              <p class="text-white/90 mt-2 max-w-2xl {descriptionClass}">
-                {selected.description}
-              </p>
-            </div>
-          </div>
-        {/key}
-
-        {#if children}
-          {@render children()}
-        {/if}
-      </section>
-    </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}
+<script lang="ts">
+  import type { Snippet } from "svelte";
+  import Menu from "../../../../nav/ui/Menu.svelte";
+  import type { CarouselHeroItem, CarouselHeroProps } from "../types";
+  import SimpleMenu from "../../../../nav/ui/SimpleMenu.svelte";
+  import ComplexMenu from "../../../../nav/ui/ComplexMenu.svelte";
+
+  let {
+    items,
+    menusProps,
+    simpleMenu,
+    complexMenu,
+    children,
+    className,
+    titleClass,
+    descriptionClass,
+    intervalMs = 5000,
+    transitionMs = 1200,
+    indicatorShow = false,
+    sectionClass,
+  }: CarouselHeroProps & {
+    children?: Snippet;
+    intervalMs?: number;
+    transitionMs?: number;
+    indicatorShow?: boolean;
+  } = $props();
+
+  const initialImage = $derived(items?.[0]?.image ?? "");
+  let layers = $state<[string, string]>(["", ""]);
+  let active = $state<0 | 1>(0);
+  let index = $state(0);
+  let switching = false;
+
+  // eslint-disable-next-line svelte/prefer-svelte-reactivity
+  const preloadCache = new Map<string, Promise<void>>();
+
+  function preload(src: string): Promise<void> {
+    if (!src) return Promise.resolve();
+    const cached = preloadCache.get(src);
+    if (cached) return cached;
+
+    const promise = new Promise<void>((resolve) => {
+      const img = new Image();
+      img.onload = () => resolve();
+      img.onerror = () => resolve();
+      img.src = src;
+    });
+
+    preloadCache.set(src, promise);
+    return promise;
+  }
+
+  $effect(() => {
+    items?.forEach((item) => void preload(item.image));
+  });
+
+  async function goTo(nextIndex: number) {
+    if (!items || nextIndex === index || switching) return;
+    switching = true;
+
+    const nextSrc = items[nextIndex].image;
+    await preload(nextSrc);
+
+    const nextLayer = active === 0 ? 1 : 0;
+    layers[nextLayer] = nextSrc;
+    active = nextLayer;
+    index = nextIndex;
+    switching = false;
+  }
+
+  $effect(() => {
+    if (!items || items.length <= 1) return;
+
+    const timer = setInterval(() => {
+      goTo((index + 1) % items.length);
+    }, intervalMs);
+
+    return () => clearInterval(timer);
+  });
+
+  function fadeIn(node: HTMLElement) {
+    requestAnimationFrame(() => {
+      node.style.opacity = "1";
+    });
+    return {};
+  }
+
+  let selected = $derived<CarouselHeroItem | undefined>(items?.[index]);
+</script>
+
+{#if selected}
+  <header
+    class="w-full relative flex flex-col justify-center items-center h-75 md:h-100 overflow-hidden {className}"
+  >
+    {#each layers as bg, i (`layer-${i}`)}
+      {@const src = bg || (i === 0 ? initialImage : "")}
+      <div
+        style="
+    position: absolute;
+    inset: 0;
+    will-change: opacity;
+    background-image: {src ? `url(${src})` : 'none'};
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    opacity: {i === active ? 1 : 0};
+    transition: opacity {transitionMs}ms ease-in-out;
+  "
+      ></div>
+    {/each}
+
+    <div
+      style="position: absolute; inset: 0; height: 100%; background-color: rgba(0,0,0,0.4);"
+    ></div>
+
+    <div class="relative z-10 w-full flex flex-col items-center flex-1">
+      {#if menusProps}
+        {#if simpleMenu}
+          <Menu navMenu={simpleMenu} {...menusProps} />
+        {/if}
+        {#if complexMenu}
+          <Menu navMenu={complexMenu} {...menusProps} />
+        {/if}
+      {:else}
+        {#if simpleMenu}
+          <SimpleMenu {...simpleMenu} />
+        {/if}
+        {#if complexMenu}
+          <ComplexMenu {...complexMenu} />
+        {/if}
+      {/if}
+
+      <section
+        class="flex flex-col justify-center items-center flex-1 w-full h-auto text-center px-4 {sectionClass}"
+      >
+        {#key selected.title}
+          <div
+            style="transition: opacity {transitionMs * 0.6}ms ease-in-out;"
+            class="opacity-0 flex flex-col justify-center items-center text-center"
+            use:fadeIn
+          >
+            <div>
+              <h1
+                class="text-white text-2xl md:text-4xl font-bold {titleClass}"
+              >
+                {selected.title}
+              </h1>
+            </div>
+            <div class="flex flex-col justify-center items-center">
+              <p class="text-white/90 mt-2 max-w-2xl {descriptionClass}">
+                {selected.description}
+              </p>
+            </div>
+          </div>
+        {/key}
+
+        {#if children}
+          {@render children()}
+        {/if}
+      </section>
+    </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 → ui/carousel/core}/highlights/types.d.ts

@@ -1,5 +1,5 @@
-import type { CardHighlightProps } from "../../card/types";
-import type { CarouselSlotProps } from "../../panel/type";
+import type { CardHighlightProps } from "../../../card/core/types";
+import type { CarouselSlotProps } from "../../../panel/type";
 import type { CarouselHeaderProps } from "../types";
 /**
  * Props do CarouselHighlights — carousel de cards de destaque