negodesign 0.0.55 → 0.0.57

package/dist/components/ui/tabs/tabs-list.svelte

@@ -1,40 +1,40 @@
-<script lang="ts" module>
-	import { tv, type VariantProps } from "tailwind-variants";
-
-	export const tabsListVariants = tv({
-		base: "rounded-4xl p-[3px] group-data-horizontal/tabs:h-9 group-data-vertical/tabs:rounded-2xl data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
-		variants: {
-			variant: {
-				default: "cn-tabs-list-variant-default bg-muted",
-				line: "cn-tabs-list-variant-line gap-1 bg-transparent",
-			},
-		},
-		defaultVariants: {
-			variant: "default",
-		},
-	});
-
-	export type TabsListVariant = VariantProps<typeof tabsListVariants>["variant"];
-</script>
-
-<script lang="ts">
-	import { Tabs as TabsPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		variant = "default",
-		class: className,
-		...restProps
-	}: TabsPrimitive.ListProps & {
-		variant?: TabsListVariant;
-	} = $props();
-</script>
-
-<TabsPrimitive.List
-	bind:ref
-	data-slot="tabs-list"
-	data-variant={variant}
-	class={cn(tabsListVariants({ variant }), className)}
-	{...restProps}
-/>
+<script lang="ts" module>
+	import { tv, type VariantProps } from "tailwind-variants";
+
+	export const tabsListVariants = tv({
+		base: "rounded-4xl p-[3px] group-data-horizontal/tabs:h-9 group-data-vertical/tabs:rounded-2xl data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
+		variants: {
+			variant: {
+				default: "cn-tabs-list-variant-default bg-muted",
+				line: "cn-tabs-list-variant-line gap-1 bg-transparent",
+			},
+		},
+		defaultVariants: {
+			variant: "default",
+		},
+	});
+
+	export type TabsListVariant = VariantProps<typeof tabsListVariants>["variant"];
+</script>
+
+<script lang="ts">
+	import { Tabs as TabsPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		variant = "default",
+		class: className,
+		...restProps
+	}: TabsPrimitive.ListProps & {
+		variant?: TabsListVariant;
+	} = $props();
+</script>
+
+<TabsPrimitive.List
+	bind:ref
+	data-slot="tabs-list"
+	data-variant={variant}
+	class={cn(tabsListVariants({ variant }), className)}
+	{...restProps}
+/>

package/dist/components/ui/tabs/tabs-trigger.svelte

