@revenexx/cover 0.1.0

package/app/config/countries.ts

@@ -0,0 +1,74 @@
+export interface Country {
+	label: string;
+	value: string;
+}
+
+/**
+ * Country list ordered by German-speaking countries first, then Europe
+ * alphabetically, then major international countries.
+ * Values use German country names to match the existing address data format.
+ */
+export const COUNTRIES: Country[] = [
+	{ label: "Deutschland", value: "Deutschland" },
+	{ label: "Österreich", value: "Österreich" },
+	{ label: "Schweiz", value: "Schweiz" },
+	{ label: "Liechtenstein", value: "Liechtenstein" },
+	{ label: "Luxemburg", value: "Luxemburg" },
+	{ label: "Albanien", value: "Albanien" },
+	{ label: "Andorra", value: "Andorra" },
+	{ label: "Belgien", value: "Belgien" },
+	{ label: "Bosnien und Herzegowina", value: "Bosnien und Herzegowina" },
+	{ label: "Bulgarien", value: "Bulgarien" },
+	{ label: "Dänemark", value: "Dänemark" },
+	{ label: "Estland", value: "Estland" },
+	{ label: "Finnland", value: "Finnland" },
+	{ label: "Frankreich", value: "Frankreich" },
+	{ label: "Griechenland", value: "Griechenland" },
+	{ label: "Irland", value: "Irland" },
+	{ label: "Island", value: "Island" },
+	{ label: "Italien", value: "Italien" },
+	{ label: "Kosovo", value: "Kosovo" },
+	{ label: "Kroatien", value: "Kroatien" },
+	{ label: "Lettland", value: "Lettland" },
+	{ label: "Litauen", value: "Litauen" },
+	{ label: "Malta", value: "Malta" },
+	{ label: "Moldau", value: "Moldau" },
+	{ label: "Monaco", value: "Monaco" },
+	{ label: "Montenegro", value: "Montenegro" },
+	{ label: "Niederlande", value: "Niederlande" },
+	{ label: "Nordmazedonien", value: "Nordmazedonien" },
+	{ label: "Norwegen", value: "Norwegen" },
+	{ label: "Polen", value: "Polen" },
+	{ label: "Portugal", value: "Portugal" },
+	{ label: "Rumänien", value: "Rumänien" },
+	{ label: "San Marino", value: "San Marino" },
+	{ label: "Schweden", value: "Schweden" },
+	{ label: "Serbien", value: "Serbien" },
+	{ label: "Slowakei", value: "Slowakei" },
+	{ label: "Slowenien", value: "Slowenien" },
+	{ label: "Spanien", value: "Spanien" },
+	{ label: "Tschechien", value: "Tschechien" },
+	{ label: "Türkei", value: "Türkei" },
+	{ label: "Ukraine", value: "Ukraine" },
+	{ label: "Ungarn", value: "Ungarn" },
+	{ label: "Vatikanstadt", value: "Vatikanstadt" },
+	{ label: "Vereinigtes Königreich", value: "Vereinigtes Königreich" },
+	{ label: "Weißrussland", value: "Weißrussland" },
+	{ label: "Zypern", value: "Zypern" },
+	{ label: "Australien", value: "Australien" },
+	{ label: "Brasilien", value: "Brasilien" },
+	{ label: "China", value: "China" },
+	{ label: "Indien", value: "Indien" },
+	{ label: "Japan", value: "Japan" },
+	{ label: "Kanada", value: "Kanada" },
+	{ label: "Mexiko", value: "Mexiko" },
+	{ label: "Neuseeland", value: "Neuseeland" },
+	{ label: "Russland", value: "Russland" },
+	{ label: "Saudi-Arabien", value: "Saudi-Arabien" },
+	{ label: "Singapur", value: "Singapur" },
+	{ label: "Südafrika", value: "Südafrika" },
+	{ label: "Südkorea", value: "Südkorea" },
+	{ label: "Taiwan", value: "Taiwan" },
+	{ label: "Vereinigte Arabische Emirate", value: "Vereinigte Arabische Emirate" },
+	{ label: "Vereinigte Staaten", value: "Vereinigte Staaten" },
+];

