negodesign 0.0.29 → 0.0.30

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

@@ -6,7 +6,7 @@
     positionButtonPreviousAndNext = "center",
     isButtonPreviousAndNext = true,
     buttonPreviousAndNextClass = "",
-    isBorderBottom = true,
+    isBorderBottom = false,
     containerClass = "w-full",
     plugins = [],
     children,

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/globals.css

@@ -31,6 +31,8 @@
     --color-gray-700: oklch(37.3% 0.034 259.733);
     --color-gray-800: oklch(27.8% 0.033 256.848);
     --color-gray-900: oklch(21% 0.034 264.665);
+    --color-neutral-800: oklch(26.9% 0 none);
+    --color-neutral-900: oklch(20.5% 0 none);
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
@@ -506,6 +508,12 @@
   .mt-5 {
     margin-top: calc(var(--spacing) * 5);
   }
+  .mt-7 {
+    margin-top: calc(var(--spacing) * 7);
+  }
+  .mt-10 {
+    margin-top: calc(var(--spacing) * 10);
+  }
   .mt-auto {
     margin-top: auto;
   }
@@ -696,6 +704,9 @@
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
+  .h-4\.5 {
+    height: calc(var(--spacing) * 4.5);
+  }
   .h-5 {
     height: calc(var(--spacing) * 5);
   }
@@ -825,6 +836,9 @@
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
+  .w-4\.5 {
+    width: calc(var(--spacing) * 4.5);
+  }
   .w-5 {
     width: calc(var(--spacing) * 5);
   }
@@ -942,6 +956,9 @@
   .max-w-full {
     max-width: 100%;
   }
+  .max-w-md {
+    max-width: var(--container-md);
+  }
   .max-w-sm {
     max-width: var(--container-sm);
   }
@@ -960,6 +977,9 @@
   .min-w-25 {
     min-width: calc(var(--spacing) * 25);
   }
+  .min-w-27\.5 {
+    min-width: calc(var(--spacing) * 27.5);
+  }
   .min-w-36 {
     min-width: calc(var(--spacing) * 36);
   }
@@ -969,6 +989,9 @@
   .min-w-56 {
     min-width: calc(var(--spacing) * 56);
   }
+  .min-w-60 {
+    min-width: calc(var(--spacing) * 60);
+  }
   .min-w-\[9rem\] {
     min-width: 9rem;
   }
@@ -1057,6 +1080,9 @@
   .rotate-90 {
     rotate: 90deg;
   }
+  .transform {
+    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+  }
   .transform-gpu {
     transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
@@ -1270,9 +1296,15 @@
   .rounded-2xl {
     border-radius: calc(var(--radius) * 1.8);
   }
+  .rounded-3xl {
+    border-radius: calc(var(--radius) * 2.2);
+  }
   .rounded-4xl {
     border-radius: calc(var(--radius) * 2.6);
   }
+  .rounded-\[1\.35rem\] {
+    border-radius: 1.35rem;
+  }
   .rounded-\[2px\] {
     border-radius: 2px;
   }
@@ -1605,6 +1637,9 @@
       background-color: color-mix(in oklab, var(--muted) 50%, transparent);
     }
   }
+  .bg-neutral-900 {
+    background-color: var(--color-neutral-900);
+  }
   .bg-popover {
     background-color: var(--popover);
   }
@@ -1725,6 +1760,9 @@
   .p-8 {
     padding: calc(var(--spacing) * 8);
   }
+  .p-10 {
+    padding: calc(var(--spacing) * 10);
+  }
   .p-\[3px\] {
     padding: 3px;
   }
@@ -1809,6 +1847,12 @@
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
+  .pt-6 {
+    padding-top: calc(var(--spacing) * 6);
+  }
+  .pt-8 {
+    padding-top: calc(var(--spacing) * 8);
+  }
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
@@ -1842,6 +1886,9 @@
   .pl-3 {
     padding-left: calc(var(--spacing) * 3);
   }
+  .pl-5 {
+    padding-left: calc(var(--spacing) * 5);
+  }
   .pl-6 {
     padding-left: calc(var(--spacing) * 6);
   }
@@ -2081,6 +2128,12 @@
       color: color-mix(in oklab, var(--color-white) 80%, transparent);
     }
   }