@@ -1,23 +1,23 @@
-<script lang="ts">
-	import { Tabs as TabsPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: TabsPrimitive.TriggerProps = $props();
-</script>
-
-<TabsPrimitive.Trigger
-	bind:ref
-	data-slot="tabs-trigger"
-	class={cn(
-		"gap-1.5 rounded-xl border border-transparent px-2 py-1 text-sm font-medium group-data-vertical/tabs:px-2.5 group-data-vertical/tabs:py-1.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
-		"data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground",
-		"after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
-		className
-	)}
-	{...restProps}
-/>
+<script lang="ts">
+	import { Tabs as TabsPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: TabsPrimitive.TriggerProps = $props();
+</script>
+
+<TabsPrimitive.Trigger
+	bind:ref
+	data-slot="tabs-trigger"
+	class={cn(
+		"gap-1.5 rounded-xl border border-transparent px-2 py-1 text-sm font-medium group-data-vertical/tabs:px-2.5 group-data-vertical/tabs:py-1.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+		"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
+		"data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground",
+		"after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
+		className
+	)}
+	{...restProps}
+/>

package/dist/components/ui/tabs/tabs.svelte

@@ -1,19 +1,19 @@
-<script lang="ts">
-	import { Tabs as TabsPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(""),
-		class: className,
-		...restProps
-	}: TabsPrimitive.RootProps = $props();
-</script>
-
-<TabsPrimitive.Root
-	bind:ref
-	bind:value
-	data-slot="tabs"
-	class={cn("gap-2 group/tabs flex data-[orientation=horizontal]:flex-col", className)}
-	{...restProps}
-/>
+<script lang="ts">
+	import { Tabs as TabsPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		value = $bindable(""),
+		class: className,
+		...restProps
+	}: TabsPrimitive.RootProps = $props();
+</script>
+
+<TabsPrimitive.Root
+	bind:ref
+	bind:value
+	data-slot="tabs"
+	class={cn("gap-2 group/tabs flex data-[orientation=horizontal]:flex-col", className)}
+	{...restProps}
+/>

package/dist/globals.css

@@ -62,6 +62,8 @@
     --text-3xl--line-height: calc(2.25 / 1.875);
     --text-4xl: 2.25rem;
     --text-4xl--line-height: calc(2.5 / 2.25);
+    --text-6xl: 3.75rem;
+    --text-6xl--line-height: 1;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
@@ -567,6 +569,9 @@
   .-mr-2 {
     margin-right: calc(var(--spacing) * -2);
   }
+  .mr-0 {
+    margin-right: 0px;
+  }
   .mr-0\.5 {
     margin-right: calc(var(--spacing) * 0.5);
   }
@@ -874,6 +879,9 @@
   .max-h-72 {
     max-height: calc(var(--spacing) * 72);
   }
+  .max-h-237\.5 {
+    max-height: calc(var(--spacing) * 237.5);
+  }
   .max-h-\[85vh\] {
     max-height: 85vh;
   }
@@ -1006,6 +1014,9 @@
   .w-75 {
     width: calc(var(--spacing) * 75);
   }
+  .w-100 {
+    width: calc(var(--spacing) * 100);
+  }
   .w-144\.25 {
     width: calc(var(--spacing) * 144.25);
   }
@@ -1271,6 +1282,21 @@
   .grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+  .grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  .grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+  .grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+  .grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
   .grid-cols-10 {
     grid-template-columns: repeat(10, minmax(0, 1fr));
   }
@@ -2199,6 +2225,10 @@
     font-size: var(--text-3xl);
     line-height: var(--tw-leading, var(--text-3xl--line-height));
   }
+  .text-4xl {
+    font-size: var(--text-4xl);
+    line-height: var(--tw-leading, var(--text-4xl--line-height));
+  }
   .text-base {
     font-size: var(--text-base);
     line-height: var(--tw-leading, var(--text-base--line-height));
@@ -2934,6 +2964,9 @@
   .group-data-\[state\=active\]\/item\:fill-current:is(:where(.group\/item)[data-state="active"] *) {
     fill: currentcolor;
   }
+  .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) {
+    rotate: 180deg;
+  }
   .group-data-\[state\=open\]\/collapsible\:rotate-90:is(:where(.group\/collapsible)[data-state="open"] *) {
     rotate: 90deg;
   }
@@ -4028,6 +4061,9 @@
   .data-\[state\=inactive\]\:text-foreground\![data-state="inactive"] {
     color: var(--foreground) !important;
   }
+  .data-\[state\=open\]\:bg-accent[data-state="open"] {
+    background-color: var(--accent);
+  }
   .data-\[state\=open\]\:bg-sidebar-accent[data-state="open"] {
     background-color: var(--sidebar-accent);
   }
@@ -4231,6 +4267,12 @@
     .md\:mb-0 {
       margin-bottom: 0px;
     }
+    .md\:line-clamp-3 {
+      overflow: hidden;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 3;
+    }
     .md\:block {
       display: block;
     }
@@ -4305,6 +4347,9 @@
     .md\:w-40 {
       width: calc(var(--spacing) * 40);
     }
+    .md\:w-52 {
+      width: calc(var(--spacing) * 52);
+    }
     .md\:w-100 {
       width: calc(var(--spacing) * 100);
     }
@@ -4374,6 +4419,9 @@
     .md\:p-2 {
       padding: calc(var(--spacing) * 2);
     }
+    .md\:p-5 {
+      padding: calc(var(--spacing) * 5);
+    }
     .md\:p-6 {
       padding: calc(var(--spacing) * 6);
     }
@@ -4409,6 +4457,10 @@
       font-size: var(--text-4xl);
       line-height: var(--tw-leading, var(--text-4xl--line-height));
     }