package/app/config/icons.ts

@@ -0,0 +1,283 @@
+/**
+ * Cover icon system — built on Solar Icons (https://solar-icons.vercel.app),
+ * consumed as Iconify names (`i-solar-{base}-{weight}`).
+ *
+ * Icons are referenced by semantic token (e.g. "cart", "success") or by raw
+ * Solar basename for one-off content icons (e.g. category data from the BFF).
+ * The weight (Linear, Bold, BoldDuotone, …) is a theme decision — it is
+ * appended at render time via `solarIcon()` / `useIcons()`, never stored in
+ * configs or data.
+ */
+
+export const SOLAR_ICON_WEIGHTS = [
+	"linear",
+	"outline",
+	"broken",
+	"line-duotone",
+	"bold",
+	"bold-duotone",
+] as const;
+
+export type SolarIconWeight = (typeof SOLAR_ICON_WEIGHTS)[number];
+
+export const SOLAR_ICON_WEIGHT_LABELS: Record<SolarIconWeight, string> = {
+	"linear": "Linear",
+	"outline": "Outline",
+	"broken": "Broken",
+	"line-duotone": "Line Duotone",
+	"bold": "Bold",
+	"bold-duotone": "Bold Duotone",
+};
+
+export const DEFAULT_ICON_WEIGHT: SolarIconWeight = "linear";
+
+export interface CoverIconGroup {
+	id: string;
+	label: string;
+	description: string;
+	icons: Record<string, string>;
+}
+
+/**
+ * The icon set that ships with the design system: semantic token → Solar
+ * basename. Grouped for the docs gallery; flattened into `coverIcons` below.
+ */
+export const coverIconGroups: CoverIconGroup[] = [
+	{
+		id: "navigation",
+		label: "Navigation",
+		description: "Arrows, chevrons and structural navigation.",
+		icons: {
+			"arrow-left": "arrow-left",
+			"arrow-right": "arrow-right",
+			"arrow-up": "arrow-up",
+			"arrow-down": "arrow-down",
+			"chevron-up": "alt-arrow-up",
+			"chevron-down": "alt-arrow-down",
+			"chevron-left": "alt-arrow-left",
+			"chevron-right": "alt-arrow-right",
+			"chevron-double-left": "double-alt-arrow-left",
+			"chevron-double-right": "double-alt-arrow-right",
+			"external": "arrow-right-up",
+			"menu": "hamburger-menu",
+			"ellipsis": "menu-dots",
+			"panel-open": "square-alt-arrow-right",
+			"panel-close": "square-alt-arrow-left",
+			"drag": "reorder",
+		},
+	},
+	{
+		id: "actions",
+		label: "Actions",
+		description: "Interactive verbs — search, edit, delete, toggle.",
+		icons: {
+			"search": "magnifer",
+			"plus": "add-circle",
+			"minus": "minus-circle",
+			"close": "close-circle",
+			"edit": "pen-2",
+			"delete": "trash-bin-trash",
+			"copy": "copy",
+			"copy-check": "clipboard-check",
+			"upload": "upload",
+			"scan": "scanner",
+			"reset": "restart",
+			"login": "login-2",
+			"logout": "logout-2",
+			"register": "user-plus",
+			"eye": "eye",
+			"eye-off": "eye-closed",
+			"stop": "stop",
+			"filters": "tuning-2",
+			"sort": "round-sort-vertical",
+			"sort-asc": "sort-from-bottom-to-top",
+			"sort-desc": "sort-from-top-to-bottom",
+		},
+	},
+	{
+		id: "status",
+		label: "Status & Feedback",
+		description: "Validation, alerts and empty states.",
+		icons: {
+			"check": "check-read",
+			"success": "check-circle",
+			"error": "close-circle",
+			"alert": "danger-circle",
+			"warning": "danger-triangle",
+			"info": "info-circle",
+			"tip": "lightbulb",
+			"loading": "refresh",
+			"no-results": "minimalistic-magnifer",
+			"empty": "box-minimalistic",
+			"coming-soon": "sledgehammer",
+		},
+	},
+	{
+		id: "commerce",
+		label: "Commerce",
+		description: "Cart, ordering and fulfillment.",
+		icons: {
+			"cart": "cart-3",
+			"orders": "bag-4",
+			"orders-empty": "bag-cross",
+			"package": "box",
+			"delivery": "delivery",
+			"payment": "card",
+			"store": "shop",
+			"direct-order": "keyboard",
+			"order-list": "clipboard-list",
+			"list": "list",
+			"grid": "widget",
+		},
+	},
+	{
+		id: "account",
+		label: "Account & B2B",
+		description: "Users, organizations and access.",
+		icons: {
+			"user": "user",
+			"users": "users-group-rounded",
+			"company": "buildings-2",
+			"briefcase": "case",
+			"key": "key",
+			"shield": "shield",
+		},
+	},
+	{
+		id: "contact",
+		label: "Contact & Places",
+		description: "Reaching out and getting there.",
+		icons: {
+			"mail": "letter",
+			"phone": "phone",
+			"location": "map-point",
+			"location-missing": "map-point-remove",
+			"globe": "global",
+			"clock": "alarm",
+		},
+	},
+	{
+		id: "system",
+		label: "System & Appearance",
+		description: "Color modes, files and technical surfaces.",
+		icons: {
+			"light": "sun",
+			"dark": "moon",
+			"system": "monitor",
+			"palette": "palette",
+			"blocks": "widget-add",
+			"template": "structure",
+			"file": "file",
+			"folder": "folder",
+			"folder-open": "folder-open",
+			"folder-tree": "folder-path-connect",
+			"hash": "hashtag",
+			"smartphone": "smartphone",
+			"cpu": "cpu",
+			"database": "database",
+			"bolt": "bolt",
+			"flask": "test-tube",
+			"route": "route",
+			"satellite": "satellite",
+			"wind": "wind",
+		},
+	},
+];
+
+/** Flat token → Solar basename map derived from the grouped registry. */
+export const coverIcons: Record<string, string> = Object.fromEntries(
+	coverIconGroups.flatMap((group) => Object.entries(group.icons)),
+);
+
+export type CoverIconName = keyof typeof coverIcons;
+
+/**
+ * Control icons keep a fixed weight regardless of the theme: checkmarks
+ * and chevrons inside form controls (checkboxes, selects, selected-state
+ * indicators) must read instantly — a duotone or broken check looks like
+ * a rendering glitch, not a state.
+ */
+export const FIXED_ICON_WEIGHTS: Record<string, SolarIconWeight> = {
+	"success": "bold",
+	"chevron-up": "bold",
+	"chevron-down": "bold",
+	"chevron-left": "bold",
+	"chevron-right": "bold",
+	"chevron-double-left": "bold",
+	"chevron-double-right": "bold",
+};
+
+/**
+ * Resolves an icon reference to a full Iconify name in the given weight.
+ * Accepts a semantic token ("cart"), a raw Solar basename ("medical-kit"),
+ * or a pre-resolved Iconify name ("i-solar-…"), which passes through as-is.
+ * Control tokens (see FIXED_ICON_WEIGHTS) ignore the theme weight.
+ */
+export function solarIcon(name: string, weight: SolarIconWeight = DEFAULT_ICON_WEIGHT): string {
+	if (name.startsWith("i-")) {
+		return name;
+	}
+	const base = coverIcons[name] ?? name;
+	const effectiveWeight = FIXED_ICON_WEIGHTS[name] ?? weight;
+	return `i-solar-${base}-${effectiveWeight}`;
+}
+
+/**
+ * Nuxt UI `ui.icons` app-config keys mapped to cover icon tokens. Applied as
+ * static defaults in the layer app.config and re-applied with the active
+ * weight by the theme store — analog to the color tokens.
+ */
+export const NUXT_UI_ICON_TOKENS: Record<string, string> = {
+	arrowDown: "arrow-down",
+	arrowLeft: "arrow-left",
+	arrowRight: "arrow-right",
+	arrowUp: "arrow-up",
+	caution: "alert",
+	// Solar ships no bare check stroke (check-read doubles in linear and
+	// fills a squircle in bold) — the checkbox/select indicator uses the
+	// lucide check, the only non-Solar glyph in the system.
+	check: "i-lucide-check",
+	chevronDoubleLeft: "chevron-double-left",
+	chevronDoubleRight: "chevron-double-right",
+	chevronDown: "chevron-down",
+	chevronLeft: "chevron-left",
+	chevronRight: "chevron-right",
+	chevronUp: "chevron-up",
+	close: "close",
+	copy: "copy",
+	copyCheck: "copy-check",
+	dark: "dark",
+	drag: "drag",
+	ellipsis: "ellipsis",
+	error: "error",
+	external: "external",
+	eye: "eye",
+	eyeOff: "eye-off",
+	file: "file",
+	folder: "folder",
+	folderOpen: "folder-open",
+	hash: "hash",
+	info: "info",
+	light: "light",
+	loading: "loading",
+	menu: "menu",
+	minus: "minus",
+	panelClose: "panel-close",
+	panelOpen: "panel-open",
+	plus: "plus",
+	reload: "reset",
+	search: "search",
+	stop: "stop",
+	success: "success",
+	system: "system",
+	tip: "tip",
+	upload: "upload",
+	warning: "warning",
+};
+
+/** Builds the Nuxt UI `ui.icons` config for a given weight. */
+export function nuxtUiIcons(weight: SolarIconWeight): Record<string, string> {
+	return Object.fromEntries(
+		Object.entries(NUXT_UI_ICON_TOKENS).map(([key, token]) => [key, solarIcon(token, weight)]),
+	);
+}