+  .text-white\/85 {
+    color: color-mix(in srgb, #fff 85%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 85%, transparent);
+    }
+  }
   .text-white\/90 {
     color: color-mix(in srgb, #fff 90%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2155,6 +2208,10 @@
     --tw-shadow: 0 0 #0000 !important;
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
   }
+  .shadow-sm {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-xl {
     --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2163,6 +2220,10 @@
     --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .ring {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .ring-0 {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2596,6 +2657,9 @@
   .placeholder\:text-muted-foreground::placeholder {
     color: var(--muted-foreground);
   }
+  .placeholder\:text-slate-500::placeholder {
+    color: var(--color-slate-500);
+  }
   .before\:absolute::before {
     content: var(--tw-content);
     position: absolute;
@@ -2795,6 +2859,9 @@
         background-color: color-mix(in oklab, var(--muted) 60%, transparent);
       }
     }
+    .hover\:bg-neutral-800:hover {
+      background-color: var(--color-neutral-800);
+    }
     .hover\:bg-primary\/80:hover {
       background-color: var(--primary);
     }
@@ -3522,6 +3589,9 @@
     .sm\:px-10 {
       padding-inline: calc(var(--spacing) * 10);
     }
+    .sm\:py-12 {
+      padding-block: calc(var(--spacing) * 12);
+    }
     .sm\:py-14 {
       padding-block: calc(var(--spacing) * 14);
     }
@@ -3533,6 +3603,10 @@
       font-size: var(--text-4xl);
       line-height: var(--tw-leading, var(--text-4xl--line-height));
     }
+    .sm\:text-base {
+      font-size: var(--text-base);
+      line-height: var(--tw-leading, var(--text-base--line-height));
+    }
     .sm\:before\:flex-1::before {
       content: var(--tw-content);
       flex: 1;
@@ -3560,9 +3634,6 @@
     .md\:my-2 {
       margin-block: calc(var(--spacing) * 2);
     }
-    .md\:mt-3 {
-      margin-top: calc(var(--spacing) * 3);
-    }
     .md\:mt-10 {
       margin-top: calc(var(--spacing) * 10);
     }
@@ -3617,6 +3688,15 @@
     .md\:grid-cols-2 {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
+    .md\:flex-row {
+      flex-direction: row;
+    }
+    .md\:items-center {
+      align-items: center;
+    }
+    .md\:items-start {
+      align-items: flex-start;
+    }
     .md\:justify-between {
       justify-content: space-between;
     }
@@ -3737,6 +3817,9 @@
     .lg\:h-105 {
       height: calc(var(--spacing) * 105);
     }
+    .lg\:h-225 {
+      height: calc(var(--spacing) * 225);
+    }
     .lg\:w-32 {
       width: calc(var(--spacing) * 32);
     }
@@ -20469,7 +20552,7 @@
   animation-name: slideOutUp;
 }
 @layer {
-  .bg-gradient-left {
+  .bg-gradient {
     --tw-gradient-position: to right;
     @supports (background-image: linear-gradient(in lab, red, red)) {
       --tw-gradient-position: to right in oklab;
@@ -20787,6 +20870,26 @@
   inherits: false;
   initial-value: 1;
 }
+@property --tw-rotate-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-z {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-y {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-space-y-reverse {
   syntax: "*";
   inherits: false;
@@ -21089,6 +21192,11 @@
       --tw-scale-x: 1;
       --tw-scale-y: 1;
       --tw-scale-z: 1;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
       --tw-border-style: solid;

package/dist/i18n/langs/en.d.ts

@@ -89,6 +89,10 @@ declare const _default: {
     "carousel.otp-verification.slide2.description": string;
     "carousel.otp-verification.slide3.title": string;
     "carousel.otp-verification.slide3.description": string;
+    "footer.subscribe": string;
+    "footer.subscribe.title": string;
+    "footer.subscribe.text": string;
+    "footer.copyr": string;
     "language.en": string;
     "language.pt": string;
 };

package/dist/i18n/langs/en.js

@@ -89,6 +89,10 @@ export default {
     "carousel.otp-verification.slide2.description": "Check your inbox or phone messages for the 6-digit code. It may take a few moments to arrive.",
     "carousel.otp-verification.slide3.title": "Code Verified!",
     "carousel.otp-verification.slide3.description": "Your identity has been verified. You can now proceed with resetting your password or accessing your account.",
+    "footer.subscribe": "Subscribe",
+    "footer.subscribe.title": "Subscreva a nossa newsletter",
+    "footer.subscribe.text": "Subscribe to our newsletter to receive the latest news, articles and resources sent directly to your inbox.",
+    "footer.copyr": "All rights reserved",
     "language.en": "English",
     "language.pt": "Portuguese"
 };

package/dist/i18n/langs/pt.d.ts

@@ -89,6 +89,10 @@ declare const _default: {
     "carousel.otp-verification.slide2.description": string;
     "carousel.otp-verification.slide3.title": string;
     "carousel.otp-verification.slide3.description": string;
+    "footer.subscribe": string;
+    "footer.subscribe.title": string;
+    "footer.subscribe.text": string;
+    "footer.copyr": string;
     "language.en": string;
     "language.pt": string;
 };