+    .md\:text-6xl {
+      font-size: var(--text-6xl);
+      line-height: var(--tw-leading, var(--text-6xl--line-height));
+    }
     .md\:text-base {
       font-size: var(--text-base);
       line-height: var(--tw-leading, var(--text-base--line-height));
@@ -4516,6 +4568,9 @@
     .lg\:w-40 {
       width: calc(var(--spacing) * 40);
     }
+    .lg\:w-56 {
+      width: calc(var(--spacing) * 56);
+    }
     .lg\:w-105 {
       width: calc(var(--spacing) * 105);
     }
@@ -5413,8 +5468,7 @@
 }
 @font-face {
   font-family: "hgi-stroke-rounded";
-  src: url("hgi-stroke-rounded.eot?t=1721855138058");
-  src: url("hgi-stroke-rounded.eot?t=1721855138058#iefix") format("embedded-opentype"),url("hgi-stroke-rounded.woff2?t=1721855138058") format("woff2"),url("hgi-stroke-rounded.woff?t=1721855138058") format("woff"),url("hgi-stroke-rounded.ttf?t=1721855138058") format("truetype"),url("hgi-stroke-rounded.svg?t=1721855138058#hgi-stroke-rounded") format("svg");
+  src: url("hgi-stroke-rounded.woff2?t=1721855138058") format("woff2");
 }
 .hgi-stroke {
   font-family: "hgi-stroke-rounded" !important;

package/dist/index.d.ts

@@ -27,13 +27,12 @@ import CarouselHighlights from "./components/core/carousel/highlights/ui/Carouse
 import CarouselGridMedia from "./components/core/carousel/grid/media/ui/CarouselGridMedia.svelte";
 import CarouselPromotion from "./components/core/carousel/promotion/ui/CarouselPromotion.svelte";
 import CarouselBadge from "./components/core/carousel/badge/ui/CarouselBadge.svelte";
-import CarouselHero from "./components/core/carousel/hero/CarouselHero.svelte";
+import CarouselHero from "./components/core/carousel/hero/ui/CarouselHero.svelte";
 import CompanyProfile from "./components/pages/company-profile/CompanyProfile.svelte";
 import Menu from "./components/core/nav/ui/Menu.svelte";
 import PageLogin from "./components/pages/security/login/PageLogin.svelte";
 import SearchInput from "./components/core/search/SearchInput.svelte";
 import Footer from "./components/core/footer/ui/Footer.svelte";
-import NavMenu from "./components/core/nav/ui/NavMenu.svelte";
 import NegoDesign from "./components/NegoDesign.svelte";
 /** Store reativa do idioma atual. Altere com `$locale = "pt"`. */
 export { locale } from "./i18n";
@@ -53,12 +52,6 @@ export { Menu,
  * @property {Snippet} children - Conteúdo da aplicação
  */
 NegoDesign, 
-/**
- * Barra de navegação principal com logo, links, ações (login/registo),
- * language switcher e light switch integrados.
- * @see NavMenuProps
- */
-NavMenu, 
 /**
  * Banner de anúncio com faixa lateral colorida, título destacado e botão CTA.
  * Ideal para publicidade, chamadas de atenção ou ofertas especiais.

package/dist/index.js

@@ -27,13 +27,12 @@ import CarouselHighlights from "./components/core/carousel/highlights/ui/Carouse
 import CarouselGridMedia from "./components/core/carousel/grid/media/ui/CarouselGridMedia.svelte";
 import CarouselPromotion from "./components/core/carousel/promotion/ui/CarouselPromotion.svelte";
 import CarouselBadge from "./components/core/carousel/badge/ui/CarouselBadge.svelte";
-import CarouselHero from "./components/core/carousel/hero/CarouselHero.svelte";
+import CarouselHero from "./components/core/carousel/hero/ui/CarouselHero.svelte";
 import CompanyProfile from "./components/pages/company-profile/CompanyProfile.svelte";
 import Menu from "./components/core/nav/ui/Menu.svelte";
 import PageLogin from "./components/pages/security/login/PageLogin.svelte";
 import SearchInput from "./components/core/search/SearchInput.svelte";
 import Footer from "./components/core/footer/ui/Footer.svelte";
-import NavMenu from "./components/core/nav/ui/NavMenu.svelte";
 import NegoDesign from "./components/NegoDesign.svelte";
 /** Store reativa do idioma atual. Altere com `$locale = "pt"`. */
 export { locale } from "./i18n";
@@ -53,12 +52,6 @@ export { Menu,
  * @property {Snippet} children - Conteúdo da aplicação
  */
 NegoDesign, 
-/**
- * Barra de navegação principal com logo, links, ações (login/registo),
- * language switcher e light switch integrados.
- * @see NavMenuProps
- */
-NavMenu, 
 /**
  * Banner de anúncio com faixa lateral colorida, título destacado e botão CTA.
  * Ideal para publicidade, chamadas de atenção ou ofertas especiais.