package/app/config/navigation.ts

@@ -0,0 +1,191 @@
+export interface ProductSubcategory {
+	label: string;
+	slug: string;
+	icon: string;
+}
+
+export interface ProductCategory {
+	label: string;
+	slug: string;
+	icon: string;
+	subcategories: ProductSubcategory[];
+}
+
+export const footerLinks = {
+	products: {
+		heading: "Products",
+		links: [
+			{ label: "All Products", to: "/products" },
+			{ label: "New Arrivals", to: "/products/new" },
+			{ label: "Featured", to: "/products/featured" },
+			{ label: "Browse Catalog", to: "/catalog" },
+		],
+	},
+	account: {
+		heading: "Account",
+		links: [
+			{ label: "Orders", to: "/account/orders" },
+			{ label: "Invoices", to: "/account/invoices" },
+			{ label: "Saved Lists", to: "/account/lists" },
+			{ label: "Contracts", to: "/account/contracts" },
+		],
+	},
+	support: {
+		heading: "Support",
+		links: [
+			{ label: "Contact", to: "/support/contact" },
+			{ label: "Documentation", to: "/support/docs" },
+			{ label: "System Status", to: "/support/status" },
+			{ label: "Request Quote", to: "/quote" },
+		],
+	},
+};
+
+export const legalLinks = [
+	{ label: "Privacy Policy", to: "/legal/privacy" },
+	{ label: "Terms of Service", to: "/legal/terms" },
+	{ label: "Cookie Policy", to: "/legal/cookies" },
+];
+
+export const shopContact = {
+	address: "200 Market Street, Suite 800, San Francisco, CA 94105",
+	phone: "+1 (800) 555-0100",
+	email: "support@covercorp.com",
+};
+
+/* ------------------------------------------------------------------ */
+/* Storefront chrome — structure adopted from the relation prototype  */
+/* (topbar · header · main nav · account area). Labels are i18n keys. */
+/* ------------------------------------------------------------------ */
+
+export interface NavItem {
+	/** i18n key, resolved by the rendering component */
+	labelKey: string;
+	to: string;
+	icon?: string;
+}
+
+export interface TopbarUsp {
+	labelKey: string;
+	icon: string;
+}
+
+/** Left side of the topbar — unique selling points. */
+export const topbarUsps: TopbarUsp[] = [
+	{ labelKey: "topbar.freeShipping", icon: "delivery" },
+	{ labelKey: "topbar.nextDayDelivery", icon: "clock" },
+];
+
+/** Right side of the topbar — quick links. */
+export const topbarQuickLinks: NavItem[] = [
+	{ labelKey: "topbar.contact", to: "/support/contact" },
+	{ labelKey: "topbar.aboutUs", to: "/about" },
+	{ labelKey: "topbar.locations", to: "/locations" },
+];
+
+/** Primary navigation (dark bar below the header). */
+export const mainNavigation: NavItem[] = [
+	{ labelKey: "nav.home", to: "/" },
+	{ labelKey: "nav.products", to: "/category/office-supplies" },
+	{ labelKey: "nav.spareParts", to: "/spare-parts" },
+	{ labelKey: "nav.services", to: "/services" },
+	{ labelKey: "nav.knowledge", to: "/knowledge" },
+];
+
+/** Secondary links on the right side of the main navigation. */
+export const mainNavigationSecondary: NavItem[] = [
+	{ labelKey: "header.projects", to: "/account/projects" },
+	{ labelKey: "header.orderLists", to: "/account/order-lists" },
+	{ labelKey: "topbar.orderStatus", to: "/account/orders" },
+];
+
+export interface AccountNavLink {
+	labelKey: string;
+	to: string;
+	/** Cover icon token or raw Solar basename, shown before the label. */
+	icon: string;
+	/** False for roadmap entries served by the coming-soon catch-all. */
+	implemented?: boolean;
+}
+
+export interface AccountNavGroup {
+	labelKey: string;
+	links: AccountNavLink[];
+}
+
+/**
+ * The full B2B account navigation tree. Implemented routes point at real
+ * pages; everything else shows where the journey is heading and renders the
+ * coming-soon page (apps consume it via the account/[...section] catch-all).
+ */
+export const accountNavigation: AccountNavGroup[] = [
+	{
+		labelKey: "account.nav.groups.account",
+		links: [
+			{ labelKey: "account.nav.dashboard", icon: "grid", to: "/account", implemented: true },
+			{ labelKey: "account.nav.carts", icon: "cart", to: "/account/carts", implemented: true },
+			{ labelKey: "account.nav.orderTemplates", icon: "template", to: "/account/order-templates" },
+			{ labelKey: "account.nav.orderLists", icon: "order-list", to: "/account/order-lists", implemented: true },
+			{ labelKey: "account.nav.projects", icon: "folder", to: "/account/projects" },
+			{ labelKey: "account.nav.devices", icon: "smartphone", to: "/account/devices" },
+			{ labelKey: "account.nav.points", icon: "star", to: "/account/points" },
+			{ labelKey: "account.nav.configurations", icon: "settings", to: "/account/configurations" },
+		],
+	},
+	{
+		labelKey: "account.nav.groups.orders",
+		links: [
+			{ labelKey: "account.nav.inquiries", icon: "mail", to: "/account/inquiries" },
+			{ labelKey: "account.nav.quotes", icon: "file", to: "/account/quotes" },
+			{ labelKey: "account.nav.orders", icon: "orders", to: "/account/orders", implemented: true },
+			{ labelKey: "account.nav.deliveries", icon: "delivery", to: "/account/deliveries" },
+			{ labelKey: "account.nav.subscriptions", icon: "calendar", to: "/account/subscriptions" },
+			{ labelKey: "account.nav.downloads", icon: "download", to: "/account/downloads" },
+			{ labelKey: "account.nav.statistics", icon: "chart-2", to: "/account/statistics" },
+		],
+	},
+	{
+		labelKey: "account.nav.groups.orderProcess",
+		links: [
+			{ labelKey: "account.nav.approvals", icon: "shield", to: "/account/approvals", implemented: true },
+			{ labelKey: "account.nav.costCenters", icon: "briefcase", to: "/account/cost-centers", implemented: true },
+			{ labelKey: "account.nav.requisitions", icon: "check", to: "/account/requisitions", implemented: true },
+			{ labelKey: "account.nav.workflows", icon: "route", to: "/account/workflows", implemented: true },
+			{ labelKey: "account.nav.collectiveOrders", icon: "layers", to: "/account/collective-orders" },
+			{ labelKey: "account.nav.assortmentRestrictions", icon: "filter", to: "/account/assortment-restrictions" },
+			{ labelKey: "account.nav.inquiriesAndQuotes", icon: "chat-round-dots", to: "/account/inquiries-and-quotes" },
+		],
+	},
+	{
+		labelKey: "account.nav.groups.integrations",
+		links: [
+			{ labelKey: "account.nav.punchouts", icon: "external", to: "/account/punchouts" },
+			{ labelKey: "account.nav.orderingDevices", icon: "direct-order", to: "/account/ordering-devices" },
+			{ labelKey: "account.nav.mobileScanners", icon: "scan", to: "/account/mobile-scanners" },
+			{ labelKey: "account.nav.iotDevices", icon: "cpu", to: "/account/iot-devices" },
+		],
+	},
+	{
+		labelKey: "account.nav.groups.settings",
+		links: [
+			{ labelKey: "account.nav.catalogs", icon: "book-2", to: "/account/catalogs" },
+			{ labelKey: "account.nav.accountSettings", icon: "user", to: "/account/profile", implemented: true },
+			{ labelKey: "account.nav.orderSettings", icon: "settings", to: "/account/preferences", implemented: true },
+			{ labelKey: "account.nav.addresses", icon: "location", to: "/account/addresses", implemented: true },
+			{ labelKey: "account.nav.users", icon: "users", to: "/account/users" },
+			{ labelKey: "account.nav.roles", icon: "key", to: "/account/roles" },
+			{ labelKey: "account.nav.customArticleNumbers", icon: "hash", to: "/account/custom-article-numbers" },
+		],
+	},
+];
+
+/** Resolves an account navigation link by its path (used by the catch-all page). */
+export function findAccountNavLink(path: string): AccountNavLink | undefined {
+	for (const group of accountNavigation) {
+		const link = group.links.find(l => l.to === path);
+		if (link) {
+			return link;
+		}
+	}
+	return undefined;
+}

