negodesign 0.0.29 → 0.0.31

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/nav/data/nav-menu-sidebar.d.ts

@@ -1,21 +1,50 @@
 import type { IconSvgElement } from "@hugeicons/svelte";
+/**
+ * Grupo/categoria de menus na sidebar (ex: "Gestão", "Relatórios").
+ */
 export interface GroupMenuSidebarProps {
+    /** Nome/título do grupo de menus */
     name: string;
 }
+/**
+ * Submenu de um item principal da sidebar.
+ */
 export interface SubMenuSidebarProps {
+    /** Título do submenu */
     title: string;
+    /** URL de destino do submenu */
     url: string;
+    /** Ícone SVG do submenu */
     icon: IconSvgElement;
+    /** Indica se o submenu está ativo/selecionado */
     isActive?: boolean;
 }
+/**
+ * Item de menu principal da sidebar.
+ * Pode ser um item simples ou ter submenus.
+ */
 export interface NavMenuSidebarProps {
+    /** Título/nome do item de menu */
     title: string;
+    /** URL de destino (se não tiver submenus) */
     url?: string;
+    /** Ícone SVG do item de menu */
     icon: IconSvgElement;
+    /** Indica se o item está ativo/selecionado */
     isActive?: boolean;
+    /** Grupo/categoria a que o menu pertence */
     group?: GroupMenuSidebarProps;
 }
+/**
+ * Item de menu com submenus aninhados.
+ * Estende NavMenuSidebarProps adicionando suporte a submenus.
+ */
 export interface NavMenuAndSubmenuSidebarProps extends NavMenuSidebarProps {
+    /** Lista de submenus abaixo do item principal */
     submenus?: SubMenuSidebarProps[];
 }
+/**
+ * Tipo união para itens da barra lateral — pode ser
+ * um item simples ou um item com submenus.
+ */
 export type NavMenuItem = NavMenuSidebarProps | NavMenuAndSubmenuSidebarProps;

package/dist/components/core/nav/data/nav-menu.d.ts

@@ -1,36 +1,79 @@
 import type { IconSvgElement } from "@hugeicons/svelte";
+/**
+ * Props do logotipo no NavMenu.
+ */
 export interface NavMenuLogoProps {
+    /** URL da imagem do logotipo */
     img?: string;
+    /** URL de destino ao clicar no logo */
     url?: string;
+    /** Texto alternativo / label do logo */
     label: string;
+    /** Classe CSS adicional */
     className?: string;
+    /** Callback ao clicar no logo */
     onclick?: () => void;
 }
+/**
+ * Props de um link individual no menu de navegação.
+ */
 export interface NavMenuLinksProps {
+    /** URL de destino do link */
     url?: string;
+    /** Alias de `url` — URL de destino do link (compatibilidade) */
+    href?: string;
+    /** Texto exibido no link */
     label: string;
+    /** Ícone SVG opcional antes do label */
     icon?: IconSvgElement;
+    /** Callback ao clicar no link */
     onclick?: () => void;
 }
+/**
+ * Props de um item de ação (botão ou link) no menu de navegação.
+ * Usado para login, registo, etc.
+ */
 export interface NavMenuActionsProps {
+    /** URL de destino da ação */
     url?: string;
+    /** Texto exibido na ação */
     label: string;
+    /** Tipo de elemento: botão estilizado ou link simples */
     type?: 'BUTTON' | 'LINK';
+    /** Classe CSS adicional */
     className?: string;
+    /** Ícone SVG opcional */
     icon?: IconSvgElement;
+    /** Callback ao clicar na ação */
     onclick?: () => void;
 }
+/**
+ * Props do componente NavMenu — barra de navegação principal
+ * com logo, links, ações (login/registo), language switcher e light switch.
+ */
 export interface NavMenuProps {
+    /** Classe CSS adicional para o container do nav */
     navClass?: string;
+    /** Classe CSS personalizada para cada link */
     linkClass?: string;
+    /** Classe CSS personalizada para o grupo de links/açōes */
     groupClass?: string;
+    /** Classe CSS personalizada para os botões */
     buttonClass?: string;
+    /** Configuração do logotipo */
     logo?: NavMenuLogoProps;
+    /** Lista de links de navegação */
     links: NavMenuLinksProps[];
+    /** Lista de ações (ex: Login, Registar) */
     actions?: NavMenuActionsProps[];
+    /** Alinhamento dos links e das ações */
     align?: 'LINK_SEPARATED_ACTIONS' | 'LINK_INTO_ACTIONS';
+    /** Exibe o interruptor de tema (claro/escuro) */
     isLightSwitch?: boolean;
+    /** Exibe o seletor de idioma */
     isLanguageSwitcher?: boolean;
+    /** Callback ao clicar no botão Login */
     onclickButtonLogin?: () => void;
+    /** Callback ao clicar no botão Registar */
     onclickButtonRegister?: () => void;
 }

