Feat: Frontend app shell

Frontend/src/components/shell/data/shell.data.ts

@@ -0,0 +1,53 @@
+// Path: Frontend/src/components/shell/data/shell.data.ts
+
+import type { Component } from "solid-js";
+import { Bell, Folder, Home, LayoutGrid, Plus, Search, Settings, User } from "../../../lib/icons";
+
+type ShellIconProps = {
+	class?: string;
+	size?: number;
+	strokeWidth?: number;
+};
+
+export type ShellIcon = Component<ShellIconProps>;
+
+export type RailItem = {
+	id: string;
+	label: string;
+	abbreviation: string;
+	active?: boolean;
+};
+
+export type SidebarItem = {
+	id: string;
+	label: string;
+	icon: ShellIcon;
+	active?: boolean;
+	meta?: string;
+};
+
+export type TopBarAction = {
+	id: string;
+	label: string;
+	icon: ShellIcon;
+};
+
+export const railItems: readonly RailItem[] = [
+	{ id: "personal", label: "Personal", abbreviation: "P" },
+	{ id: "moku", label: "Moku", abbreviation: "M", active: true },
+	{ id: "labs", label: "Labs", abbreviation: "L" },
+] as const;
+
+export const workspaceSidebarItems: readonly SidebarItem[] = [
+	{ id: "home", label: "Home", icon: Home, active: true },
+	{ id: "boards", label: "Boards", icon: LayoutGrid, meta: "0" },
+	{ id: "docs", label: "Docs", icon: Folder, meta: "0" },
+	{ id: "settings", label: "Settings", icon: Settings },
+] as const;
+
+export const topBarActions: readonly TopBarAction[] = [
+	{ id: "search", label: "Search", icon: Search },
+	{ id: "create", label: "Create", icon: Plus },
+	{ id: "inbox", label: "Inbox", icon: Bell },
+	{ id: "profile", label: "Profile", icon: User },
+] as const;