package/app/config/palette.ts

@@ -0,0 +1,13 @@
+export const palette: Record<string, Record<number, string>> = {
+	indigo: { 50: "oklch(96.2% 0.018 272.314)", 100: "oklch(93% 0.034 272.788)", 200: "oklch(87% 0.065 274.039)", 300: "oklch(78.5% 0.115 274.713)", 400: "oklch(67.3% 0.182 276.935)", 500: "oklch(58.5% 0.233 277.117)", 600: "oklch(51.1% 0.262 276.966)", 700: "oklch(45.7% 0.24 277.023)", 800: "oklch(39.8% 0.195 277.366)", 900: "oklch(35.9% 0.144 278.697)", 950: "oklch(25.7% 0.09 281.288)" },
+	violet: { 50: "oklch(96.9% 0.016 293.756)", 100: "oklch(94.3% 0.029 294.588)", 200: "oklch(89.4% 0.057 293.283)", 300: "oklch(81.1% 0.111 293.571)", 400: "oklch(70.2% 0.183 293.541)", 500: "oklch(60.6% 0.25 292.717)", 600: "oklch(54.1% 0.281 293.009)", 700: "oklch(49.1% 0.27 292.581)", 800: "oklch(43.2% 0.232 292.759)", 900: "oklch(38% 0.189 293.745)", 950: "oklch(28.3% 0.141 291.089)" },
+	orange: { 50: "oklch(98% 0.016 73.684)", 100: "oklch(95.4% 0.038 75.164)", 200: "oklch(90.1% 0.076 70.697)", 300: "oklch(83.7% 0.128 66.29)", 400: "oklch(75% 0.183 55.934)", 500: "oklch(70.5% 0.213 47.604)", 600: "oklch(64.6% 0.222 41.116)", 700: "oklch(55.3% 0.195 38.402)", 800: "oklch(47% 0.157 37.304)", 900: "oklch(40.8% 0.123 38.172)", 950: "oklch(26.6% 0.079 36.259)" },
+	sky: { 50: "oklch(97.7% 0.013 236.62)", 100: "oklch(95.1% 0.026 236.824)", 200: "oklch(90.1% 0.058 230.902)", 300: "oklch(82.8% 0.111 230.318)", 400: "oklch(74.6% 0.16 232.661)", 500: "oklch(68.5% 0.169 237.323)", 600: "oklch(58.8% 0.158 241.966)", 700: "oklch(50% 0.134 242.749)", 800: "oklch(44.3% 0.11 240.79)", 900: "oklch(39.1% 0.09 240.876)", 950: "oklch(29.3% 0.066 243.157)" },
+	emerald: { 50: "oklch(97.9% 0.021 166.113)", 100: "oklch(95% 0.052 163.051)", 200: "oklch(90.5% 0.093 164.15)", 300: "oklch(84.5% 0.143 164.978)", 400: "oklch(76.5% 0.177 163.223)", 500: "oklch(69.6% 0.17 162.48)", 600: "oklch(59.6% 0.145 163.225)", 700: "oklch(50.8% 0.118 165.612)", 800: "oklch(43.2% 0.095 166.913)", 900: "oklch(37.8% 0.077 168.94)", 950: "oklch(26.2% 0.051 172.552)" },
+	rose: { 50: "oklch(96.9% 0.015 12.422)", 100: "oklch(94.1% 0.03 12.58)", 200: "oklch(89.2% 0.058 10.001)", 300: "oklch(81% 0.117 11.638)", 400: "oklch(71.2% 0.194 13.428)", 500: "oklch(64.5% 0.246 16.439)", 600: "oklch(58.6% 0.253 17.585)", 700: "oklch(51.4% 0.222 16.935)", 800: "oklch(45.5% 0.188 13.697)", 900: "oklch(41% 0.159 10.272)", 950: "oklch(27.1% 0.105 12.094)" },
+	zinc: { 50: "oklch(98.5% 0 0)", 100: "oklch(96.7% 0.001 286.375)", 200: "oklch(92% 0.004 286.32)", 300: "oklch(87.1% 0.006 286.286)", 400: "oklch(70.5% 0.015 286.067)", 500: "oklch(55.2% 0.016 285.938)", 600: "oklch(44.2% 0.017 285.786)", 700: "oklch(37% 0.013 285.805)", 800: "oklch(27.4% 0.006 286.033)", 900: "oklch(21% 0.006 285.885)", 950: "oklch(14.1% 0.005 285.823)" },
+	slate: { 50: "oklch(98.4% 0.003 247.858)", 100: "oklch(96.8% 0.007 247.896)", 200: "oklch(92.9% 0.013 255.508)", 300: "oklch(86.9% 0.022 252.894)", 400: "oklch(70.4% 0.04 256.788)", 500: "oklch(55.4% 0.046 257.417)", 600: "oklch(44.6% 0.043 257.281)", 700: "oklch(37.2% 0.044 257.287)", 800: "oklch(27.9% 0.041 260.031)", 900: "oklch(20.8% 0.042 265.755)", 950: "oklch(12.9% 0.042 264.695)" },
+	stone: { 50: "oklch(98.5% 0.001 106.423)", 100: "oklch(97% 0.001 106.424)", 200: "oklch(92.3% 0.003 48.717)", 300: "oklch(86.9% 0.005 56.366)", 400: "oklch(70.9% 0.01 56.259)", 500: "oklch(55.3% 0.013 58.071)", 600: "oklch(44.4% 0.011 73.639)", 700: "oklch(37.4% 0.01 67.558)", 800: "oklch(26.8% 0.007 34.298)", 900: "oklch(21.6% 0.006 56.043)", 950: "oklch(14.7% 0.004 49.25)" },
+};
+
+export const COLOR_SHADES = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950] as const;

