diff --git a/preview/pages/typography.astro b/preview/pages/typography.astro
index 79f15d689..813f1d2f9 100644
--- a/preview/pages/typography.astro
+++ b/preview/pages/typography.astro
@@ -15,7 +15,7 @@ import DocsLink from '@ui/DocsLink.astro'
Good coffee isn't about expensive gear — it's about consistency. Get the ratio, the grind, and the water temperature right, and almost any method will taste better.
-
+ Ten minutes of prep, and the rest of the morning is yours.
diff --git a/shared/components/cards/CrmStats.astro b/shared/components/cards/CrmStats.astro
index acc2e5eb6..545c7b322 100644
--- a/shared/components/cards/CrmStats.astro
+++ b/shared/components/cards/CrmStats.astro
@@ -44,9 +44,13 @@ const avatarClass = [color ? `bg-${color}${lt ? '-lt' : ' text-white'}` : '', 'a
-
-
-
+ {
+ changeValue !== undefined && (
+
+
+
+ )
+ }
diff --git a/shared/components/demo/DataSelect.astro b/shared/components/demo/DataSelect.astro
index 7c81ea01a..bc82290ed 100644
--- a/shared/components/demo/DataSelect.astro
+++ b/shared/components/demo/DataSelect.astro
@@ -31,8 +31,16 @@ const {
} = Astro.props;
const id = idProp ?? keyProp;
+if (!id) {
+ throw new Error('DataSelect: pass an `id` or a `key` — the select needs one for its id');
+}
const key = keyProp ?? 'people';
-const data = (selects as Record)[key] ?? {};
+let data = (selects as Record)[key];
+if (!data && !values) {
+ throw new Error(`DataSelect: unknown key "${key}" — not in @data/selects.json`);
+}
+// `values` alone needs no selects.json entry.
+data ??= {};
const isMultiple = Boolean(data.multiple);
@@ -77,4 +85,4 @@ if (values) {
}
---
-{id && }
+
diff --git a/shared/components/marketing/MarketingNavbar.astro b/shared/components/marketing/MarketingNavbar.astro
index 8b6ffc38c..925a3adb6 100644
--- a/shared/components/marketing/MarketingNavbar.astro
+++ b/shared/components/marketing/MarketingNavbar.astro
@@ -1,8 +1,8 @@
---
-// Relative base is "../" for one-level-deep marketing pages.
import Logo from '../navbar/Logo.astro'
+import { relativeBase } from '@shared/lib/url'
-const base = '..'
+const base = relativeBase(Astro.url.pathname)
---
@@ -16,7 +16,7 @@ const base = '..'
-
+
diff --git a/shared/components/marketing/sections/Testimonials.astro b/shared/components/marketing/sections/Testimonials.astro
index 5ee665333..7761fda4e 100644
--- a/shared/components/marketing/sections/Testimonials.astro
+++ b/shared/components/marketing/sections/Testimonials.astro
@@ -1,8 +1,8 @@
---
-// Marketing pages live one level deep, so the avatar asset base is "..", passed to Avatar via `base`.
import testimonials from '@data/testimonials.json'
import { people } from '@shared/lib/people'
import Avatar from '@ui/Avatar.astro'
+import { relativeBase } from '@shared/lib/url'
interface Props {
class?: string
@@ -12,12 +12,15 @@ interface Props {
const { class: className, limit = 99, hideHeader } = Astro.props
+const base = relativeBase(Astro.url.pathname)
+
const sectionClass = ['section', className]
// Slice testimonials and split into 3 columns.
const list = (testimonials as string[]).slice(0, limit)
const n = 3
-const chunkSize = Math.round(list.length / n)
+// At least 1, or a limit below 2 would never advance the loop below.
+const chunkSize = Math.max(1, Math.round(list.length / n))
const groups: string[][] = []
for (let i = 0; i < list.length; i += chunkSize) {
groups.push(list.slice(i, i + chunkSize))
@@ -56,7 +59,7 @@ const cards = groups.map((group) =>
-
+
{person.full_name}
diff --git a/shared/components/navbar/NavbarMenu.astro b/shared/components/navbar/NavbarMenu.astro
index e5b9bd0c0..d1273fccf 100644
--- a/shared/components/navbar/NavbarMenu.astro
+++ b/shared/components/navbar/NavbarMenu.astro
@@ -1,6 +1,6 @@
---
import Icon from '@ui/Icon.astro'
-import NavbarMenuItem from './NavbarMenuItem.astro'
+import NavbarMenuItem, { type Level2 } from './NavbarMenuItem.astro'
import menu from '@data/menu.json'
import menuSample from '@data/menu-sample.json'
@@ -16,7 +16,7 @@ interface Level1 {
'columns'?: number
/** section label rendered before this item (sidebar only, needs the `sections` prop) */
'section'?: string
- 'children'?: Record>
+ 'children'?: Record
}
interface Props {
@@ -84,13 +84,13 @@ const chunk = (arr: T[], size: number): T[][] => {
{columns.map((column) => (
+ 
+ 