package/dist/components/core/nav/data/nav-user-sidebar.d.ts

@@ -1,14 +1,28 @@
 import type { IconSvgElement } from "@hugeicons/svelte";
+/**
+ * Props do bloco de usuário logado na sidebar.
+ * Contém dados do usuário (nome, email, avatar), ações rápidas
+ * e callback de logout.
+ */
 export interface NavUserSidebarProps {
+    /** Dados do utilizador autenticado */
     user: {
+        /** Nome completo do utilizador */
         name: string;
+        /** Email do utilizador */
         email: string;
+        /** URL da imagem de perfil/avatar (opcional) */
         avatar?: string;
     };
+    /** Lista de ações rápidas (ex: "Perfil", "Definições") */
     actions?: {
+        /** Texto exibido na ação */
         label: string;
+        /** Ícone SVG da ação */
         icon: IconSvgElement;
+        /** Callback acionado ao clicar na ação */
         onclick?: () => void;
     }[];
+    /** Callback acionado ao clicar no botão de terminar sessão */
     onLogout?: () => void;
 }

package/dist/components/core/nav/ui/menu-links.svelte

@@ -16,7 +16,7 @@
             <li>
                 <a
                     class={`flex items-center gap-1 ${linkClass}`}
-                    href={item.url || "#"}
+                    href={item.url ?? item.href ?? "#"}
                 >
                     {#if item.icon}
                         <HugeiconsIcon icon={item.icon} size={15} />

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

@@ -6,7 +6,7 @@
     positionButtonPreviousAndNext = "center",
     isButtonPreviousAndNext = true,
     buttonPreviousAndNextClass = "",
-    isBorderBottom = true,
+    isBorderBottom = false,
     containerClass = "w-full",
     plugins = [],
     children,
@@ -24,7 +24,7 @@
     <Carousel.Content
       class={positionButtonPreviousAndNext == "top_right" ? "" : "ml-0"}
     >
-      {@render children()}
+      {@render children?.()}
     </Carousel.Content>
     {#if positionButtonPreviousAndNext == "center"}
       {#if isButtonPreviousAndNext}

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

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { HugeiconsIcon } from "@hugeicons/svelte";
   import { ArrowRight01Icon } from "@hugeicons/core-free-icons";
-  import type { LoginCarouselProps } from "../../pages/security/login/types";
+  import type { LoginCarouselProps } from "../../pages/security/login/types";
   import type { Snippet } from "svelte";
   import Button from "../../ui/button/button.svelte";
   import { t } from "../../../i18n";
@@ -40,7 +40,7 @@
 </script>
 
 <div
-  class="relative flex flex-col justify-between overflow-hidden h-screen p-8 bg-gradient-left text-white"
+  class="relative flex flex-col justify-between overflow-hidden h-screen p-8 bg-gradient text-white"
 >
   <div class="flex items-center gap-2">
     <div class="font-bold text-xl tracking-wider flex items-center gap-2">

package/dist/components/core/panel/type.d.ts

@@ -1,11 +1,22 @@
 import type { CarouselPlugins } from "../../ui/carousel/context";
 import type { Snippet } from "svelte";
+/**
+ * Props do slot/container de carousel (CarouselSlot).
+ * Controla botões de navegação, bordas, plugins e conteúdo customizado.
+ */
 export type CarouselSlotProps = {
+    /** Posição dos botões anterior/próximo: centro ou canto superior direito */
     positionButtonPreviousAndNext?: "center" | "top_right";
+    /** Classe CSS personalizada para botões anterior/próximo */
     buttonPreviousAndNextClass?: string;
+    /** Exibe os botões anterior/próximo */
     isButtonPreviousAndNext?: boolean;
+    /** Exibe borda inferior no slot */
     isBorderBottom?: boolean;
+    /** Classe CSS adicional para o container */
     containerClass?: string;
+    /** Plugins do carousel (ex: autoplay, loop) */
     plugins?: CarouselPlugins;
+    /** Snippet de conteúdo customizado renderizado dentro do slot */
     children?: Snippet;
 };

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

@@ -1,15 +1,27 @@
-/** Props for the search input component. */
+/**
+ * Props base para o componente de input de busca.
+ */
 export interface SearchItemProps {
-    /** Callback fired when the user submits the search. */
+    /** Callback acionado ao submeter a busca (enter ou clique no botão) */
     onSubmit?: (q: string) => void;
-    /** Placeholder text for the input field. */
+    /** Classe CSS personalizada para o botão de busca */
     buttonClass?: string;
+    /** Placeholder exibido no campo de input */
     placeholder?: string;
+    /** Classe CSS personalizada para o campo de input */
     inputClass?: string;
+    /** Classe CSS personalizada para o ícone de busca */
     iconClass?: string;
 }
-/** Extended search input props with a visual variant option. */
+/**
+ * Props do SearchInput — input de busca completo com duas variantes visuais.
+ * @extends SearchItemProps
+ */
 export interface SearchInputProps extends SearchItemProps {
-    /** Visual variant: 1 = full border, 2 = bottom border only. */
+    /**
+     * Variante visual do input de busca.
+     * 1 = borda completa ao redor;
+     * 2 = apenas borda inferior (underline style).
+     */
     variant?: 1 | 2;
 }

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

@@ -0,0 +1,19 @@
+import type { Snippet } from "svelte";
+import type { NavUserSidebarProps } from "../nav/data/nav-user-sidebar";
+import type { NavMenuItem, NavMenuSidebarProps } from "../nav/data/nav-menu-sidebar";
+/**
+ * Props do componente MenuBarSidebar — sidebar de navegação admin
+ * com menus, usuário logado e botões de ação (ex: logout).
+ */
+export interface MenuBarSidebarProps {
+    /** Botões do rodapé da sidebar (ex: logout) */
+    menusButtons?: NavMenuSidebarProps[];
+    /** Itens de navegação principal */
+    menus: NavMenuItem[];
+    /** Dados do usuário logado */
+    user: NavUserSidebarProps;
+    /** Snippet customizado para o footer da sidebar */
+    footer?: Snippet;
+    /** Snippet customizado para o header da sidebar */
+    header?: Snippet;
+}

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

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

package/dist/components/core/tabs/data/TabModel.d.ts

@@ -1,9 +1,20 @@
 import type { Snippet } from "svelte";
+/**
+ * Item básico de uma aba — valor identificador e label visível.
+ */
 export interface TabItem {
+    /** Texto exibido na aba */
     label: string;
+    /** Valor único identificador da aba */
     value: string;
 }
+/**
+ * Props completas de uma aba no TabUnderline — item (label/value)
+ * mais o conteúdo (Snippet) renderizado quando a aba está ativa.
+ */
 export interface TabProps {
+    /** Dados da aba (label + valor) */
     item: TabItem;
+    /** Snippet com o conteúdo exibido ao selecionar a aba */
     children?: Snippet;
 }

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

@@ -0,0 +1,11 @@
+import type { TabProps } from "./data/TabModel";
+/**
+ * Props do componente TabUnderline — abas com estilo underline
+ * que trocam o conteúdo conforme a aba selecionada.
+ */
+export interface TabUnderlineProps {
+    /** Lista de abas com seu conteúdo (Snippet) */
+    items?: TabProps[];
+    /** Classe CSS adicional para o container */
+    className?: string;
+}

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

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

package/dist/components/pages/admin/01/ui/types.d.ts

@@ -0,0 +1,21 @@
+import type { Snippet } from "svelte";
+/**
+ * Props do componente AdminPanel — layout principal de administração
+ * com sidebar, header (breadcrumb, language switcher, light switch) e área de conteúdo.
+ */
+export interface AdminPanelProps {
+    /** Snippet com a sidebar da aplicação */
+    appsidebar?: Snippet;
+    /** Snippet com o conteúdo principal */
+    content?: Snippet;
+    /** Snippet com a navegação breadcrumb */
+    breadcrumb?: Snippet;
+}
+/**
+ * Props do componente AdminContent — wrapper de conteúdo
+ * para páginas admin com padding e layout flex.
+ */
+export interface AdminContentProps {
+    /** Snippet com o conteúdo interno da página */
+    children?: Snippet;
+}

package/dist/components/pages/admin/01/ui/types.js

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