package/app/config/themes.ts

@@ -0,0 +1,20 @@
+import type { SolarIconWeight } from "./icons";
+
+export interface Theme {
+	id: string;
+	name: string;
+	colors: { primary: string; neutral: string };
+	tokens: { radius: string };
+	icons: { weight: SolarIconWeight };
+}
+
+export const DEFAULT_THEME_ID = "midnight";
+
+export const themes: Theme[] = [
+	{ id: "midnight", name: "Midnight", colors: { primary: "indigo", neutral: "zinc" }, tokens: { radius: "0.375rem" }, icons: { weight: "linear" } },
+	{ id: "aurora", name: "Aurora", colors: { primary: "violet", neutral: "slate" }, tokens: { radius: "0.5rem" }, icons: { weight: "line-duotone" } },
+	{ id: "ember", name: "Ember", colors: { primary: "orange", neutral: "stone" }, tokens: { radius: "0.375rem" }, icons: { weight: "bold" } },
+	{ id: "ocean", name: "Ocean", colors: { primary: "sky", neutral: "slate" }, tokens: { radius: "0.5rem" }, icons: { weight: "outline" } },
+	{ id: "forest", name: "Forest", colors: { primary: "emerald", neutral: "zinc" }, tokens: { radius: "0.25rem" }, icons: { weight: "broken" } },
+	{ id: "blossom", name: "Blossom", colors: { primary: "rose", neutral: "zinc" }, tokens: { radius: "0.75rem" }, icons: { weight: "bold-duotone" } },
+];

package/app/formkit.config.ts

@@ -0,0 +1,50 @@
+import { de, en } from "@formkit/i18n";
+import { generateClasses } from "@formkit/themes";
+import { createInput, defineFormKitConfig } from "@formkit/vue";
+
+import FormKitDatePicker from "./components/ui/forms/FormKitDatePicker.vue";
+
+/**
+ * FormKit configuration for the cover design system.
+ *
+ * Forms render SSR (no ClientOnly needed) and are styled with the same
+ * Nuxt UI tokens as the rest of the system. Validation messages come from
+ * FormKit's locale packs; the active locale follows the app locale (see
+ * the schema form components).
+ */
+export default defineFormKitConfig({
+	locales: { de, en },
+	locale: "de",
+	// Custom inputs: `datepicker` wraps Nuxt UI's UCalendar (ISO string value).
+	inputs: {
+		datepicker: createInput(FormKitDatePicker, {
+			props: ["minDays", "maxDays", "disableWeekends"],
+		}),
+	},
+	config: {
+		classes: generateClasses({
+			global: {
+				form: "flex flex-col gap-4",
+				outer: "flex flex-col gap-1 data-[disabled]:opacity-50",
+				label: "text-sm font-medium text-highlighted",
+				inner: "w-full",
+				input: `w-full px-3 py-2 text-sm border rounded-md bg-transparent
+					border-(--ui-border) focus:outline-none focus:ring-2 focus:ring-(--ui-primary)
+					placeholder:text-muted`,
+				messages: "list-none p-0 m-0 flex flex-col gap-0.5",
+				message: "text-xs text-red-500",
+				help: "text-xs text-muted",
+			},
+			select: {
+				input: `w-full px-3 py-2 text-sm border rounded-md bg-default
+					border-(--ui-border) focus:outline-none focus:ring-2 focus:ring-(--ui-primary)`,
+			},
+			checkbox: {
+				wrapper: "flex items-center gap-2 cursor-pointer",
+				inner: "flex items-center !w-auto",
+				input: "w-4 h-4 rounded border-(--ui-border) accent-(--ui-primary)",
+				label: "text-sm text-highlighted !font-normal",
+			},
+		}),
+	},
+});

package/app/interfaces/account/address-list.ts

@@ -0,0 +1,34 @@
+export type AccountAddressType = "billing" | "shipping";
+
+export interface AccountAddress {
+	readonly id: string;
+	readonly company: string;
+	readonly label: string;
+	readonly firstName: string;
+	readonly lastName: string;
+	readonly street: string;
+	readonly streetNumber: string;
+	readonly city: string;
+	readonly zip: string;
+	readonly country: string;
+	readonly isDefault: boolean;
+	readonly type: AccountAddressType;
+}
+
+export interface AccountAddressFormState {
+	company: string;
+	label: string;
+	firstName: string;
+	lastName: string;
+	street: string;
+	streetNumber: string;
+	city: string;
+	zip: string;
+	country: string;
+	type: AccountAddressType;
+	isDefault: boolean;
+}
+
+export interface AccountAddressListResponse {
+	readonly addresses: AccountAddress[];
+}